Twitter Account(s)
The point: on Twitter I'm @chriscoyier. If you prefer a stream of links from CSS-Tricks only, you can follow @real_css_tricks.
Simple Auto-Playing Slideshow
HTML
Wrapper with divs as the slides, which can contain any content:
<div id="slideshow"<div<img src="//farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg"</div<div<img src="//farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg"</div<divPretty cool eh? This slide is proof the content can be anything.
</div</divSlides need …
Signify “PDF Bombs”
Any ol’ anchor link can be a link to a PDF document, but clicking a link like that thinking otherwise can be surprising and uncomfortable for a user. This CSS can visually signify those links.
/* Add " (PDF)" text Add To Favorites (IE)
<a href="http://site.com" onclick="window.external.AddFavorite(this.href,this.innerHTML);">Add Favorite and Go-To-There</a>The first param to AddFavorite is the URL, the second the text to offer up for saving. So this inline JavaScript is reusable in the sense that it will pull those values dynamically from …
Responsive Data Tables
Tables of data can only squish horizontally so far, so they can be a pain to browse on small screens (like mobile devices) where you may need to scroll both horizontally and vertically to browse the information at readable text sizes. We'll explore a CSS-based possible-solution to this issue.
New Poll: Working Environment
The new poll (in the sidebar) asks:
In what environment do you primarily work?
I’ve worked from home for a lot of years but that will soon be changing. I’m interested to know the environment readers of this site work …
CSS Gradients from Image
Nicole Sullivan thinks “wouldn’t it be a nice if there was a tool to convert an image of a gradient into CSS code?” The community responds with some newly-created tools to do just that. I couldn’t get either of the …
CSS Stress Testing
Bookmarklet from Andy Edinborough which analyzes your page by removing class names one by one from all elements and testing the pages scroll performance. In other words, if you are having trouble scrolling a page and suspect it’s fancy CSS3 …
Poll Results for Conditional Comments
How did people respond when asked if they wanted the power to serve content conditionally to any browser? The results are pretty interesting...
Fun With Blurred Text
We'll cover how to blur text with CSS3 and do it safely by feature-detecting first. Then we'll do a bunch of experiments with individual letter blurring and also some clever jQuery which gives us deeper access into specific values of a text-shadow.