Posts

CSS Hacks for IE6,IE7,IE8,IE9 and IE10

Here are the newest CSS hacks for IE all versions, compatible with Firefox and Chrome. #hack{ color : red ; /* All browsers */ color : red !important ; /* All browsers but IE6 */ _color : red ; /* Only works in IE6 */ * color : red ; /* IE6, IE7 */ + color : red ; /* Only works in IE7*/ *+ color : red ; /* Only works in IE7 */ color : red \ 9 ; /* IE6, IE7, IE8, IE9 */ color : red \ 0 ; /* IE8, IE9 */ color : red \ 9 \ 0 ; /*Only works in IE9*/ }

Radio Buttons with 2-Way Exclusivity

Image
Let's say you were tasked with creating a UI in which users can rate three candy bars from their most to least favorite. A grid of radio buttons isn't a terrible way to go about this. The good news is that radio buttons have natural exclusivity in the name-group they are in, and we can use that to our advantage. The bad news is that we have interlocking groups and there is no way to express that in a functional way through HTML alone. Let's craft the HTML in such a way that the horizontal groups share the same name, granting exclusivity automatically. And we'll also add an HTML data-* attribute which signifies the column which we'll use to simulate the vertical exclusivity with JavaScript 1 . < table > < tr > < th > </ th > < th > 1 </ th > < th > 2 </ th > < th > 3 </ th > </ tr > < tr > < td > Twix </ td > < td > < input ty

Six tips from Apple on how to create better app icons

Image
This is a guest post by Martin LeBlanc, the founder of   IconFinder , a search engine for icons. You can follow him on twitter   here Shortly after the WWDC event in San Francisco in June, a plethora of iOS7 resources became available on the web. Throughout the hundreds of sessions, speakers and keynotes, Apple   unveiled its new iOS 7   to thousands of delegates lucky enough to be there. We found a great presentation called “Best Practice Guide for Great iOS Design” by Apple UX Evangelist, Mike Stern. The first part of his presentation is about app icons and what Apple believes makes a good icon. He goes through a list of six important things to consider when you are designing your app icon. We will do our best to summarise the presentation in this post. Mike Stern begins by explaining why it’s important to pay attention to the UI and app icon: Your users aren’t going to judge your app based on how many technologies you are using, or how many APIs you integrated or how eleg

A Beautiful Mess is a Great Photo-editing Accessory

Image
If there’s one thing I’m addicted to about my iPhone, it’s the camera-taking experience. I love Instagram . When I do creative work, it’s the place I share my progress with my friends and followers (so long as the client allows it). It’s also where I share photos my other loves: coffee, technology, and more coffee. (I promise I have real friends; I just keep most of my relationships private.) Some apps make the Instagram experience a little better, though. One of my favourites (apart from the indisputably excellent   VSCO Cam ) has been around a long time, and it’s called   A Beautiful Mess . I’ve been meaning to review it for a while, but I decided to let the developer finish up the iOS 7 update. It was worth the wait. Read on to find out more about what makes this a great, and fully-featured, photo editor for picture sharing. Feature-packed A beautiful mess isn’t quite like VSCO or Instagram, in that it’s not all about features. There are certainly features in the app (peop