Tag Archive: css

Under the Hood with WordPress, Part 4: Using CSS

Tutorial

This is Part 4 of a 6-part series on diving "under the hood" with WordPress. Today, we're covering the last part of CSS (Cascading Stylesheets).  We'll go over some specific examples that you'll see often as you look through a WordPress theme. Intro HTML CSS - Introduction CSS - Examples PHP jQuery So, after yesterday's CSS lesson is your head spinning yet?  The positioning piece…

Continue Reading

Under the Hood with WordPress, Part 3: CSS

Tutorial

This is Part 3 of a 6-part series on diving "under the hood" with WordPress. Today, we're covering CSS, known as "Cascading Stylesheets".  Using CSS, you can modify any property of an HTML tag and have the web look exactly like you see fit! Other posts in this series: Intro HTML CSS - Introduction CSS - Examples PHP jQuery Now that we understand the basics of HTML,…

Continue Reading

Tired of Refreshing Your CSS Everytime You Make A Change?

Tutorial

So am I.  I  make changes a lot live on the server (using the Web Dev Toolbar), and I have to hard-refresh every time I make a change.  Doesn’t sound like a big deal, but it cuts down on valuable time that could be done… well, not refreshing a page.  There is a way; versioning your CSS file.  The upside: it makes changes go…

Continue Reading

Image Replacement Using CSS

Tutorial

Using images on a design is pretty well necessary in today’s visually stunning web.  However, while images look great, there’s no substitute for text when it comes to Search Engine Optimization.  But is there a way to get the visual effect of an image while still having the SEO benefits of text? With CSS, there absolutely is. (more…)

Continue Reading

CSS Reset: Leveling the Playing Field (a bit)

Design

I've recently discovered a nice way to standardize the view I get between Internet Explorer and Firefox, which have a standard "stylesheet" built in to render websites.  The problem: both browsers use a different stylesheet, which can lead to inconsistancies between the same site on different browsers. So, I've adopted a "CSS Reset" file.  What it does is basically clean the slate and neutralize…

Continue Reading