Archive | CSS RSS feed for this section

Amazing Audio Player

I needed an HTML audio player and tried the Amazing Audio Player by Magic Hills Pty Ltd .  You install the application on your desktop.  It then leads you through the player creation process.  You add audios to the player, choose from an array of skins (Bar, BarTitle, BarWhite, BarWhiteTitle, Button24, Button48, ButtonBlue, DarkBox, JukeBox, LightBox, […]

Leave a comment Continue Reading →

The Strongest LINK

I was reading a free e-book “How-to: Optimize Your Website Speed” by Artmov and came across a piece of advice that I found interesting.  The @ symbol has gained a lot of popularity in CSS recently given its usefulness in media queries for responsive design (@media).   Artmov suggests that the LINK tag should be used for loading […]

Leave a comment Continue Reading →

Knowledge of Font – Part 2

Why not use an image?  If you put the text into an image and make the image background the same as your site background, you can use any font on your system and not have to worry whether the user has it on their system or not.  There are several reasons why this is usually […]

Leave a comment Continue Reading →

Knowledge of Font – Part 1

A font refers to the typeface that is used to display text.  For CSS, there are 5 major groupings of these: serif (letters have brackets on their ends), sans-serif (no brackets), monospace (each letter takes up the same amount of space, programming code is often displayed this way), script (like cursive handwriting), and fantasy (usually […]

Leave a comment Continue Reading →

Alert The Media

Responsive web design is quite popular now.  It is nice for your users to have your site optimized for their device.  This user satisfaction can pay off in terms of sales or conversions (registrations, newsletter sign-ups, etc).  The key to this process is the media query.  Using CSS, you can present your site differently to […]

Leave a comment Continue Reading →

Thinking Outside of the Box

There was a time when rounded corners were a challenge.  The box model ruled and everything the web was boxy.  Rounded corners and circular images stood out because of the extra effort needed to create them.  PNG images with transparent backgrounds weren’t quite there yet.  Some browsers, and yes I’m talking to you IE, took […]

Leave a comment Continue Reading →

Messing with the DOM

Now you probably shouldn’t mess with the DON, but it’s okay to mess with the DOM (Document Object Model).  That probably wasn’t very funny but I do like to lead with a joke.  The DOM is a representation of your site.  Each part represents a node and the node tree can be traversed up or […]

Leave a comment Continue Reading →

Use CSS to Code with Style

CSS or Cascading Style Sheets are great. CSS is a file which you can link to in the head of your document. Although styles can be applied inline within your HTML using the <style></style> tag, it is better form to link to an external style sheet. This can be done using the <link> tag eg. […]

Leave a comment Continue Reading →

Council Of Evil Tables

When I started learning web design, the process was moving away from table based designs (though I doubt any were actually in The Council of Evil Tables). HTML tables could have a picture as a background image with text written into the cells. Since designs were often created with photoshop, it was quite easy to […]

Leave a comment Continue Reading →