A silly coincidence while reading Responsive Typography With Sass Maps. Apparently we did @dfib a similar thing for the Nippon Shokubai Europe career site. The mixin still has a Desktop First…

A quick way to choose a Google web font

Responsive design is the real deal. It is not a fad. It’s a legitimate attempt to address the massive challenge of delivering great experiences to this explosion of devices and browsers. But don’t feel like it’s the end-all be-all of website construction. This aint religion. This is web design.

Creating great responsive experiences requires a hell of a lot more than media queries. If you think creating squishy layouts is all this responsive thing is about, you’re missing the point.

Generate Product Screenshots in Realistic Environments

A leading factor for great legibility and readability is how the text flows vertically on the page. Is the text too squished together, or is it too far apart? This is where an understanding and practical implementation of vertical rhythm can come in handy.

Answers to some of the most common questions I’ve been asked since writing the initial Retina display article and Smashing Magazine article.

Find out what a website is built with, enter a website you want to profile.

If you’re primarily a designer and have recently started learning CSS, you’ve probably started to incorporate some of the new CSS features that have been added to the language in CSS3.

But if you don’t have a lot of experience with CSS, then you’re probably trying to figure out what is the best way to handle some of the challenges that arise from using multiple vendor prefixes, dealing with older versions of Internet Explorer, and other CSS3-specific dilemmas.

In this article, I’ll try to cover some of the important things to remember when dealing with these issues. Keep in mind that nothing here is set in stone but these should just be guidelines to help you write more effective, easier to maintain, and future-proof code.

No one likes that too tight feeling of riding the metro or train with too many people at once. But that’s the same feeling you get when using a family of condensed or ultra-thin fonts on your website. (And that’s why you don’t see them all that commonly used.)

Show the actual size of a phone on your screen! Adjust the settings in the top bar so they match your monitor (try to be as precise as possible).

He’ll demonstrate how to separate design from layout and if you work with designs made in Photoshop, he’ll show how to deconstruct a design into its components (colour, texture and typography) before reassembling it for a fluid continuum of devices from, mobile phones to desktops and everything in between.

cool self branding website