Galleriffic jQuery Plugin

Link : Galleriffic jQuery Plugin »
Description : This sleek plugin is great, its simple to use and implement, fast, looks amazing and feature rich.
Features :
- Smart image preloading once the page is loaded.
- Thumbnail navigation (with pagination).
- Support for bookmark-friendly URLs per-image.
- Slideshow gsallery (with optional auto-updating url bookmarks).
- Events that allow for adding your own custom transition effects.
- Support for image captions.
- Flexible configuration.
- Graceful degradation when javascript is not available.
- Support for multiple galleries per page.
Demo : Galleriffic Demo »

Supersized – Full Screen Background/Slideshow jQuery Plugin

Link : Galleriffic jQuery Plugin »
Description : Supersized is the first fullscreen image gallery/slideshow that I have seen that really looks amazing, its transition effects are hypnotic and its controls are simple. The most amazing thing about Supersized is that it gives the impression of being a desktop application. Amazing plugin.
Features :
- Resizes images to fill browser while maintaining image dimension ratio.
- Cycles Images/backgrounds via slideshow with transitions and preloading.
- Navigation controls allow for pause/play and forward/back.
- Almost endless options.
Demo : Supersized Demo »

Building a jQuery Image Scroller

Link : Building a jQuery Image Scroller »
Description : In this tutorial, you’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. This scroller will be different from the others in that it will be completely autonomous and will begin scrolling once the page loads.
Demo : jQuery Image Scroller »

Sliding Boxes and Captions with jQuery Tutorial

Link : Galleriffic jQuery Plugin »
Description : All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through. Nice effect.
Demo : Sliding Boxes and Captions Demo »

Create a Resizable Image Grid with jQuery

Link : Resizable Image Grid »
Description : Image grids that smoothly scale at the simple drag of a slider are no longer confined to desktop apps like iPhoto or Picasa. Thanks to some clever CSS and the jQuery UI, fluid image grids are now surprisingly simple to implement on the web.
Demo : Resizable Image Grid Demo »

Create Sliding Image/Reveal Content

Link : Sliding Image/Reveal Content »
Description : This tut does exactly what it says in the title, hover over the image and the text content will be revealed. Great first tutorial from Suciu Vlad.
Demo : Sliding Image/Reveal Content Demo »

Creating an Image Slider

Link : Creating an Image Slider »
Description : In this tutorial you will learn how to create an image slider that when a holder is hovered over, the top image slides down to reveal the image underneath. You will also learn how to use position absolute to float an image in the top right to show the image is new.
Demo : Creating an Image Slider Demo »

Galleria jQuery Plugin

Link : Galleria jQuery Plugin »
Description : Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. Very cool plugin.
Features :
- Unobtrusive javascript.
- Degrades gracefully if the browser doesn’t support javascript or CSS.
- Lightweight (4k packed).
- Displays the thumbnail when the actual image is loaded.
- CSS powered – create your own gallery style.
- Super fast image browsing since the images are preloaded one at a time in the background.
- Can scale thumbnails and crop to fit in thumbnail container.
- Can be used with custom thumbnails.
- Stylable caption from image or anchor title.
- jQuery plugin – takes one line to implement.
- Can adjust the history object and enable the back button in your browser.
- Can fire events so you can customize the images behaviour onLoad.
Demo : Galleria Demo »

Create a Beautiful jQuery Slider Tutorial

Link : jQuery Slider Tutorial »
Description : This tutorial shows you how to develop a beautiful jQuery slider with added image description and name. The final result is a very smooth and visually pleasing slideshow which could be easily integrated into any site.
Demo : jQuery Slider Tutorial Demo »

GalleryView jQuery Plugin

Link : GalleryView jQuery Plugin »
Description : GalleryView is a content-gallery plugin capable of displaying any HTML content in an animated gallery view. This plugin is bounding with options and you would be hard pressed to not use this plugin. GalleryView does require the jQuery Timers plugin to facilitate timing of animation events.
Demo : GalleryView jQuery Plugin Demo »

