It would be pretty cool if we could do this someday in CSS. The best idea for it that I've come across is to define it in a tag in the... read more
Naming Media Queries
List of Pseudo-Elements to Style Form Controls
Like the little handle on range inputs. You can style that, but it's different in all the major browsers. It's either ::-ms-thumb , ::moz-range-thumb , or ::-webkit-slider-thumb... read more
What’s new for designers, April 2013
The April edition of what’s new for web designers and developers includes new web apps, jQuery plugins and JavaScript resources, mobile apps, educational resources, mockup kits, frameworks, web development tools, coding resources, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there. As always, if we’ve missed something you think should have been included, please let us know in the... read more
How to turn your icons into a web font
I had created some neat icons for a website redesign I was doing, and I previewed the new site on an old iPad. The layout looked OK at normal size, but zooming in to part of the page, I suddenly saw that my icon was a blurry mess, while the text-based header was still crisp and sharp. On a newer Retina-display iPad, the icons didn’t look quite sharp, even at normal... read more
How to use CSS specificity
If you plan to use CSS on a regular basis you need to develop an understanding of what specificity is and how it is applied. Other than floats and positions, specificity may be one of the hardest things to get used to, let alone... read more
How to Create a Unique USB Sign in Button in Adobe Illustrator
In the following steps you will learn how to turn simple USB stick illustration into a nice sign in button. It’s another one of those tutorials that focuses a lot on the Appearance panel. We’ll start with a simple rectangle, the Rounded Corners effect and some simple Pathfinder and Transform... read more
There’s more to the CSS rem unit than font sizing
The following is a guest post by Roman Rudenko, a mad scientist at Mobify where he’s tasked with understanding why browsers misbehave and with cajoling them into playing nice. When he’s not coding, Roman is learning to ride a motorbike without crashing into too many solid objects. Many web designers and developers are familiar with the CSS rem length... read more
Tricky Textarea Pulltab
In desktop Safari, Chrome, Firefox, and Opera-under-Presto, (not IE, not mobile anything) s have a little resizer nugget in the bottom right corner.... read more
How to Create an Andy Warhol Inspired Pop Art Portrait in Illustrator
Andy Warhol ‘s screen print series of Marilyn Monroe portraits were probably the main reason I was interested in creating vector art. He’s one of my all time favorite artists so creating a set of portraits inspired by his mass produced art was bound to happen at some point! In today’s tutorial I’m going to show you how to create a set of colorful portraits from a stock image base, in a similar style to Warhol’s, using Adobe Illustrator. Step 1 To start with, I’m going to modify the stock image I’ve purchased from PhotoDune, although you could do... read more
Best of Tuts+ in February 2013
Each month, we bring together a selection of the best tutorials and articles from across the whole Tuts+ network . Whether you’d like to read the top posts from your favourite site, or would like to start learning something completely new, this is the best place to start! Psdtuts+ — Photoshop Tutorials Create a Surreal “Parting of the Sea” Photo Manipulation Water, by its very nature is difficult to convincingly incorporate into a... read more
