untitled Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Isn’t it cool? Download Version 1.4 Demos & Docs Fork on GitHub Powered by jQuery – Made by @razorjack from agilope, icons design by Artua Design by @riddle Chrome Command Line Switches Google Chrome has a number of command line switches which change the behavior of Chrome, some of these switches can be turned on/off in the regular settings menu such as “dns-prefetch-disable” however others cannot. To launch and use the switches, you append the switch name when calling Chrome on launch like: “…..\Application\chrome.exe” –crash-test Which would obviously execute the crash test function.
How to Display Wordpress Sidebar on Other (Non WP) Sites While working on my latest project, DevGrow Discussions, I came across the need to embed my entire WordPress sidebar on a non-WordPress site – specifically a bbPress forum. Since I make use of various widgets to display popular posts and other dynamic content, simply copying and pasting the HTML would not suffice. In the end, there are really only two ways of going about this: Include your wp-load.php file in your application and in effect load the entirety of WordPress to get access to the plugin functionsUse simple caching to store the sidebar in HTML format and include it in any other application, then rebuild it as necessary when new content is published If it’s not obvious enough, the first option is very costly in terms of database queries and can significantly slow your site down. Caching Your WordPress Sidebar Before we can write our function, we need to understand exactly what we’re trying to do. Creating the Functions Configuring Your Sidebar Using Your Cache Conclusion
jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content. A Visual Explanation of SQL Joins I love the concept, though, so let's see if we can make it work. Assume we have the following two tables. Table A is on the left, and Table B is on the right. We'll populate them with four records each. id name id name -- ---- -- ---- 1 Pirate 1 Rutabaga 2 Monkey 2 Pirate 3 Ninja 3 Darth Vader 4 Spaghetti 4 Ninja Let's join these tables by the name field in a few different ways and see if we can get a conceptual match to those nifty Venn diagrams. There's also a cartesian product or cross join, which as far as I can tell, can't be expressed as a Venn diagram: SELECT * FROM TableA CROSS JOIN TableB This joins "everything to everything", resulting in 4 x 4 = 16 rows, far more than we had in the original sets.
Web design and tools - Gaya Design - Query Loader The page that you see was preloaded before it was shown to you. To accomplish this, QueryLoader was installed. Download QueryLoader Read the original post Adobe Flash Tutorials – Best of - Smashing Magazine Although usability evangelists often consider Flash to be a usability nightmare, used properly, Flash can provide users with a rich and interactive interface which would be impossible otherwise. Today Flash is the de-facto standard for interactive elements on the Web as most users install Flash plug-in by default. And in fact, there are many paths creative designers can take to create a more interactive and user-friendly interface. Searching for ‘flash tutorials’ via Google & Co. won’t provide you with the results you expect. This article provides hand-picked professional Flash tutorials which can enrich your design skills and improve the quality of your works. Animation and Effects Link Flash Tutorial Create Water Wave Effect Animation Using Masking Tween1We’re going to make a flash animation water wave effect and we going to move step by step to give you a clean explanation about how to make a water wave effect in flash using masking technique. Images and Videos Link Basic elements Link
jQuery slideViewer 1.2 Download slideViewer 1.2 (last updated july 9 2010) What's this? slideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images: slideViewer checks for the number of images within your list, and dinamically creates a set of links to command (slide) you pictures. Also, clicking on each image will make the gallery slide forward or backward, depending on the area you are clicking (eg: clicking the left part of a picture will move the slides backward, and viceversa for the right part of the picture). You can optionally customize the kind of animation and its duration and also enhance(*) the default tooltips with some fancy tooltips. You can choose where to put the user interface (the numbered links); it can be above or below your set of images. You don't need to specify the width and height for your images (but all the images within a single gallery must have the same width/height!) New!
Making a Custom YouTube Video Player With YouTube’s APIs Martin Angelov Video presentations are a great addition to any product page. With a presentation you can showcase your product’s features without making the visitor read through long paragraphs of text. But apart from producing the video, you still need to manually convert it and find (or code) some sort of flash player that will display it on your site. The other possible path is that you upload it to a video sharing site such as youtube, but you are going to have a rough time trying to incorporate the player into your design. Luckily for us, YouTube does provide a solution to this problem – their chromeless player (a stripped down version of the regular embeddable player), which allow you to build and style your own custom controls. The Idea Today we are going to make a jQuery plugin which uses YouTube’s chromeless player, and creates our own set of minimalistic controls, which allows for perfect integration with your designs. Using the plugin to embed videos is extremely easy: script.js