Design the Code

Archive for the ‘Coding’ Category

Create a modern gallery using z-index and jQuery

Published: April 1, 2010

Introduction In this tutorial we want to create a unique picture gallery utilizing the CSS property z-index. In our example we have the appearance of a pile of pictures, on the next action we put the first picture on the last position and on the previous action we get the picture from the last position [...]

Continue Reading...

A guide to CSS Opacity

Published: March 25, 2010

CSS opacity has been a bit of a trendy technique for a few years now, and it’s been especially frustrating for developers trying to implement opacity (also referred to as CSS transparency) in a cross-browser fashion, because it’s taken a while for the different browsers to finally agree on settings. There is still not a [...]

Continue Reading...

HTML5 & CSS3 Tools, Resources And Guides

Published: March 25, 2010

HTML5 and CSS3 are bringing new features to us and in this article you’ll be able to find some great tools, cheat sheets and much more you could need to master these new features. Maybe those new features aren’t yet supported fully, but it’s a very good thinking to learn new technologies now so you [...]

Continue Reading...

CSS3 Pushing Web Design Into The Future

Published: February 23, 2010

There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, [...]

Continue Reading...

Make Internet Explorer act like a modern browser

Published: February 5, 2010

Enable HTML5 on IE Ever heard about HTML5? If you’re interested in web development, there’s no doubt about it. For those who doesn’t know, HTML5 is the next major revision of HTM; the core markup language of the World Wide Web. Most modern browser can already handle, at least partially, the new HTML5 recommendations. But [...]

Continue Reading...

The Bible for CSS Print Style Sheets

Published: February 4, 2010

Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet. Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen. Also, [...]

Continue Reading...

An Introduction to JavaScript's "this"

Published: February 4, 2010

JavaScript is an amazing little language, but it’s got some quirks that turn a lot of people off. One of those quirks is this, and how it’s not necessarily what you expect it to be. this isn’t that complicated, but there are very few explanations of how it works on the internet. I find myself [...]

Continue Reading...

Fun with CSS3 and mootools

Published: February 1, 2010

Source: http://www.rickyh.co.uk/ These examples came about when experimenting with the extend property in MooTools. By extending the styles class I could add CSS3 properties into the Core MooTools framework and do CSS3 animations. View Demo The Extend pre Bellow is the Mozilla pre to extend MooTools with the Border-Radius and Box-Shadow: var newStyles = new [...]

Continue Reading...

Time Breakdown of Modern Web Design

Published: January 28, 2010

An amusing graphic I came across while searching for “time breakdown of modern web design”. The article itself is pretty good and worth checking out. Original Post will start soon.

Continue Reading...