CSS has the ability to target HTML elements based on any one of their attributes. You probably already know about classes and IDs. Check out this bit of HTML:
<h2 id="title" class="magic" rel="friend"David Walsh</h2This single element has three …
I met Jonathan at a conference last year. Jonathan was giving a presentation about ExpressionEngine and how good it is for designers. He gave me a good natured ribbing about my use of WordPress. Read the interview below where I …
A couple needs a photo gallery for their wedding, where everyone can browse and upload their own photos from the wedding. Beginner developer: I know of some great software we can use, give me a couple of days. Skilled developer:…
Dan Cederholm has long used the Baskerville Italic ampersand, and tells us to Use The Best Ampersand Available (also here). For better or worse, this has gotten to be ridiculously popular. If you’d like to use this fancy ampersand:…
Alrighty folks, here’s the deal. I have a whole bunch of stuff I want to give away. Mostly books on web design and development. I’ve been deep in thought trying to figure out the best way to give them all …
These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for …
There is a CSS selector, really a pseudo-selector, called :nth-child. Here is an example of using it:
ul li:nth-child(3n+3) {
color: #ccc;
}What the above CSS does, is select every third list item inside unordered lists. That is, …
Replace the first selector with the child you are testing and the second selector with the parent you are testing for.
if ( $(".child-element").parents("#main-nav").length == 1 ) {
// YES, the child element is inside the parent
} else {
This is absolutely NOT recommended for use in any sort of “real” website scenario. It’s just kind of funny and interesting.
<style>*{position:relative}</style><table><input></table>Two things today.
First, have you guys heard of Threadsy? I hadn’t, but apparently they got 2nd place at TechCrunch 50, which is pretty great. It’s a web application that combines several of your online “input streams” (e.g. Email, …
<?php
function forceLeadingZero($int) {
return (int)sprintf('%02d',$int);
}
?>Forces leading zero to integers.
was | now
1 | 01
2 | 02
3 | 03
10 | 10
100 | 100
99 | 99…