O'Reilly

Weekend Links – Good Web Design, CSS Working Group, Body ID, IE8 Acid2, DOMAssistant 2.5, Google Analytics, Wii Opera SDK

By on  

9 Essential Principals For Good Web Design

PSDTuts has authored an article every Web Designer should read.

http://psdtuts.com/designing-tutorials/9-essential-principles-for-good-web-design/

CSS Unworking Group

Andy Clarke's not happy with the CSS Working Group and has called for them to be disbanded.

http://www.stuffandnonsense.co.uk/malarkey/more/css_unworking_group/

ID Your Body For Greater CSS Control and Specificity

Adding an ID attribute to an HTML document's body can allow more CSS control.

http://css-tricks.com/id-your-body-for-greater-css-control-and-specificity/

IE8 Passes Acid2 Test, Web Standards Project Dies of Shock

In other news, hell has frozen over and Windows has gone open source...

http://www.sitepoint.com/blogs/2007/12/20/ie8-passes-acid2-test-web-standards-project-dies-of-shock/

DOMAssistant 2.5 Released

Another framework with an outstanding new release.

http://www.robertnyman.com/2007/12/17/domassistant-25-released-css-selector-support-new-ajax-methods-and-more-goodies-added/

mapper.js

mapper.js allows you to highlight specific areas on an image map.

http://www.netzgesta.de/mapper/

Wii Opera SDK

A Wii SDK has been created, so now your website can support video game consoles.

http://hullbreachonline.com/wii/sdk.html

New Google Analytics API / DataSource

This CakePHP class allows you to connect to Google Analytics and retrieve your account's information.

http://www.thinkingphp.org/2007/12/18/new-google-analytics-api/

O'Reilly Velocity Conference
Save 20% with discount code AFF20

Recent Features

  • Responsive and Infinitely Scalable JS Animations

    Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() – this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...

  • CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome,...

Incredible Demos

  • Create a 2 Column Layout with Flexbox

    Flexbox was supposed to be the pot of gold at the long, long rainbow of insufficient CSS layout techniques.  And the only disappointment I've experienced with flexbox is that browser vendors took so long to implement it.  I can't also claim to have pushed flexbox's limits, but...

  • Event Delegation with MooTools

    Events play a huge role in JavaScript. I can't name one website I've created in the past two years that hasn't used JavaScript event handling on some level. Ask yourself: how often do I inject elements into the DOM and not add an...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!

    Recently on David Walsh Blog

    • Prevent Chrome from Translating a Page

      A while back I shared my favorite Google Chrome extension:  Google Art Project.  I've enjoyed seeing beautiful art when I open a new tab -- it's brought genuine happiness to my day, however small that happiness may be.  About a week ago, however, the art presented had...

    • Create Any Type Of Website With These Multi-Purpose Themes

      We have selected what we believe are the very best multipurpose WordPress themes on the market today. Our list contains a number of best sellers, several newcomers that are proving to be highly popular, and a few themes that are ideal for creating the types of...

    • An Introduction to Static Site Generators

      Static site generators seem to have been becoming more and more popular recently, but they’re not one of those ephemeral novelty things that grow in popularity as quickly as they fall into oblivion shortly after. For over a decade, many different projects — 394 of...

    • Automated Tests for Visual Responsive Layouts

      Today it's all about testing. In 2015, many developers knows about TDD and I personally think that testing is one of the key for quality products. But what about testing in a Front-end environment? How do you guys write your tests for a responsive page or...

    • Getting Dicey With Flexbox

      What if you could build complex CSS layouts in minutes? Flexbox is a new CSS layout spec that makes it easy to construct dynamic layouts. With flexbox, vertical centering, same-height columns, reordering, and direction agnosticism are a piece of cake. There's a popular myth floating around that...