Post pobrano z: Enhanced Accordion Navigation: Grid Accordion

The Grid Accordion is an advanced accordion navigation that is built with jQuery.

It  works similar to most other accordions, only one cell is open at a time and handy for displaying detailed information about the items inside a grid.

The big thing is that the column of the current open cell expands to a reasonable reading width.

The accordion also makes use of CSS3 pseudo class selector :nth-of-type for styling the columns (which you can add extra class names to support non-CSS3-enabled browsers).

There is a beautiful demo provided which you can play with.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Grid, Javascript

Related posts

• Live Data While Scrolling For Ext JS
• HTML5-Powered CSS Framework: Less
• Feature-Rich Data Grid For jQuery: Flexigrid
• Zoomable CSS Framework: Typogridphy
• Zoom Script With A Smart Interface: TJPzoom

Post pobrano z: Brilliant 3D Flash Image Slider: Piecemaker

Piecemaker is a free and open source Flash image slider that displays images with 3D slice effects.

It can be completely configured from a XML file like setting the tween type, distance, time, delay, etc. and doesn't require working with the .FLA source file.

The slider shows images almost instantly due to the external image loading feature and supports JPG, GIF, PNG formats.

Once hovered, it displays prev-next buttons and a play/pause option for easier browsing.

Images are defined inside the XML file and a description text for each of them can be mentioned (including links).

It is also possible to customize the styles of these descriptions via CSS.

Piecemaker can be downloaded from Activetuts+, a high-quality Flash tutorials community, which also shares the detailed story of the slider.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: 3D, SWF, XML

Related posts

• XML Flash Gallery (And flickr)
• SlickBoard: Creating Attractive Flash Interfaces With Only XML
• Monoslideshow: Amazing Flash Image/Video Viewer – 3 Licenses Giveaway
• Monoslideshow Giveaway – Winners Announced
• Free Flash-XML Survey With Multiple Questions

Post pobrano z: Blueprint: A Solid CSS Framework

Note: In the past, we have linked several times to Blueprint but never actually focused on it. And, better late than ever..

Blueprint is a solid CSS framework that aims to speed up the development process with:

• an easy-to-use grid
• sensible typography
• useful plugins
• a stylesheet for printing

The framework has its own CSS reset to eliminate the inconsistencies across browsers.

It also ships with good looking form styles and plugins for buttons, tabs and sprites.

And, it supports basic HTML5 elements (aside, section, article, header, footer, etc.).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: HTML5

Related posts

• Test Drive IE9 With The Preview Release
• Plupload: Advanced Multiple File Uploader
• HTML5-Powered CSS Framework: Less
• HTML5 Video Player: Projekktor
• HTML5 And Javascript Audio Interface: JAI

Post pobrano z: Shine: 31 Shiny Icons In Vector (.EPS)

Shine is a free icon set designed by Icon Eden that consists of 31 shiny and 3D icons.

It includes popular items like charts, document, print, save, comment and more.

The set comes in multiple sizes (24*24px, 32*32px, 48*48px, 64*64px, 128*128px) and in multiple formats (.PNG, .TIFF, .ICO, .ICN).

The download package also includes the vector file (.EPS).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: EPS, PNG, TIFF

Related posts

• Origami Styled Social Bookmarking Icons
• Free Weather Icons Collection
• Animals In Design: 35+ Free Animal-Themed Photoshop Brushes, Vectors And Icon Sets
• Android Icons: 30 Free Vector Icons
• 8 Vector Web Stickers (EPS And PNG)

Post pobrano z: Banner Design Kit – 5 Kits Giveaway

Banner Design Kit, a set of beautiful design objects for creating banners, is giving away 5 kits ($19.99/each) to WebResourcesDepot readers.

Details on how to win the licenses can be found at the bottom of this post, but before that:

What is Banner Design Kit?

It is set of well-thought and designed objects that are frequently used in banners (like backgrounds, badges and icons).

The kit comes as transparent PNG files (vectors included) for helping you to create good-looking banners.

There are 50+ unique objects in the set where each of them has 8 different colors.

Backgrounds in the kit come in both square and rectangle shapes to fit any type of banner sizes (and they are large enough).

P.S. They have a pretty cool "Buy Now" button, just press it to see the effect.

How to win the free kits?

There are 2 ways to join the giveaway where you can do both to give your chance a boost:

