DESIGNwalker max

jQuery pageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or “throwing”) content aside to reveal a secondary content pane.

2. Slider Gallery

This product slider is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

demo page

3. BarackSlideshow – An elegant, lightweight slideshow script

It works with MooTools 1.2, and supports all kinds of shape transformations (top and left coordinates, and height and width properties), which means it can now be used with vertical, horizontal, or even irregular lists.

demo page

4. Accessible News Slider

Accessible News Slider is a JavaScript plugin built for the jQuery library. It meets the accessibility requirements as outlined by WCAG 1.0.

5. Start/Stop Slider

The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left =).

demo page

6. mooSlide

Due to many requests to revamp this tool for mootools version 1.2, here you go, the slider is now available for this version, and can be downloaded

7. Coda Slider Effect

The sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it.

demo page

8. Sliding Tabs

Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of something seen on Panic Software’s Coda site, which in turn was very similar to a widget used in the iTunes Music Store.

demo page

9. Coda-Slider

Coda-Slider is a tabbed sliding div type thing, like Panic have on their Coda site.

10. Creating a Slick Auto-Playing Featured Content Slider

The Coda Slider was 90% there already. There is a main content area (panels, if you will), which slide from left to right each with different unique content.

demo page

11. Build An Incredible Login Form With jQuery

What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content.

demo page

12. Carousel

The carousel component manages a list of content (HTML LI elements within a UL) that can be displayed horizontally or vertically. The content can be scrolled back and forth with or without animation.

demo page

13. jCarousel

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.

14. Scroll your HTML with jquery scrollable

Use mouse, mousewheel or keyboard arrows to scroll through these elements.

Slide Effect Web Design Inspirations

Using slide effect properly, you’ll be able to create following sites!

1. youlove.us

2. tap tap tap ~ tasty bits for your iPhone

3. Viget Labs Is Hiring

4. Panic – Coda – One-Window Web Development for Mac OS X

5. IL FRUTTETO

6. Lucuma | Audiovisual

7. Engage Interactive

8. Goodworks Media

9. Danny Blackman // est. 1985

10. NOFRKS.design

11. Qlear Interaction Design

12. Ann Arbor Web Design and Ann Arbor Graphic Design, by 3.7 Designs Interactive

13. Web Design Belgrade

14. www.MelissaHie.com

15. volll

16. CSS Brigit | Fuente de Inspiración

17. IJsfontein

18. sourcebits

19. VivaViralVideo.com

20. Hotel Oxford – Timisoara

21. The portfolio of Bryan Katzel

Web Design Blog Articles Best of Best 2008

admin — Wed, 31 Dec 2008 02:51:52 +0000

2008 is almost over

This post is a last post in 2008.
You’ll see following categories to look back web design on 2008

Inspiration
Photoshop Brush
Tutorial
Vector
Icon
Logo
Texture
CSS

Inspiration

100 Websites With Outstanding Artistic Design

Top 100 Web Designs in 2008

Best of CSS Design 2008

Most beautiful websites of 2008

2008 Design Trends

40 most beautiful and inspirational website designs of 2008

50 Beautiful Blog Designs

30 Beautiful Examples of Grunge in Web Design

Grunge Design Inspiration Showcase

57 Vector Characters

40+ Beautiful Hand-Drawn Websites

50 Beautiful And Creative Portfolio Designs

40 Beautiful Dark CSS Website Designs

25 Super Cool Paper Inspired Website Designs

24 Beautiful and Creative Website Headers

50+ Gorgeous Navigation Menus

60 Really Cool and Creative Error 404 Pages

50 Excellent Blog Footer Designs

40 Beautiful and Creative Website Footers

Photoshop Brush

50 Free Photoshop Brush Sets for Modern Design Trends

50 Must-Have Photoshop Brushes

75 Insane High Res Photoshop Brushes

High Quality Photoshop Brushes, Resources and Tutorials

64 Beautiful And Free Nature Brush Sets And Vectors – Giant Design Pack

200+ Photoshop Brushes for Light, Sparkles, Glows and Glitter

500+ Space Brushes for Photoshop

1000+ great Photoshop free brushes by PaulW

Tutorials

30 Beautiful Photoshop Text Effect Tutorials

50 Creative Photoshop Text Effects

