Now that we have gotten to the point that we are almost rid of all the problems caused by IE6, we are about to go back to square one. Vendor prefixes, a necessary evil, seem to cause IE6-like-problems. We frontend developers have to stand up and do something!

Part of the CSS Box Model is the concept of collapsing margins. Where the box model concept might be a bit hard to grasp, collapsing margins are even more difficult. This article explains what it is and why.

Quite some time ago the Dutch association for Frontend Developers started working on certification. Then it went dark, as all the volunteers had too much other stuff to do. That is, until last autumn. During the last Fronteers conference some members signed up as volunteers. As I have some time on my hands now we have decided to get things started again.

This week: stitched text effect, angry clients, oil spills, selecting countries, typography, more typography and advent calendars!

I've skipped one week because I had a very nasty flu, but The Awesome Internet is back with another roundup of coolness!

This week's The Awesome Internet is about CSS3 (what else), money, charting, HTML5 gaming, the CSSWG, Chris Coyier and cheatsheets.

Another roundup of the most awesome stuff on the internet. Naked day, new zealand, CSS specifity, local storage, optimizing CSS code, etc.

Second week of the awesome internet roundup. This week Adobe's expressive web, regular expressions, typefaces, funnies, twitter stats, wacom, the jwerty plugin, css1k and social media policies.

One of the most awesome new features of the CSS3 spec is the calc() function. Currently only supported by Firefox and IE9 but on its way to become part of the spec.

I created a handy cheatsheet poster for CSS terms so you don't emberace yourself again when you speak about CSS.

From today on I will post a list of the most awesome stuff I come across every week. You can see this as a weekly chart of the best of the internet, seen from the eyes of a webdeveloper.

With no apparent reason I created these iPhone icons in pure CSS with no extra markup. Crab the code and do something cool with them!

I normally don't do this, but this little game is só awesome I have to post it!

Somebody must have been wondering why the logo at the top of this page is still a simple PNG image while I recreate the Apple and Android logo with pure CSS...

Today on the 11th of October 2011, Google released Dart, its new "Structured Web Programming" language. It's been said it is Google's aim to replace JavaScript with Dart as the main built-in prgramming language of browsers.

You've probably heard this many times in calls with clients: "My page shifts 15 pixels to the left when I go from this page to that page" and there are a few fixes, but this one from HTML5 boilerplate is the best.

With jQuery it's very easy to create a smooth scrolling back-to-top button on your website.

In this article I will show you 10 tools and websites which are essential for a frontend developer to have and master.

Today CSS master Joshua Hibbert pointed out to me that it's possible to use values from data attributes as value in CSS content.

Using special characters in CSS pseudo-classes like ::before and ::after can be quite tricky if you don't know what's the catch.

After creating the android logo in CSS only, I decided to skip a few diffeculty levels and try to create the Apple logo in CSS only, using as less DIV's as possible.

The Android robot is a cool logo made of fairly simple shapes. My challenge was to recreate the logo with pure CSS and as less HTML as possible.

When looking into HTML5 boilerplate I got distracted by the headings they use on the website and I decided to recreate this effect.

Last saturday and sunday me and three colleagues competed in the prestigious Kings of Code hackbattle in Amsterdam.

When discovering the spread parameter of box-shadow, I concluded that it's now possible to stack as many "borders" to elements as you like.

When exploring the CSS3 transform- and transition possibilities, I created these rotating cubes. With plain color, semi-transparent and one with textures. Only one image is used as texture for the crate, but the rest is pure CSS!

This progressbar is created using CSS3 with no images. This was a testcase to learn working with gradients as background-images. Firefox and chrome only!

Changing the appearance of selected text is mostly a nice-to-have, but sometimes even necessary to imprive legibility.

One of those things that could be very complex or very easy is creating zebra-striped alternating rows in a table or list. In ColdFusion this is quite easy to achieve. No counters and lengthy if-statements, just one small line of code!

Inspired by a post on Forrst, showing a simple animation of three dots dancing on a line, which can be used for a loading animation. I took things a bit further and created a more fancy loading animation!

Another great effect of Joshua Hibbert. A pure CSS ribbon menu. Awesome!

While browsing for inspiration I stumbled over this nice effect by Joshua N Hibbert.

Just a short list of important usability tips to create a user friendly website.

There are many articles written on IE's hasLayout property, but I'd like to summarize a good article I found on this subject.

Security is an often overlooked part of PHP programming. So therefore, I present you the basics of PHP security: the ten most common PHP security mistakes.

Sometimes it's a little overkill to create an extra table and connecting table to add a parameter to an object. An ENUM field comes in handy, but how about getting these values when setting the field?

There is no such thing as a golden rule for organizing ones CSS file(s). In all the years of working as a frontend developer, I developed a organizing system that works for me. Maybe it works for you too?

Maybe somebody noticed, but there are a few CSS3 animations used in this site. In this article a few samples of these transitions.

Today we ran into an 'Object doesn't support this property or method.' error caused by an jQuery UI Accordion effect in a page. The error was vague and the IE Developer Tools Stack trace wasn't making thing clear either.

HTML5 contains a new attribute wich can be used to store raw data in an element. This raw data isn't visible for the viewers of the page, but can be used by a JavaScript application, for example.

Today I found out about this new website on www.usaura.com where you can quickly test designs for specific user experience questions...

To create good and usable sites, it's important to use a title attribute on all your links. When creating a site it's often forgotten, but with this regular expression you can easilly do it afterwards.

If you're a designer I bet you have talked to a customer once, thought you understood what he wants, created something very nice, but it turned out the customer didn't like it and wanted something completely different...

I took a look into my statistics to see where my visitors came from, but more important what devices they use, wich resolutions they prefer, etc. Maybe it's time to change some of the patterns I use for a few years now...

I bet you have had this problem once before: a bunch of pages/documents/whatever with an order column in the DB that all needed to be updated when you changed the order with this nifty jQuery UI Sortable drag-n-drop script.

I had had numerous encounters with the problem that I needed to place a form element outside a form, but still submit it within this form. In HTML 5 there now is a solution for this problem!

Programmers and other computer oriented people tend to use dateformats that aren't as clear or logic as we (the nerds) would think.

Today I found out that the cufon I used in a project was slowing down the site. After a short google search i found the problem...

This articles discusses the question when to use Cufón or @font-face.

Since Carlos Gallupa sponsored me some webspace and unlimited datatraffic, i was finally able to upgrade my website and try to get the best out of it.