Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

5

Sep

Spanky Corners 1.1 beta

Been spotted for a while, Spancky Corners is a perfect alternative to generate CSS boxes with rounded corner. It is semantically pure CSS markup, without extra HTML to act as ‘CSS hooks’.
Just set any radius with no significant increase to file size then select your preferred foreground and background color. This tool will produce only 4 small corner GIFs together with the basic CSS and the HTML to obtain the effect.
Try this one out and hit ‘Spank Me!’ when you finish with the set :D

4

Sep

High Gloss Web 2.0 Icons

AOD Design.com have created high resolution of glossy web 2.0 icons. Items available to download are:
1. Netvibes Icons
2. Delicious Icons
3. WordPress Icons
4. 9Rules Icons
5. Flickr Icons
6. Pownce Logo Icons
7. Mixx Logo Icons

Each zipped pack contains 256×256, 128×128, 48×48, 32×32 and 16×16 px PNG images, which you can use for free under the terms of use displayed on the resource page and within the packs.

Put these cute glossy icons into your favorite icons collection folders or stick them on your sites, blogs, projects etc.

3

Sep

SpaceGallery - jQuery Plugin

SpaceGallery is a javascript image gallery with jQuery plugin. Whenever you’ve managed to set the parameters for this gallery, images are animated with perspective style. Almost similar to accordion image gallery, but this gallery has its minimum scale for the image in the back. So, when you click the front image, it will fade in a smooth animation and replaced with the next image.
An interesting gallery when you only have limited number of images to showcase, since this SpaceGallery is designed in one way navigation (no back and forward buttons included).
Visit the demo page to find out more and to implement this image gallery to your website if you like!

2

Sep

Ext JS Accordion Widget

The Ext JS is the javascript library and its InfoPanel are components that works beautifully on major browsers : Firefox, Opera and Internet Explorer.

All panels can be dragged out from the Accordion dock into independent panels. If you do not want this feature you can turn it off. You can also drag undocked panels back to the Accordion dock again.

You can configure panels to customize look and functionality for your needs, either for accordion panels or independent panels, for instances:

* shadows
* show pin
* animation,
* various modes (undockable, independent)
* more…

Both Accordion and InfoPanel expose an Application Programming Interface (API) that makes implementation of custom functions easy. Here are several examples (of many) of Ext Accordion Widget best usage for your web pages:

* Page navigation
* Tools windows
* Hidable details
* Login forms
* Options dialogs
* Sticky notes

If you think this widget would be very useful for you, please read the step by step instruction to install this great Ext Accordion Widget now!

1

Sep

Ticker Text Effect in Photoshop

An inspiring cool ticker text graphic tutorial is brought to you by TutorialDog.com today. This will surely be a great exercise to work on patterns and motion filter.

The starting point of this graphic tuts process is creating a gird pattern. The second stage is to do the lettering with the pencil tool in fixed proportions on the grid pattern layer. Add Motion Blur filter to make effect of motion to the text!

Get the detailed steps now by visiting the source page now!

29

Aug

Glassy Web 2.0 Badges

Web 2.0 Badges is a web tool that will generate cool and glassy web badges to download. You don’t have to create a web 2.0 badge using Photoshop or Illustrator, because this web service enable you to pick one of your favorable badges template to customize in very easy ways. Pimp your website into trendy stuff using these badges collection, as they will immediately attract visitor’s attention. They have various round or square corners and eye-catchy colours.
Surprisingly, these web-tool is enriched with bunch of collection of web 2.0 badge templates in .PSD file format. Visit Web 2.0 Badges to grab one of them now!

28

Aug

Draw Magnifying Glass with Photoshop

Adobetutorialsz.com presents you an advanced tutorial to draw magnifying glass icon using Photoshop. What’s special about this tutorial is that the result will appear look alike to icon made in Illustrator.
The first step is drawing the shadow for this magnifying glass using pen tool. When you are set with that step, you will learn to create the icon and adding gradient parameters to make it more realistic.
The constrains of putting highlight and shadows to have 3D look icon would give you some ideas to implement the same technique for another iconic shapes. Something special to give a close look!

27

Aug

Braintalk with Bob Sakoui from Original Linkage

1. Hi , who are you and what do you do?
My name is Bob Sakoui and currently I am head of art direction at a large interactive advertising agency in central London.
Outside of the agency I work on different projects and author the ironically named, ‘Original-Linkage‘, a blog that celebrates quality creative from around the globe.


Read the rest of this entry »

26

Aug

jCarousel - Riding carousels with jQuery

jCarousel is a jQuery plugin to control a list of items in horizontal or vertical order. The project has been developed by Jan Sorgalla. Jan presents long list of carousel gallery examples as sort of possible extent of its usage. The items of the content, can be static HTML or loaded dynamically with (or without) AJAX.
jCarousel has been tested and works on major browsers.
To use the jCarousel component, you will need to include these elements inside the tag of your HTML document:

* jQuery library
* jCarousel source file
* jCarousel core stylesheet file
* jCarousel skin stylesheet file

Read more to learn how those file elements integrate wonderfully to each other.