Posted: 3 years ago in Articles
A post about the CSS text-shadow property. It’s been used to create some fun pseudo-realtime lighting effects.
There’s an example using a PNG to create a spotlight with some JavaScript to update the text-shadow style in order to simulate realtime shadows from a single light source. Works in Firefox 3.5, Safari, Opera, and Chrome but no support in IE8…
Read More: CSS text-shadow Fun: Realtime Lighting Demo
Posted: 3 years ago in Tutorials
Image transparency/opacity is not yet a CSS standard. However, it works in all modern browsers, and is a part of the W3C CSS 3 recommendation. Here’s a nice clear tutorial that explains how to achieve cross-browser transparency. It’s easy to understand and there are some useful examples…
Posted: 3 years ago in Articles
Many of the tips in this article are tiny micro-optimizations, one thing to keep in mind when going overboard with optimizing. You should never sacrifice maintainability or extensibility for optimization experiments. Consider this article more like an academic exercise rather than real-life optimization tips.
It should also be noted that if you need to speed up your web site, don’t bother with CSS optimization. There are much better places to focus your attention to. The point of this and all optimization articles is to consider an optimization in context, not in isolation…
Read More: Best Practices to optimize CSS – an academic exercise
Posted: 3 years ago in Tools
A full featured and beautiful CSS (Cascading Style Sheets) framework which combined the best of Blueprint, Tripoli (hence the name), Hartija’s print stylesheet, 960.gs’s simplicity, and Elements’ icons, and has now found a life of its own…
Read More: BlueTrip CSS Framework
Posted: 3 years ago in Tutorials
It is possible for you to place an HTML element at a particular spot on your web page, independent of what is already there. In this article there’s an in-depth treatment of that topic.
You need basic knowledge in CSS and HTML (XHTML) in order to understand this article…
Read More: Understanding CSS Absolute Positioning and Layering
Posted: 3 years ago in Articles
A Cascading Style Sheets (CSS) framework expedites and simplifies the design and development of Web pages. Moreover, a CSS framework produces more standardized results in all browsers. Here’s a look at two CSS frameworks, each with a unique philosophy: Blueprint and the Yahoo! User Interface (YUI) Grid.
Both frameworks are free to use and permute, according to the terms of the liberal Massachusetts Institute of Technology (MIT) License and Berkeley Software Distribution (BSD) License, respectively. This article explores the novelties and capabilities of each and works through a series of examples. You can choose the option that works best for you…
Posted: 3 years ago in Articles
In this article you will find more than 20 unique CSS Data Visualization Techniques. Learn how to create charts, graphs and represent data visually using CSS…
Read More: 20+ CSS Data Visualization Techniques
Posted: 3 years ago in Tutorials
Font declarations and related properties in CSS are fairly straightforward to write in longhand. But there is a shorthand CSS property for declaring certain typographical properties that is well-supported across all common browsers, but a little quirky to work with. In this article I’ll describe how the css font shorthand property is used, how it can be misused, and what potential drawbacks there might be to including it in your CSS code…
Read More: A Primer on the CSS Font Shorthand Property
Posted: 3 years ago in Code
When two elements are floated in a div, chances are parent element no longer contains it because the float is removed from the flow. Here you’ll find five quick tips to fix this problem…
Read More: 5 Handy tips to fix space beneath floated elements
Posted: 3 years ago in Tools
A handy online tool to help create HTML emails that are compatible with most browsers. Just paste your CSS declarations and HTML and the converter will create inline CSS for maximum compatibility. It even warns you about styles that are not supported in certain browsers…
Read More: HTML email inline styler to convert CSS to inline