In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. Most mobile phones have a device-width of 480px or lower, including the popular iPhone 4 (with device-width: 320px), despite it technically having a 640 x 960 resolution. This is due to iPhone 4's retina display, which crams two device pixels into each CSS pixel on the screen. This is true for the Ipad 3 as well; its reported device-width is 768px just like its predecessors, even though its actual screen resolution is 1536px x 2048px. In general width is more versatile when it comes to creating responsive webpages, though device-width is useful when you wish to specifically target mobile devices (and not desktops with a small browser window for example), as rarely do desktops have screen resolutions below a certain number such as 320px x 480px.

The accelerometer embedded in our smart devices is typically used to align the screen depending on the orientation of the device, i.e. when switching between portrait and landscape modes. This capability provides great opportunities to create better user experiences because it offers an additional layout with a simple turn of a device, and without pressing any buttons.

Connects a text area or js code editor to an editor with GhostText server installed, all text changes will be send from the editor to the browser and vice versa.

Use Sublime Text to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

Tired of reading all this various web-content of mediocre quality at best?
Help is near: Click the «LoremIpsum!» bookmarklet and any web-page will display the text the best of designers have been preferring for the last 500 years. Trust the experts: Millions of designers and type setters can't be wrong!

A content strategy must achieve a harmonic balance between business goals, editorial mission, user expectations, design vision, the content production process, and technological capabilities.

Based upon web standards and best practices, WaSP InterACT is designed to prepare students to be a web professional. Adapt and reuse our resources. Contribute your own content and ideas.

The following schools offer a wide range of projects submitted by influential designers and educators from major design institutions around the world. They illustrate some of the many ways typography can be taught effectively. For additional information, visit the school’s Web address at the end of each project description or the School Directory.

Every time I pick up the phone and call home I am filled with dread. Will this be the day I hear someone I love has contracted the disease? To date, thankfully, no one in my family has. But that provides little comfort.

This article is intended for an audience of contemporary designers and students who are at least one step removed from mid-century British typographic culture; it is a critique of the Gill Sans typeface and the idiosyncrasies of its creation from a contemporary perspective. The central argument is that an earlier typeface by Eric Gill’s mentor, Edward Johnston, is a superior piece of type design.

Typefaces are an expression of their time. FF Mark is a new typeface and yet it clearly draws on historical examples from the past. Precisely, the mid-1920s, a period in German history with exceptional innovation in engineering, in the arts and in design. In particular, the years between 1925 and 1930 produced several ideas that were new to the world – among them a new concept in type design: the geometric sans serif.

A presentation on development of typography focusing on Bauhaus

So without further ado, here’s two years of the most common mobile web problems and what you can do about them.

In this article we discuss the importance of navigation design patterns using examples from some of the hottest websites and web apps.

В этот день двадцать лет назад нынешний CTO Opera Хоком Виум Ли опубликовал предложение по каскадным таблицам стилей для HTML. 

Menu Wizard - это дополнение к браузеру Firefox, которое поможет вам настроить меню: удаление, перемещение и переименование. Так же поддерживается SeaMonkey и Thunderbird.

WordPress designer, communications student and coffee addict from Umeå, Sweden.

CSS PRE is a project that aims to collect as much information about the popular CSS Preprocessors as possible, in order to serve as a one-stop reference.

This is a list of guidelines we've been compiling over the last couple years while building high-performance mobile frontends, as well as building the open source library impulse. Some of these are broadly applicable to any mobile website, some are specifically for people building apps.

The Physical Web is an approach to unleash the core superpower of the web: interaction on demand. People should be able to walk up to any smart device - a vending machine, a poster, a toy, a bus stop, a rental car - and not have to download an app first. Everything should be just a tap away.