Some websites use highly volatile, oft-changing CSS and javascript files. In the case of these files, it’s important that the developer prevent browsers from caching them. How do we do that? By using a phantom querystring, of course. We’ll use PHP to tack the current time onto the file reference. It’s a very simple technique and doesn’t affect your CSS or javascript code in any way…
Articles in the ‘Code’ Category
-
Prevent Your CSS and Javascript Files From Being Cached
Posted: 3 years ago in Code
Read More: Prevent Your CSS and Javascript Files From Being Cached
-
All the Internet Explorer CSS Bugs in One Place!
Posted: 3 years ago in Code
A comprehensive list of CSS bugs that are only found in Internet Explorer, versions 5 and higher. The list is updated regularly and you can find live demos of each bug…
-
CSS Typography – Examples for CSS and Web Typography
Posted: 3 years ago in Code
A demonstration page listing some impressive pure CSS typography tips and tricks. You can view the page source code to see how the effects are achieved…
Read More: CSS Typography – Examples for CSS and Web Typography
-
HTML Test Page for CSS Style Guide
Posted: 3 years ago in Code
Really useful HTML page that you can download and use to test that your CSS file covers all the common HTML tags….
Read More: HTML Test Page for CSS Style Guide
-
Experimental CSS compatibility table
Posted: 3 years ago in Code
This page currently lists compatibility for more recently added features of CSS in contemporary browsers. If a browser is not listed, then assume no support for the feature in that browser…
Read More: Experimental CSS compatibility table
-
10 Quick and Dirty Ways to Lay Out a List of Links
Posted: 3 years ago in Code
The best way to lay out a list of links — say, like those you would find in a footer — is typically to code them as an HTML list and use CSS for the presentation. However, sometimes this is not practical. Here are some variations on how you can separate a list of links, starting with the old standby, the vertical bar or pipe…
Read More: 10 Quick and Dirty Ways to Lay Out a List of Links
-
CSS Hack for Internet Explorer 8
Posted: 3 years ago in Code
Notwithstanding the improvements in the CSS support in Internet Explorer 8, there may be cases when a CSS hack for that particular browser is necessary. Here is one that works in IE8 Standards Compliance Mode…
Read More: CSS Hack for Internet Explorer 8
-
Custom CSS for the iPhone
Posted: 3 years ago in Code
Ever wished you could isolate one or two elements in your site’s CSS stylesheet to render differently on the iPhone? You can! Use this CSS…
Read More: Custom CSS for the iPhone
-
The 1Kb CSS Grid – Part 1
Posted: 3 years ago in Code
Here is a fresh take on the CSS grid (loosely based on Nathan Smith’s 960 Grid System). Its mission is to be lightweight. It can be used to streamline page templates for content management. All this in just one measly kilobyte (actually, 662 bytes, but who’s counting)…
Read More: The 1Kb CSS Grid – Part 1
-
Target IE6 and IE7 with only 1 extra character in your CSS
Posted: 3 years ago in Code
To get around the inadequacies and bugs of IE6 and IE7, we see people going to great lengths and even adding a second stylesheet with conditional comments when we all preach at the same time to minimize HTTP requests. Complicated hacks and workarounds all take more time. And time is money in the business world (especially to support a dying user base). Here’s a quick solution…
Read More: Target IE6 and IE7 with only 1 extra character in your CSS