Collusion is an experimental add-on for Firefox and allows you to see all the third parties that are tracking your movements across the Web. It will show, in real time, how that data creates a spider-web of interaction between companies and other trackers.
using the same snippets of code that you’ve used in your previous projects as well. Whether it’s a data table, a search, breadcrumbs or pagination — wouldn’t it be nice to have a library of bulletproof reusable CSS/HTML components and just grab them when you need them for your work?
Pea.rs might be just the tool you’re looking for. It’s an open source WordPress theme that lets you collect, test and experiment with interface pattern pairings of CSS and HTML. You can easily have your own pattern library setup and running quickly. Essentially, each pattern is a post in WordPress, code snippets are added using custom fields, and the main content field is used for optional notes. Very useful! (vf)
An easy-to-understand HTML5 sectioning element flowchart to help you get to grips with some of the new elements in HTML5.
HTML5 still has quite a few myths and misconceptions which lead one to misuse its technology. New semantic elements introduce a better way to define the content of web pages, yet not all of them are very convenient nor straightforward. Do you know exactly when each element should be used (and when not)? Don’t fear, the Doctor is to the rescue.
HTML5 Doctor has created HTML5 Elements Flowchart to illustrate the correct and semantic way of using the new HTML5 elements, such as aside, section or article. Print it out and hang it on the wall for future reference — it will surely come in handy. (ld)
A very simple CSS navigation technique allows you to add an image for every menu item and slide it out on hover. Essentially, it uses very basic HTML, CSS transitions and the nth-child selector. A very simple and useful technique — especially if you are working on a portfolio site, a gallery site or a slideshow. (vf)