CSS - Page 17

Learn the latest tips, techniques, and approaches for working with CSS.

Why You Should Build a Front End Package
CSS / 12 Feb 2010

Why You Should Build a Front End Package

How do you begin building a website?

The majority of developers probably start from scratch or pull in a few resources from previous sites. The more organized among us have developed a custom toolbox from which to begin a site that proves to be an essential part of their workflow.

Today we’ll discuss why you should consider building your own front end package to serve as a starting point for every single site you create.

12 Killer Tips for Designing in the Browser
CSS / 8 Jan 2010

12 Killer Tips for Designing in the Browser

How do you mockup a website?

The typical workflow starts in Photoshop and then transitions over to HTML and CSS to mimic the original PSD as best as possible. However, there is a growing trend in web design to scrap the Photoshop step in favor of creating the initial comp right in the browser with your favorite editor. I’m sure right about now your head is buzzing with reasons why this approach would limit your design, but there’s actually a lot more you can do right in the browser than you might think. This article will provide you with the tools and tricks you need to create brilliant, working mockups as your very first step in the design process.

18 CSS Compression Tools and Techniques
CSS / 4 Dec 2009

18 CSS Compression Tools and Techniques

Learning to write clean, optimized CSS requires lots of practice and an unstoppable compulsive desire for neatness. Keeping your CSS trim and tidy isn’t all about feeding your crazy psychological need for cleanliness though, in the case of particularly large websites, the payoff is faster loading pages. Faster loading times equals increased usability and higher user satisfaction.

This post will examine several techniques you can use to optimize your CSS as well as several online tools that can automatically compress your code.

Create a Beautiful CSS Menu
CSS / 20 Nov 2009

Create a Beautiful CSS Menu

Today we’re going to create a working horizontal CSS menu from scratch. We’ll be using transparent PNGs (sorry outdated browser users) to create a glossy horizontal bar, the color of which can easily be changed using only CSS. Before we get started, check out what we’ll be building in the live demo.

How to Use TypeKit on Your Site: Step-by-Step
CSS / 14 Oct 2009

How to Use TypeKit on Your Site: Step-by-Step

Several options have cropped up recently for adding custom fonts to your website by utilizing the @font-face selector. TypeKit is an exciting new player in this game because it stands out in two key areas: ease of use and richness of fonts available. This tutorial will take you through several small, super simple steps to get TypeKit up and running on your site. You won’t find any advanced techniques or scripting here, so even if you’re a novice web designer this should be a cinch!

70 Beautiful Handpicked CSS Galleries
CSS / 12 Oct 2009

70 Beautiful Handpicked CSS Galleries

CSS Galleries are an amazingly rich source of web design inspiration, and a fantastic way to promote your design skills to the world. Although you shouldn’t worry too much about where you are (or are not) featured, it’s good to know where to look.

We’ve scoured the web and compiled a comprehensive list of 70 great CSS galleries. Some are incredibly popular, others represent smaller niches in the web design industry.

Correctly Displaying Your Logo With CSS
CSS / 26 Feb 2009

Correctly Displaying Your Logo With CSS

Every site has a logo, and whether it’s a page filling feature or a small design element, it often forms the primary title feature of your page. This article will show you how to implement a logo using correct semantic markup and simple HTML code, with all the presentation done via CSS.

It’ll ensure that those browsing your site without images will see a decent alternative, and provide search engines with a correct representation of your page title.