Navigation

CSS articles

We launched our new StartupGiraffe website a few months ago, and we've been meaning to write a post about how we did a piece of the frontend for anyone interested. Our goal was to create a fun and responsive site that showed off our brand. Once our...
Blogs and forums often have threaded comment replies built into their network. Popular social networks Reddit and Hacker News both support threaded comments, which allows users to directly reply inline with comments, voicing...
Custom fonts are among the most potentially appealing aspects of CSS3 for designers. With the font-face rule, you can render any font you have online within your web page text, regardless of whether the user has it installed or not. As with...
Thumbnails are one of the purest pieces of usability the digital age has created. In essence a thumbnail is a preview, a promise of what you'll see if you click the link. A small glimpse with less data, faster to load and less greedy for screen...
Along with the introduction of CSS3 comes many new features that are available for use in creating great effects; one of the most useful is the transition property. The transition property is an important new development in CSS. It can be used...
There is one persistent problem with CSS; it doesn't support variables. Each time you specify a color, for a block of text, or an image border, you have to repeat the hex code. When you want to change the color, you have to do so everywhere. Of course...
Tooltips are a great way to show your user more information by simply hovering over an image or text.  They can be used, for example, to provide captions for images, or longer descriptions for links, or any useful information which would improve...
The vast majority of articles talking about responsive design focus on two main areas: a fluid, flexible grid, and fluid, flexible images. What many of them don't talk about is typography. And yet, for the majority of websites the text, the...
Modal boxes are a frequently utilized tool in the web developer's arsenal. Used for, amongst many things, login/register forms; advertisements; or just notifications to the user. However despite the fact that modal windows frequently...
InDesign boxes are as simple as click-and-drag. Photoshop’s layers let painters color pixels anywhere they please. But layout with HTML and CSS is a game of nudging and cascading. It happens every day: Photoshop-savvy art directors mock...
The advent of CSS3 has introduced a world of possibilities for web designers and developers. With animations, shadows, rounded corners and more, elements can be easily styled, and still weigh less than ever before. The navigation of a website...
The relationship between text and the rest of a page is one of the key characteristics of any design. Rhythm, emphasis and tone are all compromised without correctly scaled type. However, selecting text sizes is often both a painstaking and...
If you're primarily a designer and have recently started learning CSS, you've probably started to incorporate some of the new CSS features that have been added to the language in CSS3. But if you don't have a lot of experience with CSS, then you're...
HTML5 and CSS3 are great languages to start off learning with, and I've always thought that one of the best ways to start learning is to just dive in and manipulate the code. As you could probably tell, this is where generators step in. They are...