23 Most Incredible Photoshop Tutorials

50 Great Photoshop Tutorials for Clever Beginners

70 Beauty-Retouching Photoshop Tutorials

40 Excellent Photoshop Tutorials for Textures and Backgrounds

41 Nicest Photoshop Photo Effects

25 Photoshop Tutorials for Web Designers

Free Adobe Illustrator Tutorials | Layers Magazine

30 Tutorials That Will Teach You Fireworks

Vector

30+ High Quality And Free Vector Object Sets To Beautify Your Designs

60 Free Vector Graphics for Digital Art Pros

Icon

50 Most Beautiful Icon Sets Created in 2008

40 Beautiful Free Icon Sets

22 (New) Free High Quality Icons Sets

40+ Extremely Beautiful Icon Sets Hand-picked from deviantART

Logo

10 successful logo redesigns

33 Exceptional Logo Re branding In 2008 For Your Inspiration

105+ Logo Design Tuts And Resources

50+ Kick Ass Logos for Inspiration

30 Brilliant Vector Logo Designs, Deconstructed

10 trends that will define logo design in 2008

35 Stunning Black and White Logos

Texture

60 Impressive Free High Resolution Textures and Backgrounds

300+ Vintage Style Textures and Photoshop Brushes

29 Most Useful Texture Packs of 2008

60+ Free Textures from SXC.hu

30 Great Free Paper Backgrounds and Textures

Free High-Res Texture Pack: The Anatomy of a Really Old Book

400+ High Quality Patterns

CSS

10 Challenging But Awesome CSS Techniques

15 CSS Tricks That Must be Learned

Hope you all have a Great NEW YEAR!

Top 100 Free Wordpress Themes

admin — Sat, 20 Dec 2008 13:59:35 +0000

I just rounded up top 100 high quality free wordpress themes.

I can’t believe that all themes are really free.

Enjoy!

Color Paper

Notepad Chaos

Nature Gift

japan-style

WP Imagination

Cellar Heat

Absynthe

Vikiworks V5 theme

DarkForest Theme

Deskspace Theme

iphone

CreativeArt Theme

SuperFresh

Desk Mess WordPress Theme

love earth

Infinity

Outdoorsy

Twilight Saga

WildDreams

Fantasy

Floral Day Theme

Crumpled Paper Burn

Deep Blue

Rewire Theme

Revolution-X

Colourise

Fresh Editorial

Royal Oak

Black Magic

Wordpress Fun

REDISH

Urban Style Theme

Illacrimo

Elegance

Pixeled

Resurrection

NEW RISE

WP Vista

MysticGrunge Theme

Mahiwaga

Elegance Remix

StudioPress

Dilectio Theme

JET 30

iTheme

Simply Ornate

The Wind Cries Mary

Tomodachi

Wordpress Magazine theme

SCRUFFY

WP CODA

FACING

Sten

NIGHT WHIMSY

Agregado

Lady In Green

Summernight WordPress Theme

Dyne

WINTER DELIGHT

Designredux

PerfecTOM

Natural Power

MyWall WordPress Theme

Elegance

Small Magazine theme

Sharpfolio

Balance White

iNove

SpringLoaded

WyntonMagazine

Tigerpress

Vrede

fervens

Our Rights WordPress theme

Typebased

Softpresence Layout

Seabreeze Theme

WordPress Premium

Personal WordPress Theme

Curious

BlueGrey theme

Photorama

Crafty Cart

Snapshot

BizTheme

Monochrome Gallery

PhotoBlogFB

Sp142 theme

Transparency Theme

DailyPress

StudioWordpress Premiere

SIMPLY

Son Day

Equilibrium Wordpress Theme

NewsWeek

Simple Balance 2.0

CSS Gallery

Probama Theme

Arthemia

Elegant Grunge

20+ Photoshop Drawing with Tablet Tutorials

admin — Thu, 18 Dec 2008 08:06:13 +0000

I’m thinking to buy a tablet for my Mac because I saw a man who was drawing an illustration with his tablet and mac at Starbucks.

I guess he is a professional illustrator. His drawing was so amaizing. I’m so impressed.

For this post you’ll see 20+ Photoshop Drawing with Tablet Tutorials.

Let’s enjoy.

1. Copper – Step-by-Step

