Archive for the ‘CSS’ Category

• Web Development Tips #1

  Mar 22 9

  Sometimes the simplest of solutions elude me. Blog entries and tutorials seem to be more well thought out, time-consuming projects that attack more complex issues or come up with more innovative solutions. Look at websites like A List Apart or Smashing Magazine.
  Typically, I would love to come up with lengthy tips or [...]

  Filed under CSS, JavaScript, Tumblelog, howto Read the rest »

• CSS Star Rating Redux

  Jan 20 69

  Quite awhile back, I wrote and article entitled Creating a Star Rater using CSS. In fact, if the CSS for this article is a little confusing, you may want to visit my previous articles to get yourself acquainted. I wrote it to my best ability and I shared what I could with the growing CSS-loving community. It was pretty flippin’ cool if you ask me, but it needed more. So, out of that need was born CSS Star Rating Part Deux, a vast improvement to the first, but by no means perfection. Out of the many comments I received about the most recent version, there were still some lacking areas.

  By now, people’s grasp as a whole has grown quite a bit I feel and I think that this time does not warrant a full-fledged tutorial (also, my lack of time doesn’t help either). However, there are some significant issues with my most current Star Rating tutorial and I have always wanted to take another go at it.

  Filed under CSS, Geekery, Nerdlab, Tutorials, howto Read the rest »

• CSS Trickery Part 5: Inheritance

  Oct 02 17

  Consistent fonts for form items
  This article is written partly inspired by Nathan Smith’s article from Sonspring. The idea with his article is that most browsers by default display form items with a different style than that of the document. This is because by default, form items do not inherit the CSS rules for font-weight, [...]

  Filed under CSS, Geekery, General, Tutorials Read the rest »

• CSS: Pimp my apple.com

  Sep 16 30

  So, usually I would take months to come up with some long-winded and very informative tutorial on CSS for my fellow blog readers. However, today I am not feeling that kind…yet kind enough to post this.
  I respect Apple for quite a few things. Design is one of them. I think [...]

  Filed under CSS, Geekery, Nerdlab Read the rest »

• CSS Trickery Part 4: Semantic Image Replacement

  Jul 19 12

  Say, you want to make a header for your site, but not just any header. You want some sort of cool graphic and your very own custom font all stylized the way you like it. This sort of decoration is just way too complicated for CSS and thats ok. What helps me [...]

  Filed under CSS, Tutorials Read the rest »

• CSS Trickery Part 3: Using :hover to affect more than a link

  Jul 13 16

  As all CSS users should know, the :hover pseudo state is sweet, but has its limitations. :hover pretty much works on all elements, and in the future, it should work on all elements in all browsers. However, right now, we still have to deal with Internet Explorer 6 and the fact that :hover [...]

  Filed under CSS, Tutorials Read the rest »

• CSS Trickery Part 2: Horizontally Centering

  Jul 09 6

  Horizontally centering text or images should be an extremely easy task in the XHTML/CSS world. I remember the good old day when you wanted something centered, you would just wrap the thing you wanted centered with the <center> tag and all was dandy. Your job was done.
  However, there is one small problem with [...]

  Filed under CSS, Tutorials Read the rest »

• CSS Trickery Part 1: Defaulting

  Jul 08 9

  I am introducing a series of CSS tricks that I have learned over the past couple of years. Many of these techniques, in fact most, were not created by me, however I use them almost every day. Hopefully, every couple of days, I will share another CSS rule or set of rules that [...]

  Filed under CSS, Geekery, Tutorials Read the rest »

• CSS Star Rating Part Deux

  Jan 09 217

  Check out this tutorial on taking the CSS star rater to the next level by adding the current rating to the star rating system. This tutorial will take you through the CSS and the XHTML needed to create the star rater as well as supply examples for the system. Go ahead and start reading!

  Filed under CSS, Geekery, General, Nerdlab, Tutorials Read the rest »

• The Web Design Tackle Box: Icons, Bullets and More:

  Dec 16 2

  Ok, so there are many many freelance web designers out there. Hopefully, a few come across my site and enjoy a little inspiration from my site as I do from many others out there. My goal is to one day pull up the big boy pants and start this business full time. [...]

  Filed under CSS, General, art Read the rest »