The Use of CSS3 Media Queries in Less Framework 2

September 6th, 2010 No Comments

First off all, I don’t like CSS frameworks unless you’ve created one for yourself as a starting point for projects. That being said, Less Framework 2 looks like it could be a good playground for playing around with and learning about CSS3 Media Queries.

Read more...

Inspect Element on Facebook

September 6th, 2010 No Comments

You can now keep up to date with Inspect Element on Facebook if you wish.

Don’t forget, you can also follow me on Twitter or subscribe via RSS.

Read more...

dConstruct

September 2nd, 2010 No Comments

Off to dConstruct tomorrow, my first industry related conference. Really looking forward to it, especially seeing Merlin Mann’s and John Gruber’s talks.

Probably a bit late but any Inspect Element readers heading to Brighton? @tkenny me on Twitter if you are!

Read more...

The Wilderness Downtown, an HTML5 Masterpiece

September 2nd, 2010 No Comments

Watch and enjoy. More details of how it works here including street detection within Google Maps Street View.

Choreographed windows, interactive flocking, custom rendered maps, real-time compositing, procedural drawing, 3D canvas rendering… this Chrome Experiment has them all. “The Wilderness Downtown” is an interactive interpretation of Arcade Fire’s song “We Used To Wait” and was built entirely with the latest open web technologies, including HTML5 video, audio, and canvas.

Goodbye Flash (one day).

Read more...

Writing Clean CSS3 Code [updated]

September 1st, 2010 50 Comments

One of the main problems with writing CSS3 code are the vendor prefixes. These are the -moz- or -webkit- you see before properties such as border-radius or text-shadow. They’re a necessary evil at worst and you’ll have to use them to get the most out of what CSS3 currently has to offer.

So what’s the problem? I’m very much a fan of the single line approach to writing CSS as seen below. It allows elements to sit under each other nicely, making them easier to find. Good commenting also helps.

Read more...

The Web Shatters Focus, Rewires Brains

August 30th, 2010 No Comments

Erping Zhu, had people read a passage of digital prose but varied the number of links appearing in it. She then gave the readers a multiple-choice quiz and had them write a summary of what they had read. She found that comprehension declined as the number of links increased—whether or not people clicked on them. After all, whenever a link appears, your brain has to at least make the choice not to click, which is itself distracting.

Interesting findings into adding links into passages of text. We all know that links are fundamental to the way the web works but linking too frequently will distract your users and make articles less engaging and more difficult to read. Something to consider, especially if you’re a blog writer.

Read more...

Attention to Detail: You either have it or you don't

August 26th, 2010 Comments Off

Think about this when designing websites, attention to detail is what sets a design apart from others.

Read more...