In our last post we announced Octicons, our new icon font. We put a lot of work into the font and gained a lot of knowledge in the process. With five different designers working to

Any platform. Your languages. Your tools. Develop solutions, on your terms, using Microsoft products and services.

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

Methoden zur Konversionsoptimierung von Neuprojekten | Conversion Optimierung, Landingpage Optimierung

CSSArrowPlease allows you to create and export CSS code for a custom box with an arrow extending out from the side.

Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer ask...

These days, "one size fits all" is quickly becoming a dated concept. Luckily, with CSS media queries, we can now easily build responsive web designs that accomodate everything from your mobile...

WordPress Themes

There are a thousand ways to design and create buttons today and you only need to spend a small amount of time looking through work on dribbble to get a sense of them. A great deal of these...

With a mobile-first responsive design approach, if any part of the process breaks down, your user can still receive a representative image and avoid an unnecessarily large request on a device that …

an edited excerpt from Chapter 3 of «The Icon Handbook» by Jon Hicks

Print stylesheets can be a pain if you don’t know what you’re doing. Before you even approach one you need to make sure to do some solid research into how to go about it. Today we’re going to help you along by first discussing the conceptual considerations that you need t...

… How to Dynamically Shape Any Image on Your Website

Take one line of markup, a couple of CSS3 rules (no images), and you can have yourself a swish folded ribbon effect in five minutes. Let's see how.. Step 1: Markup We'll begin with an empty...

«So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. […]»

When we initially sat down to discuss features for FaultPress you may imagine the words "bugs, tickets, milestones, priorities" being thrown around a lot.

“How did you do that?” My colleague Leigh sounded impressed. He had been working with a problem client for weeks trying to get design approval. Then I came along and was able to get signed-off in a single conference call. “Can you teach me how you did that?” he asked. I mumbled something about years of experience, but the truth was I didn’t have a clue. It just seems I can find design approval easier than most.

using a drop shadow to create a simple one-pixel offset to be a flexible and quick way to achieve an effect of depth

In this tutorial we'll get a taste of what's to come in HTML5 by building a cool iPhone app website with HTML5 structure and visual styling with CSS3 effects.

Logo design is often seen as a quick and easy job; you create a small graphic, stick it next to some text and the job is done! In reality there’s a lot more to it, which makes the whole process of creating a logo or identity a challenging task. Let’s take a look at some […]

Drew McLellan kicks off our 2009 season with a look at some of the tools CSS3 provides for applying levels of transparency to colour values, enabling you to avoid weighing down a site design with heavy PNG images.

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don’t miss […]

… with Cross-Browser CSS & No Hacks