Files included in package * ajax-dynamic-list.html = Main HTML file * js/ajax-dynamic-list.js = Main JS file * js/ajax.js = Ajax (Library from http://twilightuniverse.com/projects/sack) * create-countries.php = PHP file which creates a database table ... More
A fisheye effect based on Dojo library. It's easy to setup once you learn a few things about djConfig parameters. Downside of this script is the size of the dojo widgets javascripts, if you plan on having this dojo effect only analyze the code and tr ... More
I recently noticed a subtle and nice effect in the Google Chrome UI. As you mouse over inactive tabs, they light up a bit, but also have a gradient highlight that follows your mouse as you move around on them.The guys from DOCTYPE told me it was thei ... More
Reader Paul writes in:What's the difference between .container div { } and div.container { }?It's great you are asking questions like this Paul. The answer is very important to understanding CSS, because these two selectors select very different thin ... More
Google Chrome is dropping support for the video codec H.264. Kinda feels like an Apple vs. Google pissing match as H.264 is so heavily used by Apple and WebM was developed by Google.For HTML5 video, this is how it seems like it shakes down to me:Now: ... More
Nicolas has one of those web design blogs that everybody should subscribe to. He explains things with a thoroughness and understanding that we all should strive for. I caught up with Nicolas to ask him some questions about the future of the web, his ... More
Reader Nicolas writes in:I'm frequently seeing ID and class specifications to <body> and <html> elements. I'm curious as to why one would do this? If it is unique to either element, then why not specify body or html in the CSS?I believe w ... More
Got a couple of slightly-oldie-but-goodies for you:A jQuery plugin by Manos Malihutsakis which allows you do to create custom scrollbars for content areas that do some neat things like move their position and size, style them differently, and use eas ... More
Have you ever wanted to absolutely or relatively position a table cell? Well, I can't help you there. Table cell elements just won't take those position values. And thus, you also can't absolutely position elements within the context of those element ... More
From the source code:this site is by Paul Irish i made it cuz hsla is wayyyy cooler than rgba and more sensible too!HSL is better than RGB. The reason it isn't used as much (according to me) is because you can't get HSL color values out of Photoshop. ... More
It's been a tradition for years now around here for me to do a year-end wrap-up. It's a great way of reflecting on the year, sharing some random interesting statistics, and most importantly, saying thank you to everyone who comes to this site.Thank Y ... More
WebKit supports the cool background-clip CSS3 property, which you can use to do some pretty neat stuff. The first time we touched on it was the iPhone Slide-to-unlock idea where we set a gradient to animate through the background of the text. Then we ... More
When a link includes a hash, like this:<a href="#section-two">Section Two</a>The browser window will scroll itself (instantly) into such a position where the element with the ID of “section-two” is visible. It scrolls to the m ... More
Really neat presentation of a book by the Google Chrome Team. Everyone seems to be calling it an “HTML5″ book There is certainly a bunch of HTML5 going on, but there is also loads of CSS3 and clever JavaScript at work. Read a few pages th ... More
I think the name “cross site” is confusing. It’s easy to hear that and think it involves code on one website attacking code on another website. That’s not what it is. Not to mention its unfortunate “true” acronym.I ... More
Good news today for everyone interested in learning more about WordPress! I have a new training course available on Lynda.com: WordPress 3.0: Creating and Editing Custom Themes.This is the most comprehensive training I have ever created, so if you ar ... More
Ajax Tabs
This workshop we will be building a tabbed content browser that's Ajax powered. When ever a user clicks a tab the Ajax will communicate with the server and send back the appropriate data for that tab. We will start this workshop off with the XHTML an ... More