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.
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!
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.
Happy new year everyone; 2012 is going to be a piece of cake!
“W-Architectures is an architecture and urban-planning agency. The firm brings together a highly-qualified team of architects with international experience.” This is how they introduce themselves and I couldn’t have said it better myself.
I used mostly WordPress and MooTools to develop it. Everything was designed to be light and subtle, I think I can safely say that it is.
When writing in French I’m always looking for characters that can’t be easily typed with a keyboard (like œ, for example). I used to go to copypastecharacter.com for its simplicity: just go to that page, click on a character and boom, it’s in your clipboard, ready to be pasted!
But I wanted something more powerful/thorough that would remember my frequently used characters. So I wrote Unipasta!
Here’s what you should know about it:
- Every input under the selected character (char, code and hex) can be edited and will update each other. Easily jump to any character!
- The font metrics (baseline, x-height and cap-height) are auto-calculated and will help you know where the char lives;
- Click on the “More Info” link to jump to fileformat.info and access a lot of details about the selected character;
- Every character your click will be automatically copied to your clipboard, handy!
- Use the “Recent characters” list to quickly access your favorite ones (latest used will always be listed first).
If you think some missing Unicode blocks are important to you or if you’d like to add a new character listing, just ask for it!
Because cameras on phones take big pictures and because you might want to send smaller/lighter versions, Shrink O’Mobile is here to help out. Just launch the app, choose the way you want your image to be shrunk, pick your image and BOOM! Your fresh, smaller, new version is instantly stored in your camera roll. Easy as pie.
And did I mention the app is free? It is.