Japanese Illustrator Kazu Kibushi’s illustration process. You’ll see his amazing step by step illustration process.

2. Team Dynamite Lazer Beam – henry’s forest

Here is also illustration process.

3. Making of The Blues Singer Leaves Town

You’ll see a detailed coloring process.

4. Drawing Skulls with a Wacom Tablet | GoMediaZine

Nice and Cool Skull illustration with 5min video.

5. I’m A Professional, Don’t try this at Home

This is nice detailed elephant.

6. Katherine Dinger

Animals, Human, and Landscape etc…。

7. Photoshop: Hand Drawn Design

It’s a Nice photo collage with hand drawn illustration.

8. The Art of Roberto Campus

There are many high quality photoshop tutorials.

9. Integrating Background and Foreground Elements

Nice drawing here!

10. GFXartist.com

You’ll see lots of tutorials with several artists.

11. Exotic Fashion

You can learn coloring face and detailed feathers.

12. Drunken Monkey Photoshop Tutorial

You’ll see creating a cool character.

13. Questionable Content

Questionable Content drawing process

14. David Revoy (Deevad) Illustrateur, Digital Painter & Concept Artist

Nice tutorails of French Artist David Revoy.

15. Devotion Graphics

Little sexy illustration drawing process

16. 40+ Tutorials for Working with Wacom Tablets

Over 40 nice tutorials for wacom tablet

17. Manga Revolution.com

Drawing eyes and coloring tutorials etc…

18. 40 Ultra-skilled Speed Drawing Videos

40 speed drawing videos.

19. Draw a Car For a Superhero Batman With Pen Tablet

Batman car illustration tutorial

20. Draw in Photoshop Using A Tablet

Drawing basketball player illustration

22 Stock Photo Sites You Can Download Free for Commercial Use

admin — Fri, 12 Dec 2008 17:16:20 +0000

A Cool Photo can dramatically change impression for your web site.

However a stock photo may cost you…

Even if you shoot a photo by yourself, it’s really hard to get an ideal image.

For this post, you’ll find 22 Free stock photo sites that you can even use for your commercial project.

1. stock.xchng

2. freerangestock.com

3. 5000 Free Stock Photos

4. Image * After

5. FreeDigitalPhotos.net

6. Photogen

7. Cepolina Photos

8. Public Domain Photos and Wallpapers

9. ImageBase

10. everystockphoto – searching free photos

11. morguefile

12. Republic Domain

13. iLoveStock Photography

14. Public Domain Pictures

15. Free Stock Photos – Freephotogate.com

16. BurningWell

17. FreePixels.com

18. FreePhotos.se

19. DesignPacks.com

20. Finally Creative LLC

21. The Public Domain

22. flickr | Public Domain Collection

1000+ Free Photoshop Patterns

admin — Thu, 04 Dec 2008 17:16:17 +0000

Photoshop Pattern is an image that is repeated. You can use the Pattern with the Paint Bucket ool to fill a layer or selection.

Photoshop already has wide variety of patterns. But you can add patterns same as brushes.

For this post, you will find free photoshop pattern files that you can download.

How to install the Pattern file

Select Paint Bucket Tool, then select Pattern.

Select “Load Patterns” then find the Pattern file you want to add.

Fill a layer or selection with Paint Bucket tool

Here is my list

9. yoonmi.net

10. BioRUST.com :: Adobe Photoshop Patterns

11. Free Photoshop Patterns

12. free4photoshop.com

13. freephotoshop.com

14. Design Spice

15. Screentones

16. Wood Pattern Textures – Free Pattern Sets for Adobe Photoshop and Photoshop Elements

18 Places You can Download High Quality Photoshop (PSD) files

admin — Tue, 02 Dec 2008 21:10:04 +0000

There are so many quality Photoshop Tutorials out there.

But some people may be lost to follow the tutorials…

For the Photoshop beginners, if you can download those PSDs, it’s much better to learn.

Here is my list for the sites that You can Download High Quality Photoshop (PSD) files

DESIGNwalker max

Free High Quality Wordpress Themes Top 100+

30 Web Design Tutorials from Scratch in Photoshop

20+ Table Designs and Samples

1. dhtmlxGrid

2. Unobtrusive Table Sort Script

3. A CSS styled table version 2

4. Designing Tables for Usability