Archive for the ‘CSS’ Category

• Safari’s text-shadow anti-aliasing CSS hack Revision

  Mar 31 35 anti-alias, CSS, KTSH, safari, text-shadow

  I want to talk about a fix I found for Safari 3 and 4 for it’s issues with bad text-rendering with text, especially light text on a dark background. Previously, web developers have been using a text-shadow hack explained here.
  I learned of this technique through Bryan Veloso, who was using a black text shadow with [...]

  Filed under CSS, Nerdlab Read the rest »

• Sexy Music Album Overlays

  Mar 17 93 album, CSS, last.fm, Music, overlay, png

  
  It’s the social web now. We share everything, from our musical tastes, to the bacon avocado burger we ate for breakfast , to the very funny things we say and do.

  I want to show you how to style your music streams and give you some graphics to do so, cause let’s face it, it takes time to design things and it’s easier to use mine than yours ;)

  Filed under CSS, Nerdlab, Portfolio, Tutorials, design, downloads Read the rest »

• CSS Sliding Sprite Windows

  Sep 01 18 CSS, techniques, xHTML

  
  I want to share a CSS technique I’ve used alot. I’m sure that you have seen CSS sprite techniques that utilize changing background position on hover to change a link’s state. Also, they have the added benefit of keeping from loading images on hover, limiting lag. This technique is very similar, but works like a charm for IE6 and PNG images. I know this may be a moo point at this stage, because IE6 is on the outs, but still works beautifully as a technique.

  Filed under CSS, Nerdlab Read the rest »

• CSS PNG Image Fix for IE

  Nov 05 181

  We’ve all seen them, the hoards of PNG fixes for IE6. That is because IE6 is a bag of smashed buttholes. I’m serious. It is. That is why we (web designers of the new world) have to continually come up with creative ways to solve the PNG issue. In case you are [...]

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

• Alternating row classes in PHP, easy style

  Mar 30 16

  Ok. I have seen a myriad of techniques on creating the PHP code to pump out alternating row classes on tables, list elements, what have you. It’s usually some counter variable that you divide by 2 to see if there is an even result (MOD operator). But then you got the whole [...]

  Filed under CSS, Tumblelog, Tutorials Read the rest »

• 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 70

  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 »