Converting Photoshop mockups to live web code is an extremely common practice among web designers. We’ve all done it a million times by hand, so it’s pretty exciting when we start seeing solutions pop up that will help us automate this process.
The latest version of Creative Cloud Photoshop CS6 has a built-in feature for converting Photoshop styles to CSS, and if you need another solution, there are two solid extensions that you can check out. Today we’ll compare the results of all three methods: Photoshop, CSS3Ps and CSSHat to see which is best.January 3rd, 2013 Posted in CSS
I love getting paid, but I hate invoicing. It can be tedious, time consuming and even frustrating if you don’t have a good system in place. Long have I searched in vain for the perfect invoicing app that has the features I need without costing me a fortune.
Good news: I finally found it. Invoiceable is everything I’ve ever wanted in an invoicing app. It’s easy to use, the invoices are highly customizable and the service is free. Sounds too good to be true right? Read on to learn more.December 31st, 2012 Posted in Software
Icon fonts are all the rage right now. They make it so dang easy to embed vector graphics into a page that designers everywhere are turning to them as the primary way to handle icons.
The problem of course is, we need more control over which icons we embed. Sometimes we pull from a variety of sources, including our own work, and we need a good way to put it all together. Enter icon font generators. Follow along as we compare a few of our favorites.December 27th, 2012 Posted in CSS
Know any good card tricks? Hopefully, after today, you will! We’re going to build some simple and attractive playing cards with pure CSS, then we’ll learn how to target and animate each card for some added fun.
Along the way, we’ll see how to use before and after to build the cards with minimal markup. Let’s get started!
Today we’re going to take a step back from the digital world and take a look at a real life physical product: Dotgrid.co notebooks. These notebooks are made in the UK and are the work of Callum Chapman, a name you’ll likely recognize from the design community.
Callum has worked hard to create a solid product and I couldn’t be happier with my own Dotgrid.co notebook. Read on to see what they’re all about.December 20th, 2012 Posted in Reviews
Sharing is an integral part of the web experience and designers are always looking for new and interesting ways to highlight or show off the sharing portion of their pages.
Today, we’re going to build a simple sharing menu that integrates an icon font as well as some animations. The final product is inspired by Disqus, but has a unique twist of its own. Let’s jump in and see how it works.December 18th, 2012 Posted in CSS
Emmet, formerly Zen Coding, is one of the most downright practical and productive text editor plugins that you will ever see. With its ability to instantly expand simple abbreviations into complex code snippets, Emmet makes you feel like a powerful coding wizard with the world at your fingertips.
As a follow up to our previous article on the basics of Zen Coding, today we’re going to dive into seven awesome tips to help you become a true Emmet pro.December 17th, 2012 Posted in CSS
Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.
Today’s site is HealthyHearing, a source for hearing health and hearing aid information. Let’s jump in and see what we think!December 14th, 2012 Posted in Critique
As a designer or developer, paperwork is probably a necessary evil, not something that you particularly enjoy. Tasks like creating and managing client quotes and sending invoices can be annoying or even intimidating.
Fortunately, QuoteRobot is here to streamline the process for you. We took a look at this great app when it first launched, but now it’s been completely overhauled for version two, so it’s high time we had another peek!December 13th, 2012 Posted in Business
Smashing Magazine, one of the most significant forces on the web for all things design and development related, is hitting us with another tome of practical and insightful industry knowledge. The Mobile Book is the latest product of Smashing’s foray into publishing, and it just might be the best one yet.
Read on to see what The Mobile Book is, who it’s for, and why there should be a copy sitting on your shelf as soon as possible.December 12th, 2012 Posted in Reviews