How to use JavaScript and CSS to apply a two-color gradient to any text. Shadows and highlights can also be applied…
Archive for May, 2009
-
Use javascript and CSS to add gradients to any text
Posted: 3 years ago in Code
Read More: Use javascript and CSS to add gradients to any text
-
How to Style an A to Z Index with CSS
Posted: 3 years ago in Tutorials
Learn how to style an A-Z index using a simple list and CSS. The index expands when you resize the text so it won’t break…
Read More: How to Style an A to Z Index with CSS
-
An amazing CSS puzzle
Posted: 3 years ago in Code
A simple maze puzzle written entirely in css (no javascript etc).
The object of the puzzle is to navigate from the start arrow to the star without touching the maze walls, if you do then you will have to start again…
Read More: An amazing CSS puzzle
-
Better Font Families in CSS
Posted: 3 years ago in Articles
font-family is one of the most widely used CSS properties, and with good reason: sometimes you can change the entire feel of a design with this one property. But selecting fonts for your stack also greatly influences your design’s readability and accessibility – which, ultimately, is what’s most important in any web design. That is, if you want your visitors to actually read your content…
Read More: Better Font Families in CSS
-
Don’t forget about :active in your CSS declarations
Posted: 3 years ago in Tutorials
We have had the ability to style a links :active pseudo selector since CSS1, yet when was the last time you actually used it? The value of such a subtle detail can have large benefits to a users experience of the site. Not to mention it does give another avenue to enrich the interactivity of our interfaces…
Read More: Don’t forget about :active in your CSS declarations
-
Improve your web typography with baseline shift
Posted: 3 years ago in Tutorials
The baseline is an invisible line onto which all type characters sit, although of course some characters (including ‘j’, ‘p’, ‘g’ and ‘y’) have descenders that hang below the baseline. Baseline shift involves moving characters up or down in relation to the baseline and using it effectively can make a huge difference to the professional look of your type. Although baseline shift has traditionally been a part of using tools like InDesign or Quark, there are ways to accomplish the same results using today’s CSS…
-
Rapid IE6 CSS Debugging
Posted: 3 years ago in Tutorials
Read More: Rapid IE6 CSS Debugging
-
CSS Drop Caps, the @font-face tag, sIFR and Cufon
Posted: 3 years ago in Tutorials
Read More: CSS Drop Caps, the @font-face tag, sIFR and Cufon
-
Crash Course: YUI Grids CSS
Posted: 3 years ago in Tutorials
The Yahoo User Interface Library is an 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…
Read More: Crash Course: YUI Grids CSS
-
Override Inline Styles with CSS
Posted: 3 years ago in Tutorials
Inline CSS styles can be difficult to remove from HTML markup that’s generated by a CMS. Here’s a trick to override the those pesky inline styles…
Read More: Override Inline Styles with CSS