.htaccess trick to show Alternate CSS file based on IP

.htaccess trick to show Alternate CSS file based on IP

In web development, Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

---

.htaccess trick to show Alternate CSS file based on IP

This past week I updated my sites apache.css file for a site-redesign. I wanted to make changes to the .css file that only I could see, so that my regular traffic and site-visitors would still see the old version. Here’s the elegant solution I came up with using .htaccess and mod_rewrite that works so well I’m sharing it with all you wonderful and incredible people reading my blog :)

Related RSS | 5:17 PM

---

SEO Boost from Google 404 Plugin

1 minute Install!
Turns every 404 Not Found error into a SEO traffic generating event! Now you have many unique users with unique IP addresses and cookies searching your blog on all of the Google Indexes… Sweet!

«Take My 404 for a Test-Drive

Related RSS | 11:11 AM

---

Adding Print Capability to your Site with CSS

Its really nice to be able to print out a webpage you are reading using your browsers built-in print feature. Using CSS you can easily transform your site into a print-friendly site.

Today I received an email from a visitor to my site requesting that I add a way to print site articles on AskApache

Related RSS | 12:38 AM

---

mod_rewrite Fix for Caching Updated Files

Web Developers sometimes use file.ext?v=004 as a version control system to force visitors to use updated files. This is terrible. Instead link to apache-003.css and set it to be cached forever. When you change the file you just change the links to apache-004.css. That eliminates millions of bandwidth and resource robbing If-Modified-Since requests. You only need Apache with mod_rewrite, and 1-10 minutes!

Related · updates  ·  RSS | 9:20 AM

---

Come On and Sprite for your Website

Let me show you an example that works so well I am using it right now on my site. Every page in fact. If you are a young or up and coming web developer with skills to pay the bills, lets make the future Net fast, learn about optimization and refactoring while you still have the chance.

Related · transparent  ·  RSS | 12:56 AM

---

CSS Cross-Browser Compatibility Tip

What I used to do when I was still learning CSS was to check the web page in each of the various problematic browsers to make sure the display stayed the same. I have several actual machines and several vmware virtual machines running various browers but I decided to skip all that extra time and effort and just use an online tool to do it for me. The tool views my page in all the various browsers and generates a screenshot image from each browser so that I can see if there are issues with my CSS.

Related · thumbnail  ·  RSS | 4:08 AM

---

Best CSS .Classes for CSS Toolbox

CSS is one of the most useful tools I have in my toolbox as a Web Developer. Having a CSS Toolbox containing good CSS Classes that you repeatedly use is quite helpful for us XHTML / web-standards / best-practices developers. Check out 10 of my favorite CSS classes.

Related · visibility  ·  RSS | 5:57 PM

---

Review: Posh CSS

PoshCSS.com has links to nice and new CSS Articles. Don’t worry, they aren’t snobs. ;)

Related · tips  ·  RSS | 4:41 PM

---

CSS Background Image Sprites

Using a CSS Background Image Sprite with the CSS background-position and background-image I can display all these icons: . I can even have them show up anywhere on the page!

Related · css  ·  RSS | 8:47 AM

---

Getting flash to show up in front of content

I used to have a problem of controlling flash elements on my sites.. On one site we have 6 different flash flv movies that are all the same size and are in the same position on the page. But only 1 is displayed at a time based on what the user wants to watch. So the selected flash movie needs to have the highest stacking order/zIndex.

Related · javascript  ·  RSS | 12:20 PM

---

PullQuotes using CSS

I looked at a lot of different ways to display quotes and pullquotes and even though the javascript solutions are very nice, esp. the 456bereastreet.com solution, I decided to just use CSS (Keep It Simple Stupid).

Related · css  ·  RSS | 10:06 AM

---

Speedier Sites use CSS Sprites

An Image Sprite is simply multiple images combined into one image. Using the background-position in CSS you can display a specific image from the image sprite.

Sprites reduce the number of files that are requested and downloaded by site visitors, resulting in noticeable decreases in Page-Loading times, Bandwidth usage, and Server loads.

Related · image  ·  RSS | 5:05 PM

---

12 Lessons for Those Afraid of CSS

full article: alistapart.com

1. Everything you know is wrong sort of
2. It’s not going to look exactly the same everywhere unless you’re willing to face some grief and possibly not even then
3. You will be forced to choose between the ideal and the practicable
4. (with thanks to Antoine de Saint-Exupéry): Perfection is not when there’s nothing to add, but when there’s nothing to take away
5. Some sites are steaming heaps of edge cases
6. Longer lead times

Related · alistapart  ·  RSS | 7:24 AM

---

Online CSS Compression Tools

When you want to compress your CSS files, heres a list of some free online CSS compression tools. Of course I am partial to my own CSS Compression Tool.

Related · compression  ·  RSS | 3:43 AM

---

---