Simple JQuery Image Slide Show with Semi-Transparent Caption Tutorial

Link : Simple JQuery Image Slide Show »
Description : In this tutorial you will be shown how to create a simple image slide show with a semi-transparent caption using jQuery. The final result will be suitable to display news headlines, or an image slide show on your websites homepage.
Demo : Simple JQuery Image Slide Show Demo »

jQuery Morphing Gallery Tutorial

Link : jQuery Morphing Gallery Tutorial »
Description : In this tut you will learn how to create a simple image gallery that when an image is selected, it will “morph” into its relevant size.
Demo : jQuery Morphing Gallery Demo »

Zoomimage – jQuery plugin

Link : Zoomimage – jQuery plugin »
Description : Present your images in a stylish way, with this plugin. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border. Nice and simple.
Demo : Zoomimage – jQuery plugin Demo »

Full Screen Image Gallery Using jQuery and Flickr

Link : Image Gallery Using jQuery and Flickr »
Description : This is a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It uses the flickr search engine with thumbnail preview, captions, preloader and some other excellent goodies. It scales the image using CSS only (some JS for IE6) and developed with jQuery.
Features :
- Flickr search using jQuery and JSON.
- Full screen with kept ratio using CSS only.
- A png raster to even out up-scaled jpegs.
- Thumbnails with loader indicator and a nice hover effect that shows a bigger thumb (or description).
- A preloader loads the large images one by one for super-fast viewing.
- Fetches the biggest image from flickr using their API.
- Caption that can be turned on or off.
- Navigate by clicking on either half of the image, or use the thumbnails..

Demo : Image Gallery Using jQuery and Flickr Demo »

Easy Slider 1.5

Link : Easy Slider 1.5 »
Description : The Easy Slider plugin enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.
Demo : Easy Slider 1.5 Demo »

Tip #1: Using PUT and DELETE methods

In PHP you can determine which HTTP method was used with: $_SERVER['REQUEST_METHOD']; From web browsers this will be either GET or POST. For RESTful clients applications need to support PUT and DELETE (and ideally OPTIONS, etc.) as well. Unfortunately PHP doesn’t have $_PUT and $_DELETE variables like it does $_POST and $_GET. Here’s how to access the content of a PUT request in PHP:

$_PUT  = array();
if($_SERVER['REQUEST_METHOD'] == 'PUT') {
    parse_str(file_get_contents('php://input'), $_PUT);
}

Tip #2: Send Custom HTTP/1.1 Headers

PHP’s header function allows custom HTTP headers to be sent to the client. The HTTP/1.x header contains the response code from the server. PHP will, by default, send back a 200 OK status code which suggests that the request has succeeded even if it has die()’ed or a new resource has been created. There are two ways to change the status code of your response:

header('HTTP/1.1 404 Not Found');
/* OR */
header('Location: http://www.foo.com/bar', true, 201); // 201 CREATED

The first line is a generic way of setting the response status code. If your response requires another header, like the Location header to the resource of a ‘201 Created’ or ‘301 Moved Permanently’, placing the integer status code in the third parameter of header is a shortcut. It is the logical equivalent of the following example, which is easier to read at the cost of being an extra line of code.

header('HTTP/1.1 201 Created');
header('Location: http://www.foo.com/bar');

Tip #3: Send Meaningful HTTP Headers

Policy for deciding when it is appropriate to send each HTTP status code is a full post on its own and the HTTP spec leaves room for ambiguity. There are many other resources on the net which provide insights so I’ll just touch on a few.

201 Created is used when a new resource has been created. It should include a Location header which specifies the URL for the resource (i.e. books/1). The inclusion of a location header does not automatically forward the client to the resource, rather, 201 Created responses should include an entity (message body) which lists the location of the resource.

202 Accepted allows the server to tell the client “yeah, we heard your order, we’ll get to it soon.” Think the Twitter API on a busy day. Where 201 Created implies the resource has been created before a response returns, 202 Accepted implies the request is ok and in a queue somewhere.

