Category: front-end development

« Previous Entries Next Entries »

Unobtrusive, cross-browser method to add icons to links

There are lots of examples of using CSS to add filetype icons to links, but they all rely on advanced CSS selectors, which Internet Explorer 6 doesn’t support.
If you’re looking for a cross-browser method of adding filetype icons to links, you have a couple of choices: you can add a class name to all [...]

Salivating over server-side Javascript

I came across The End of Web Frameworks in my dzone RSS feed this morning, and it echoes a thought that runs through my brain as I get more and more comfortable with jQuery: who needs the server when you’ve got Javascript? Wouldn’t it be great if the server just handed out data, and the [...]

Revisiting rebeccamurphey.com

In the summer of 2006, I decided to put together a small web site to show the work I’d been doing, in hopes of landing a full-fledged web job. It didn’t take long before I had an offer from webslingerz, where I’ve been for the last year and a half.
I’ve updated my resume a [...]

How I learned CSS

I remember when I first tried to understand how to produce designs for the web — coming from the paper-based world, it was hard for me to accept everything that was suddenly out of my control. When I first tried to grasp CSS with the help of now-defunct Adobe GoLive, I bailed pretty quickly. Table-based [...]

rdmey refresh

When I started this about a month ago, I just grabbed a template that didn’t look too awful, changed a few colors, got rid of all the pixel-based font-sizing, and hoped that no one would look under the hood until I had some time to do it myself from scratch. With the holidays here, I [...]

Graph data from an HTML table using jQuery and flot

I just got done with a first draft of the graphTable plugin, which lets you take a simple HTML table and turn the data in it into a graph using jQuery and flot. Here’s a demo, and here’s the jQuery plugin page where I’ll continue development if there’s any interest.
The most basic usage is simple:
 
$(’#table1′).graphTable({series: [...]

jQuery IE7 “Operation Aborted” error

I just got done troubleshooting an issue with a page with some jQuery on it. The jQuery was in a script called from the head of the document, and its job was to rearrange some elements into tabs once the page was loaded.
In unpredictable cases (sequential reloads had different results), loading the page in [...]

jQuery: Randomly reorder children elements of selected elements

I’m working on a new template for a client, and they asked me to display some list elements in a random order on each page load. I did my Google due diligence, but didn’t come up with anything that wasn’t slideshow-like — what I wanted was just something that would show all of the children [...]

In case you thought IE6 was going away

Microsoft has released yet another version (the third, I think) of their timebombed XP/IE6 image for use with their Virtual PC Console. (Why they keep timebombing it is a mystery to me — it’s as if they think one of these days, approximately six months from whenever they release a new version, there won’t be [...]

Command line goodness

Two good ones from today:
cygwin/perl: change all references to portfolio.html to portfolio_d.html.
perl -i -p -e ’s/portfolio\.html/portfolio_d.html/g’ *.html
More perl command line goodness here.
vim: on every line that has an element with an id attribute, take the value of that attribute and use it as the argument for a php command.
g/id="\([^"]\+\)"/ s/id="\([^"]\+\)"/value="<?php $io->p(’\1′); ?>" id="\1"/
More on [...]

« Previous Entries Next Entries »