Archive for the ‘Nerdlab’ 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 »

• jQuery Feed Menus

  Oct 03 42 atom, feed, freebies, jQuery, RSS

  
  When feeds became popular, it worked to have one icon on your site to point your readers to your RSS or Atom feeds. As feeds are more prevalent in blogs and websites abroad, the presence of multiple feeds abound. Learn how to put a feed menu on your site.

  Filed under JavaScript, Nerdlab Read the rest »

• Javascript classes for n00bs

  Sep 04 7 class, JavaScript

  Ok. Simple and sweet. I wish I would have known about this a few years ago. I’m talking about the idea of a JavaScript function that can be used like a class. Here’s what I want:

  Simple class interface that I can instantiate with new Classname
  Public functions/members
  Private functions/members
  Priveleged functions/members
  Static functions/members

  Lately I’ve been using JavaScript [...]

  Filed under JavaScript, Nerdlab 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 »

• Using jQuery to save form details

  Jul 01 25 cookies, forms, jQuery

  Ok, so I have a few loves in my life. In web technologies, my love rests in design, jQuery programming and JavaScript, CSS and XHTML. I love playing around with interfaces and front-end UI design and website design. Today, I’m gonna bust out a short post on how I used a snippet [...]

  Filed under General, JavaScript, 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 »

• 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: 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 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 »