#33126
First Impressions Count in Website Design
Web designers have as little as 50 milliseconds to capture the interest of potential customers. Through the halo effect, first impressions can influence subsequent judgments of website credibility and buying decisions.
Website Optimization (2008). Articles>Web Design>Usability>CSS
#33130
CSS Overlays: Using CSS Positioning to Overlay Web Objects
An overlay is when one web object overlaps another. Overlays are often used to highlight or draw attention to important items on websites to raise conversion rates. This article shows how use CSS positioning to avoid slicing and dicing your overlays and assembling with tables. Along the way we'll look at the workarounds we used to make the technique work with different browsers (most importantly IE5.x Mac and Safari).
Website Optimization (2008). Articles>Web Design>Graphic Design>CSS
#33170
Internet Explorer Bug Fix: Disappearing Positioned Anchors
Internet Explorer does not respect the height and width properties of block-level, absolutely positioned anchor tags if they contain no content (or if that content has been moved or removed). So what’s the workaround? Well, there are several.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>CSS>Web Browsers
#33226
For some websites the user experience already extends onto paper, like it or not. Ignoring this may result in lower overall user satisfaction. Consider the following factors when designing web pages that will be printed.
Kalbach, James. Boxes and Arrows (2003). Articles>Web Design>CSS>Printing
#33594
Return of the Mobile Style Sheet
If you’re just getting started with mobile design, you may face a number of hurdles, including the cost or technical challenge of designing and maintaining a second site—or a simple lack of understanding of how people on the go might use your site. This article discusses a first step toward mobile design that uses CSS to maximize interoperability across platforms. By starting simple, you can provide a decent initial experience, solicit user feedback, and iterate toward a more mobile-friendly design.
Hazaël-Massieux, Dominique. List Apart, A (2009). Articles>Web Design>Wireless Web>CSS
#33663
In this article I will propose a new method for organizing CSS that better maps to how popular web application frameworks are built; and I’ll also provide some helpful code to make this easy to accomplish. The examples I use are based on Ruby on Rails, but the concepts should be easily transferrable to other MVC frameworks.
Heffernan, Steve. Digital Web Magazine (2008). Articles>Web Design>CSS
#33808
Five Ways to Instantly Write Better CSS
Sure, anyone can write CSS. Even programs are doing it for you now. But is the CSS any good? Here are five tips to start improving yours.
Davis, Trevor. NETTUTS (2009). Articles>Web Design>CSS>Standards
#33941
Fluid layouts are an undervalued commodity in web design. They put control of our designs firmly in the hands of our users and their browsing habits. They’ve also utterly failed to seize the imagination of web designers.
Marcotte, Ethan. List Apart, A (2009). Articles>Web Design>Document Design>CSS
#33963
It can be difficult to move from a static, pixel-based design approach to an elastic, relative method. Properly implemented, however, elastic design can be a viable option that enhances usability and accessibility without mandating design sacrifices.
Griffiths, Patrick. HTML Dog (2003). Articles>Web Design>CSS>Usability
#33964
Positioning is perhaps one of the most misunderstood parts of CSS 2. Let us look a little closer at how it works.
Olsson, Tommy. Autistic Cuckoo, The (2004). Articles>Web Design>Document Design>CSS
#33965
Pozycjonowanie z kolei jest jednym z najczęściej mylnie interpretowanych aspektów wersji 2 CSS. Przyjrzyjmy się zatem nieco bliżej temu, jak ono działa.
Olsson, Tommy. Grabun.com (2004). (Polish) Articles>Web Design>Document Design>CSS
#33966
Hizalama ise CSS 2’nin belki de en yanlış anlaşılmış bölümlerinden biridir. Şimdi nasıl çalıştıklarına biraz daha yakından bakalım.
Olsson, Tommy. Cnkt (2004). (Turkish) Articles>Web Design>Document Design>CSS
#33967
This article explains one method of achieving a successful liquid layout as well as providing basic definitions of liquid, fixed-width and em-driven layouts.
Weakley, Russ. MaxDesign (2003). Articles>Web Design>Document Design>CSS
#34245
CSSG is a community driven site dedicated to web standard run by web standards designer and developer Alen Grakalic. The site consists of two main sections: exclusive articles (mostly written by me) and community news sections.
#34259
Styling Form Controls with CSS, Revisited
Attempting to use CSS to make form controls look similar across browsers and operating systems in an exercise in futility. It simply cannot be done. Because of all this I spent way too much time creating a total of 224 screenshots showing the effects of various CSS rules applied to form controls.
Johansson, Roger. 456 Berea Street (2007). Design>Web Design>Forms>CSS
#34267
A Simple jQuery Stylesheet Switcher
There are lots of reasons you might want to offer your users more than one CSS file for your website. But whatever the reason, it’s amazingly easy to create a function that swaps between multiple stylesheets using a few lines of jQuery.
Glazebrook, Rob L. CSS Newbie (2009). Design>Web Design>CSS>Personalization
#34268
Fifteen Surefire Ways to Break Your CSS
But as silly as it may seem, some of the biggest CSS blunders stem from the simplest of errors. Knowing what some of those errors are and remembering to look for them can save you hours of wasted labor. Here are fifteen ways I’ve found to break my CSS for sure — and fifteen things I always look for whenever I have a problem in my code.
Glazebrook, Rob L. CSS Newbie (2009). Design>Web Design>Standards>CSS
#34269
Build Custom Frameworks Easily with CSS Classes
Generally speaking, I consider full-fledged CSS frameworks to be overkill on all but the most absolutely complex projects or, on the other end of the spectrum, rapid proof-of-concept prototyping. Most people only use a few of the classes that any one CSS framework provides, but then still require their users to download the entire, and largely unused, stylesheet. However, I still think that the foundation on which CSS frameworks are built — the concept of using classes to simplify layout and standardize design across similar elements — is very much worth investigation.
Glazebrook, Rob L. CSS Newbie (2009). Design>Web Design>CSS
#34329
Cascading Style Sheets (CSS) is a technology used primarily within Web publishing that aims to manage the presentation of HTML pages. CSS is essentially a styling language. CSS code instructs a browser how to "render" (display) HTML elements.
Self, Tony. HyperWrite (2003). Articles>Web Design>CSS
#34335
This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
CSS Creator (2007). Resources>Web Design>CSS>Software
#34336
This web-based service will develop a CSS file (with appropriate resets) for a multi-column web design to suit your preferences.
Mindplay.dk (2007). Resources>Web Design>CSS>Software
#34354
Eleven Syntax Highlighters To Beautify Code Presentation
When sharing codes on a website, even they are wrapped with CODE tags or styled differently, it is always a challenge to read them without syntax highlighting. There are various syntax highlighters which can format the codes & color them appropriately according to the languages used. Whether it is a HTML page or runs on PHP, Ruby, Python, ASP, there is a suitable syntax highlighter. Here is a collection of 11 Syntax Highlighters To Beautify Code Presentation.
Web Resources Depot (2009). Articles>Web Design>SDK>CSS
#34375
The Yahoo User Interface Library is a rather extensive set of JavaScript tools for developers. Often left unnoticed are a few other useful components of the library that will speed up your coding: some CSS libraries. I’d like to give you a quick tour of YUI Grids CSS library.
Burgess, Andrew. ThemeForest (2009). Design>Web Design>CSS
#34736
Experiments with Cascading Style Sheets
I have created this site in the hope that it will help newcomers to CSS and show old hands that it is more than just a mechanism for styling your documents. It is oh so much more.
#34760
A list of various CSS rules and their compatibility with common browsers and operating systems. With a quick glance, the designer or developer can note which CSS properties should be used or avoided. The table also offers an interactive feature that highlights the row your cursor is on. This makes pinpointing the compatibility of a specific CSS property much easier.
Centricle (2008). Reference>Web Design>CSS>Web Browsers