• comment to this article
• tweet about Banner Design Kit using hashtag #bannerdesignkit (optionally, click here to tweet:  "Banner Design Kit – a set of beautiful objects for creating banners – http://bit.ly/9ykAZP #bannerdesignkit")

Winners will be selected randomly on April 6th 2010. Good luck to everyone.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Banner, Freehand, PNG

Related posts

• Would You Like To Advertise At WebResourcesDepot?
• Splashy Icons: A Complete Set Of Icons (460+)
• Simple And Nice Icon Set: Simplicio
• Quality PNG Icon Set: Vaga
• Pagepeel Type Banner Application: Pageear

Post pobrano z: Open Source Project Management & Invoicing – ArgentumInvoice

ArgentumInvoice is an open source web application for managing projects easily and billing the time worked accordingly.

It enables you to define clients, create projects and add tickets (things to be done) for that project.

The time worked for a ticket can be calculated with the help of a live timer or mentioned manually. Also, it is possible to create timesheets for every user.

At any point of the projects, ArgentumInvoice can create PDF invoices, e-mail them to clients and track invoice due dates + payment statuses.

It also supports multiple currencies and automatic currency conversions which is nice when working with multi-national clients.

The application is built with PHP & uses MySQL as the database.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Mysql, Php

Related posts

• Wiki-Like Project Management Tool: Streber
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go
• Web Based Task Manager: TaskFreak!
• Voice Enabled Powerful Web Chat Software: Ajax Chat

Post pobrano z: Advanced jQuery Image Gallery: jbgallery

jbgallery is a feature-rich jQuery plugin for displaying multiple images or multiple galleries in a webpage.

It can run as a slideshow, a site's background, in a "dialog" mode or as a common pop-up.

The plugin's API allows controlling the features like prev-next, viewing a specific image, labels, timers and delays so easily. It also has callbacks on every step.

jbgallery can display thumbnails of the images and browsed via keyboard.

And, it comes with a Picasa adapter for displaying images from the service.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

Post pobrano z: Internet Explorer User Agent Style Sheets

Every web designer and developer probably have bad memories with Internet Explorer. And this is mostly because the browser compiling (or used to do so) CSS properties differently compared to the standards.

IEcss.com is a website which helps us to better understand the reasons behind this incompatibility.

It shares a chart of user agent style sheets (CSS styles that are applied by default) for the major versions of Internet Explorer; IE6, IE7, <abbr title="Internet
Explorer 8″>IE8, and IE9 Platform Preview.

The chart includes values for almost every CSS property and they can be downloaded per browser.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: IE

Related posts

• Use CSS3 Pseudo Selectors With IE: ie-css3.js
• Test Drive IE9 With The Preview Release
• Simple & Functional Screenshot Tool: LightShot
• Lightweight Rounded Corners: DD_roundies
• dynaTrace AJAX: IE Ajax Performance Analysis

Post pobrano z: HTML5 Video Player: Projekktor

Projekktor is an open source HTML5 video player that is built with pure JavaScript but uses Flash when there is no native H.264 support..

The player supports playlists and can display the videos in full-screen.

It has a control panel which appears on-hover and can be easily customized/themed by editing a single CSS file.

For extending its capabilities, Projekktor comes with a plugin interface.

Having the great features said, we must mention that the player is not perfect yet (in alpha stage).

Considering the inconsistencies between browsers in HTML5 support, browsers may act differently while displaying the player (more details on its website). However, it is under heavy development and new features/fixes are added regularly.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: HTML5

Related posts

• Test Drive IE9 With The Preview Release
• Plupload: Advanced Multiple File Uploader
• HTML5-Powered CSS Framework: Less
• HTML5 And Javascript Audio Interface: JAI
• HTML5 And CSS3 Browser Compatibility Chart

Post pobrano z: Free iPad GUI Kit In PSD Format

After the popularity of iPhone applications where (web) developers are creating so many new ones each day, it won't be wrong to expect the same for iPad.

In order to design for the iPad easier, RawApps, a blog focused on mobile application development, is sharing a detailed and free iPad GUI Kit.

The kit is in PSD format, its canvas size is parallel to the iPad's 768×1024px and includes layers like the keyboard, sliders, icons, the canvas, etc.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: iPad, PSD

Related posts

• Web Elements Kit (PSD) For Designing Faster
• Web Applications Classic Button Set
• Sweetie: Cute And Clear Icons
• Scalable CSS-Based Breadcrumbs
• Review: PSD To HTML By PSD2HTML