November 2011
15 posts
The Perfect Paragraph - Smashing UX Design →
In this article, I’d like to reacquaint you with the humble workhorse of communication that is the paragraph. Paragraphs are everywhere. In fact, at the high risk of stating the obvious, you are reading one now. Despite their ubiquity, we frequently neglect their presentation. This is a mistake. Here, we’ll refer to some time-honored typesetting conventions, with an emphasis on readability, and...
parislemon • ANNOYING: The Article As A Slideshow →
Matt Rosoff’s thoughts on Google becoming more like Microsoft should have been a provocative and effective article. Instead it’s a slideshow. Why? I have no clue.
Adactio: Journal—Responsible responsive images →
I spent a chunk of time in the afternoon going over the thorny challenges of responsive images. Jason has been doing a great job of rounding up all the options available to you when it comes to implementing responsive images:
Establishing Your Grid In Photoshop - Smashing... →
Creating a grid is typically one of the very first things you do when starting a design comp. After all, it provides the basic structure on which the rest of your design will lie. In this article, we’ll provide two different methods for efficiently establishing a grid. These methods enable you to quickly and smartly form a grid so that you can spend more time designing.
How To Set Up A Print Style Sheet - Smashing... →
In a time when everyone seems to have a tablet, which makes it possible to consume everything digitally, and the only real paper we use is bathroom tissue, it might seem odd to write about the long-forgotten habit of printing a Web page. Nevertheless, as odd as it might seem to visionaries and tablet manufacturers, we’re still far from the reality of a paperless world.
Getting Started with MongoDB | Nettuts →
In object-oriented development, we’re encouraged to approach code development through logical models, so that we can more readily conceptualise it in our mind. When we do this, we’re better able discern the logical operations used to interact with it and information that it would contain at different times.
CSS3 Transitions And Transforms From Scratch |... →
There are some amazing examples of CSS transforms and transitions, and whilst you may be blown away by them, there’s a good chance that you’re also overwhelmed and a bit intimidated! This tutorial will take you back to the very basics. We’re going to create some fundamental CSS3 transitional movements, step by step.
Lynx would not be impressed – on semantics and... →
Lately there has been a lot of discussion about markup, and especially the new HTML5 elements. There was a big hoo-hah when Hixiethe WHATWG wanted to remove the time element from the HTML spec, Divya stirred lots of emotions with her “Our Pointless Pursuit Of Semantic Value” and of course Jeremy posted his views on the subject, too in a counterpoint article “Pursuing semantic value“.
Color Correcting Photographs Using the Curves... →
There are a number of ways that you can color correct an image in Photoshop. The method that we are going to be demonstrating in this tutorial is through the use of a curves adjustment layer. Some of the advantages of using a curves adjustment layer for this type of correction is that the image file size is minimally impacted and you can easily go back at anytime to modify your adjustments if your...
Canvas →
This webpage had been created to solve the : Instagram Engineer Challengue using only HTML5. We are taking advantage of canvas to convert the image in something we can manage with javascript, and after that we create a couple of scripts to check the distribution of stripes, and then Unshredder the image. Note that this version is not using Web Workers, but could be a really nice idea in some...
Response Times: The 3 Important Limits by ZURB →
A little while ago we wrote a post on the pros and cons of stacking divs to speed up interactions. Since then we received a number of questions regarding guidance in regards to the website response time. Specifically: What should the response times be for a typical site? Some of you who have attended our our Interaction Design For Engineers talk have probably heard us speak about this. In this...
HTML5 Security Cheatsheet →
What your browser does when you look away…
Pursuing Semantic Value - Smashing Coding →
Divya Manian, one of the super-smart web warriors behind HTML5 Boilerplate, has published an article called Our Pointless Pursuit Of Semantic Value.
I’m afraid I have to agree with Patrick’s comment when he says that the abrasive title, the confrontational tone and strawman arguments at the start of the article make it hard to get to the real message.
Our Pointless Pursuit Of Semantic Value - Smashing... →
In the golden days of the Web, Web pages were supposed to be repositories of information and meaning, nothing more. Today, the Web has content, but meaning is derived from users’ interactions with it.
Stop Nesting Functions! (But Not All of Them) →
JavaScript is over fifteen years old; nevertheless, the language is still misunderstood by what is perhaps the majority of developers and designers using the language. One of the most powerful, yet misunderstood, aspects of JavaScript are functions. While terribly vital to JavaScript, their misuse can introduce inefficiency and hinder an application’s performance.