The idea is pretty simple but could come in handy: when your OS’s windows are moved off-screen, their essentials UI elements (think: buttons) stay at reach, sticking to the screen’s limit. Go ahead and play with the demo, you’ll get it!
Thoughts welcome, of course.
A personal homage to African Apparel’s first.
I also printed it on a shirt but the result is too shitty to share.
A few months back I discovered the concept of CSS pre-processors. At that time I knew about LESS and Sass and had to decide which one was the best option for me. I thought the concept was really cool but lacked a real project to start getting my hands dirty with it.
Then I started working on a freelance project and Crunch came out; I was sold. This app made me choose LESS over Sass, which may not be the best of reasons, but it seems like I’m not the only one to pick this language. As you may know the second iteration of Twitter Bootstrap also relies on LESS, even encouraging you to use Crunch.
Saturday @ilovetypography tweeted this:
Dreaming of something that takes my CSS & LESSifies it — automagically.
To which I replied that:
This seems possible! Will try and see if I can write such a tool, interesting idea…
The tool takes basic CSS as an input and tries its best to output the LESS or Sass source it would correspond to (including nesting, classes and pseudo-classes). I also added an option to output something for the not-so-popular-but-interesting Stylus language.
As you’ll notice in the footer of the tool’s page it’s a “five-hour project”. In order to have a decent UI as fast as possible I used Twitter Bootstrap, which has its downsides but fits perfectly this kind of projects. A “five-hour project” also means it may still be a bit buggy. Don’t hesitate to ping me on Twitter or to drop comments here.
ps: Least both references LESS and “To Say the Very Least”, a track by Buck 65 on Vertex. Ah!
Remember Kwot, my Flash quote viewer? I published it back in December 2008.
It is a mix of Flash (most part of it), JS (for the add form and its communication with the main UI) and PHP (CRUD logic). Read the blog post for more details on it.
So here its: Kwot JS!
It should work really well on Safari, OK on Chrome, not-that-perfect on Firefox and poorly on Internet Explorer. You were looking for a reason to continue using Flash for building “experience sites”? There you have it: compatibility. Kwot JS relies on CSS3 transforms to allow this perspective view on quotes, and on property transitions to animate the quotes’ colors. Of course this doesn’t work in all browsers!
Now, about Backbone.js. The framework’s requirements and logic are good, but coming from an AS3 world mostly everything looks odd, for better or worse. Note this is my first project with it and I might have missed some good practices or handy tips.
The good thing is its persistence layer. In Kwot, quotes are stored in a database, I simply wrote a simple RESTful API with Slim (try this PHP framework: win) and connected it to my Model classes. That’s it, it just works. Underscore.js’ templating system is handsome, too. Never used that before, cool stuff.
The bad things are, as far as I’m concerned:
- No strong typing. Of course this isn’t Backbone’s problem, but rather JS’ one. On this particular point your IDE can help, but you won’t get runtime errors.
- The “this” keyword. You always end up with plenty of lines all starting with a “this.something”. It frustrates me.
- Scope issues: when listening to events you pretty much always have to use Underscore.js’ bind method in order not to lose your infamous “this” scope. I don’t like that.
- The MVC pattern. If you ask me: it sucks. I’m no integrist but I wouldn’t have called what Backbone provides MVC. I was always wondering “who should do that?” and never really came up with a satisfying answer.
Overall the learning curve is pretty steep, I think it took me less time to write this version than the Flash one, but I’m a 3 year more mature developer. Also, when I wrote the Flash version I didn’t really know where I was going and I kept experiencing with concepts and ideas to see what would look best.
Tell me what you think, both about the app and the framework!
I recently wrote a pretty big tutorial about Adobe AIR, its captive runtime mode, and how to generate a Windows installer on top of that. It was written in French and published on flex-tutorial.fr.
Wether you’re a French or English reader, I got you covered. Tell me what you think.
Back in 2008 I would spend some of my Saturday afternoons sitting in a Laundromat, waiting for my clothes to smell good. I quickly realized these moments were perfect to bring my laptop with me and code. One of the first AIR apps I wrote was Shrink O’Matic, now you know where the name comes from.
It quickly became successful. It now has been downloaded 168,000+ times, a best-seller of sorts. Except it’s free.
But with success comes feedback, and with feedback comes feature suggestions. Most of them were included through updates, some of them didn’t make the cut. Probably because of me being lazy or because of AIR’s limitations.
Then AIR 2 came out, then I learnt Robotlegs… So I re-wrote it from scratch! Introducing Shrink O’Matic 2, the same quick and simple app but with more features and a nicer theme.
Here’s what’s fresh off the oven:
- Drop folders onto the app: every image in it (or in its sub-folders) will be shrinked.
- New “Rotation” settings pane: either use a specific angle or let the app read your images’ EXIF data and decide what to do.
- Custom name option: choose exactly what the output name will be using your own pattern and injecting the original file’s name (using $name) and/or its position in the queue (using $num).
- PNG files now keep their transparency when shrinked.
- Watermark: watermark your images, even choose where to place the overlay.
- Drop files onto the app while it’s processing, no problemo!
- No more dimension limits.
- Shiny new theme!
But! I decided some features had to go. I removed the “name preview” that used to be in the status bar. I also removed the ability to drop images from web pages. If you need these features and want them back, make sure to drop a comment and let me know!
That’s it, go get it!
Hey everyone, what’s up? Made it to 2012? Me too!
My girlfriend and me wanted to experiment a little for our new year wishes, so we looked at what was handy and came up with this little video… We know it’s not perfect but we’re pretty happy with it. Tell us what you think!
Wanna listen to the full-length version? Here it is.[mp3:tetris-2012]
Happy new year everyone; 2012 is going to be a piece of cake!