Saturday, April 28, 2012

Build a responsive site in a week: media queries (part 4)

 Our website doesn’t appear responsive yet, even though we’ve added media queries to it

In the penultimate part of our responsive web design tutorial, Clearleft's Paul Robert Lloyd explains how media queries work, and describes a device-agnostic approach to breakpoints. By .Net Magazine

Build a responsive site in a week: images and video (part 3)

Large images can appear on the media item page

In the third part of responsive web design tutorial, Clearleft’s Paul Robert Lloyd looks at incorporating images and video into responsive layouts, and describes some of the problems in this area that still need solving. By .Net Magazine

Build a responsive site in a week: typography and grids (part 2)

For many years there was a debate among web professionals: fixed or fluid layouts? In many ways that debate has morphed into one where responsive layouts (with fluid underpinnings) are matched up against adaptive layouts (in which fixed layouts replace one another as the viewport changes). By .Net Magazine

Build a responsive site in a week: designing responsively (part 1)

It seems everyone is talking about responsive web design these days, and with good reason; as the number of web-enabled devices continues to grow – each with differing capabilities and features – it’s no longer sensible to build fixed-width websites.  By .Net Magazine

Friday, April 27, 2012

Workflow: the art of getting unstuck

Shift your thinking, alter your process, and create a dynamic of doing rather than spinning. Kelly Goto discusses feeling "stuck" and how to get "unstuck" in order to transcend obstacles and develop a culture of adaptation, progress and flow. By Slideshare

Beyond Usability: Mapping Emotion to Experience

 

As an evangelist for ‘design ethnography’, Kelly Goto is dedicated to understanding how real people integrate products and services into their daily lives. By Dconstruct

Tools and methodologies for better coding

Optimization and organization can mean many things, but what does it mean to you? By Webdesigner Depot

Why Mobile Web Analytics and not Standard Web Analytics?

Mobile Web Analytics

The mobile web analytics are meant to study the behavior of various mobile web visitors in a way similar to the desktop web analytics. By Crazyleaf Design

The Future of Web Typography

When a computer displays text, it uses fonts to display different styles of typeface. There are standard fonts such as Arial and Verdana, however, there are huge lists of fonts available to web developers and designers which don’t come pre-installed onto your computer, these are non-standard fonts. By Crazyleaf Design
Enhanced by Zemanta

A Closer Look At Font Rendering

 Ideal shape, black-and-white and grayscale rendering

The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The newfound freedom Web fonts are giving us brings along new challenges. Choosing and using a font is not merely a stylistic issue, and it’s worth having a look at how the technology comes into play. By Smashing Magazine

A Pure CSS3 Cycling Slideshow

Pure CSS3 Cycle Slider

Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. By Smashing Coding

Gamification And UX: Where Users Win Or Lose

Game buttons

So, what do games have that we miss in UX and Web design? Games have stunning graphics, missions, high scores, etc.. But adding any of those to our designs does not necessarily provide a better user experience — in many cases they’re frippery. What we are really looking for is what those elements bring to the games. By Smashing UX Design
Enhanced by Zemanta

Yahoo!’s Doug Crockford On JavaScript

 Douglas Crockford

Douglas Crockford who believes JavaScript might just be the most elegant language ever. Learn why he thinks you should study the history of computer science, the value of reading your code in front of other people, and that jQuery really is a good thing. By Smashing Coding

Content gone wild!

For successful web projects, pay as much attention to the content as to the design and technology. By Slideshare

Representing taxonomies

"Representing Taxonomies: What am I looking at here?" Presentation by Rachel Lovinger at the 2007 Semantic Technology Conference. By Slideshare

Metadata Workshop

Slides from Rachel Lovinger 'Metadata Workshop' at Content Strategy Applied 2012.  By Slideshare

Make your content nimble

Rachel Lovinger's presentation at Confab 2011 about some metadata standards that will help make your content nimble. By Slideshare

The Discipline of Content Strategy

Content strategy plans for the creation, publication, and governance of useful, usable content. By A List Apart

Content Modelling: A Master Skill

 

A content model documents all the different types of content you will have for a given project. It contains detailed definitions of each content type’s elements and their relationships to each other. By A List Apart

Content Strategy: The Philosophy of Data

 stakeholder influence chart

Content strategy is to copywriting as information architecture is to design. By Boxes and Arrows