Veerle’s blog is presenting a tutorial, with source codes, on creating a simple & scalable css-based breadcrumbs.
What are breadcumbs?
From Wikipedia: Breadcrumbs or breadcrumb trail are a navigation technique used in user interfaces. Its purpose is to give users a way to keep track of their location within programs or documents.
Only 1 image is used for creating this navigation which is the seperator. It is a bigger image than the displayed one considering the breadcrumb will be scaled when needed.
A handy resource on a method that is used in almost every web application. To see the demo, click here.
Compatibility: All Major Browsers
EmChart is a handy resource when designing with "em"s & need to convert px values to em values.
By checking the "desired pixel size" / "current pixel size", it is possible to reach the em value. And, rather than calculating this every time, EmChart makes this process easier.
The chart can be reached online or downloaded & used offline.
Imagin is a feature-rich & free Flash gallery which can be customized easily.
It supports multiple galleries with sub- galleries, can display jpg, png, gif, swf, flv, mp4 files & can present them as a slideshow.
This gallery application uses PHP at the backstage for loading images & automatic thumbnail generation.
Galleries & sub-galleries are folders and files are loaded via FTP. Imagin does the rest for scanning the related folders & shoing them accordingly.
Some features of Imagin
- Few images are loaded in advance for faster navigation
- Images can have a small description
- Full screen mode
- Basic html view of images
- Full browser resizable interface
- Right click menu. Link to an image or a gallery can be sent directly
- Keyboard navigation (space, arrows, enter, escape)
- Images scales down automaticaly to fit the browser size, or not if you don’t want
To see its power, check the demos.
Requirements: PHP, GD library if auto-thumnailing enabled.
NETTUTS is presenting a beautiful tutorial, prepared by Trevor Davis, for creating a functional portfolio page using jQuery.
Once a category is clicked in the page, content is filtered accordingly & displayed with fadeIn/fadeOut effects.
It is possible to modify the interface provided easily by changing the effects used, like disabling items by applying opacity rather than hiding which is totally up to the imagination of everyone.
The tutorial is very detailed & comes with the source files. A demo can be found here.
Requirements: jQuery
Compatibility: All Major Browsers
Templates.com, a place to find quality templates, professional cliparts, 3D models & more, is running a wallpaper contest.
The contest is devoted to St.Valentine’s Day with the topic: "LOVE will save the world!".
Submissions can be an image, 3D art, vector, photo or pixmap which must be in JPG format. They can be submitted until 14th of February.
Winners will be selected by the user votes and the contest jury.
The designer who creates the best wallpaper will get the $150 prize, announced as the winner at Templates.com and get exposure.
More details can be found at the contest page.
P.S. This post is an advertorial.
Integrating social profiles with websites is a very popular trend as they represent a content.
For Twitter, if you have an account and want to add tweets to your website, these 3 jQuery Tweeter plugins will help you for sure:
Juitter has a live mode which can display the latest tweets with an Ajaxed interface.
It can display tweets from/to a user and containing any keywords.
Optionally, this jQuery Twitter plugin can display the avatars & can be styled easily with CSS.
It can display tweets from multiple accounts & the avatars.
The plugin provides automatic linking of:
- @replies to user twitter page
- URLs
- #hashtags, to a twitter search of all your tags
An unobtrusive and customisable plugin to embed a Twitter feed into a web page.
It can show the tweets with a "slide in" effect (optional). And, number of tweets to be displayed can be defined too (mentioned before at WRD).
IconsPedia is presenting a beautiful & free icons named Weby Icon Set.
The set consists of 100 icons from social bookmarking to credit card processors like Visa, Mastercard, PayPal & shopping basket icons.
Icons are in 64*64px size & in PNG, ICO, ICNS formats.
They are free to use both in personal & commercial projects.
Valentine’s Day, whether you are into it or not, is getting closer & lots of designs with the theme of "love" are currently being created. Printed materials, banners, micro sites & more.
Considering this, you’ll probably "love : )" these 15 free vector heart images.
And, last year, we had published 2 posts that will still be helpful for a Valentine’s Day design:
Here are the free vectors:
Read the rest of this entry »
dfGallery 2.0, the new version of the popular free Flash image gallery, is totally updated & offers a beautiful experience.
The gallery application has lots of features but still easy to use & have a slick look.
The gallery has integration support with Flickr & Picasa. It can get all Flickr albums under a user with the API key or any Picasa albums via the URL of the album.
dfGallery 2 can display multiple albums that can be switched via the interface. Images can be manually browsed or as a slideshow.
You have the full control over the gallery with an Ajaxed admin panel that supports multiple uploads & built on CodeIgniter.
Other features
- Theming support (change the layout and the presentation of the gallery)
- Skinning support
- Customizable background music
- Fullscreen feature
Click here for a demo of the gallery.
Requirements: PHP
ava7 patterns, a website with a beautiful interface, is presenting 980+ free patterns.
Patterns are very well categorized as it is possible to sort them with colors & shapes.
With a click, they can be previewed live at the ava7 patterns website.
It is also possible to comment & rate them as well as sorting them with:
- top rated
- most commented
- most downloads