304 Not Modified in conjunction with caching and conditional GET requests (requests with If-Modified-Since / If-None-Match headers) allows web applications to say “the content hasn’t changed, continue using the cached version” without having to re-render and send the cached content down the pipe.

401 Unauthorized should be used when attempting to access a resource which requires authentication credentials the request does not carry. This is used in conjunction with www-authentication.

500 Internal Server Error is better than OK when your PHP script dies or reaches an exception.

Tip #4: Don’t Use $_SESSION

A truly RESTful PHP application should be entirely stateless- all requests should contain enough information to be handled without additional server side state. In practice this means storing authentication information in a cookie with a timestamp and a checksum. Additional data can also be stored in a cookie. In the event you need more than a cookie’s worth of data fall back to storing it in a central database with the authentication still in the cookie. This is how Flickr approaches statelessness.

Tip #5: Test with cURL or rest-client

cURL makes it easy to execute any HTTP METHOD on a resource URL. You can pass request parameters and headers as well as inspect response headers and data. The command line tool ‘curl’ is standard on many *nix distros. Windows users should check out MinGW/MSYS which supports cURL. Even PHP has cURL functions which are enabled on most hosts (tp://us2.php.net/manual/en/curl.setup.php”>php/curl install page).

cURL Example Usage & Common Parameters:

# curl -X PUT http://www.foo.com/bar/1 -d "some=var" -d "other=var2" -H "Accept: text/json" -I

-X [METHOD] Specify the HTTP method.
-d “name=value” Set a POST/PUT field name and value.
-H [HEADER] Set a header.
-I Only display response’s headers.

Alternatively, a free GUI to test REST interfaces is Java/Swing based rest-client. rest-client is scriptable and has support for JSON/XML.

Design and Development Job Boards

Krop

Design:related – Jobs

Boxes and Arrows

Real Web Jobs (mainly focused in Canada)

Coroflot

Designers Network

AIGA Jobs

WIRED Jobs

Ajaxian Jobs

JS Ninja (Javascript jobs)

Slashdot Jobs

CrunchBoard (by TechCrunch)

Authentic Jobs

37signals Job Board

Smashing Jobs

Behance – Job List

GoFreelance (writing, design, and programming)

ProBlogger (writing jobs)

BlogStorm (SEO, design, and programming)

Dev Bistro

FWA (Flash jobs)

CenterNetworks

Read Write Web

Mashable Jobs

All Dev Jobs

Startuply

Joel on Software

Ars Technica Jobs

Npost Jobs

No Agencies Please

The Creative Group

All Web Jobs

Job Feed Aggregators

Mashed Jobs

Joblighted

Most Hired

Jobpile

Project Bidding Sites

Sitepoint – Looking to Hire

Design Quote

Programmer Meet Designer

Elance

iFreelance

Get a Freelancer

Jobs in UK

Design Week Jobs

Creative Pool

The IT Job Board

Design Jobs UK

Mad.co.uk

Job Searches

Indeed

Simply Hired

Jobster

Dice

Career Jet

Just Tech Jobs

Yahoo hotjobs

Want more job links?

• Larissameek.com – 23 job boards
• Youthedesigner.com – 10 places to find web design jobs
• Designm.ag – find web jobs
• Freelanceswitch.com – monster list of freelance job sites
• Allgraphicdesign.com – job site links

A number of emerging technologies will soon collectively enable an open social web in which users control their information and it can flow between multiple sites and services. OpenID, OAuth, microformats, OpenSocial, the Social Graph API, friends-list portability, and more will be discussed, as well as a coherent vision for how the pieces fit together and how developers can start taking advantage of them now.

Now, our first official look at T-Mobile’s G1, the first
Android-capable phone built by HTC, is less than 24 hours away, and the same adage holds true now more than ever. Android’s openness puts the emphasis even more squarely on the code this platform will run, making the hardware almost an afterthought. And while it’s still quite early in the game and things won’t really kick up until the G1 becomes available sometime in October, the Android Market is already looking like an equally if not more vibrant place for great apps for your phone.

One of the main positive points in our Android preview guide was that Android will likely be home to the best direct tie-ins to Google’s web apps like Maps, Docs, and Gmail, of any device around. And not only will they shine individually (remember’s Apple’s proud claims of the iPhone’s custom Google Maps integration?), each Google service is set up as an open API within Android, meaning they’re all available for mashing up with any other type of data imaginable in third party applications, effectively allowing developers to easily convert awesome Google service hybrids (like Beer Mapping, one of my favorites) into mobile apps.

Unsurprisingly, Maps integrations are the main focus being taken by the early wave of Android Apps, many of which were written in response to the Android Developer’s challenge. Throw in location awareness via GPS or cell towers (another Android core service), and we’ve got ourselves the ingredients for some truly next-level stuff.

Enkin: When many people envisioned a location-aware future for mobile tech, they were probably dreaming up something like Enkin. If you can last through the somewhat brutal video here, you’ll see some amazing potential: Enkin is basically a visualization framework for location information which can place locations on a two-dimensional map, a quasi-three-dimensional Google Earth type view, and coolest of all, overlay them onto the view streaming live out of your phone’s camera. It uses GPS and accelerometers to sense exactly which direction the camera pointing, giving you an annotated view of the real world. You can add your own placemarkers or draw them in from the internet.

Locale: Borne from an MIT class specifically for writing Android apps (and winner of a $275,000 first prize from the Android dev challenge), Locale lets you define your most frequented places on a map and set your phone to respond to those places in a number of different ways. While the prototype is mostly focused on phone settings (like switching to silent when you’re in the office or at a movie theater), these kinds of frameworks can be expanded infinitely. Home automation software could be programmed to turn on the lights (or start cooking your breakfast, Pee-Wee Herrman style) once you’re a few blocks away from your home, for instance. It takes Bluetooth proximity to a whole new level, one that’s not dependent on the limited proximity to another device but only your actual real-world location independent of any other variables.

GeoLife: In a similar vein is GeoLife, a location-aware to-do list. You can pair actions on your list to locations (or types of locations) to get a reminder to buy milk when you’re near a grocery store.

Ecorio: Using GPS, Ecorio runs in the background (another edge Android has over the iPhone) and estimates the carbon output of your day’s journeys. Once it learns your habits, it can then suggest public trans or carpooling alternatives. Another $275,000 first prize winner.

Cab4me: Takes your current location and feeds it into a database of nation-wide cab companies, allowing you to order a cab pickup instantly with your current locations. Google Maps overlays also show areas of cities where you’re likely to hail a cab off the street.

BioWallet: Not all of the innovative apps are map based. BioWallet uses your
phone’s camera as an iris scanner to lock down sensitive information like account numbers and passwords on your phone, or even the phone itself. Handwriting-based IDs can also be implemented, all processed for an additional pass/fail reading—all processed on the phone itself which keeps biometric data secure.

CompareEverywhere and GoCart: Both capture photos of product UPC codes to then tie into online databases for comparison pricing, product availability, and shopping list compilation.

TuneWiki: Music apps are a bit thin pre-release, but TuneWiki (which is already out for jailbroken iPhones—not in the store yet, which won’t be a problem with Android) looks impressive for grabbing lyrics and album art with your music.

Teradesk e-Storage: We love Air Share
on the iPhone, and e-Storage looks to provide many similar services, with file versioning and Google Docs integration (one of the first of many G-Docs tie-ins, surely).

True, some of these apps could seemingly be just as at home in the iTunes App Store and on other platforms (many mobile OS’s have some iteration of a barcode reader, for instance). But what has the potential to set Android apart though is its open source foundation; with the support of the open-source development community—one of the largest and most important driving forces of innovation in computers and software throughout history—Android could blast open mobile platforms even further than the iPhone has or could. Especially when you consider the core open-source projects that have shaped the internet since the beginning—Apache, MySQL, PHP, ssh, and countless others—making it onto phones in a core and unified way. Despite early SDK kinks, we could be seeing some exciting stuff in the next few months.