Free and Useful Online Resources for Designers and Developers » Menu

70+ Ultimate Collection Of Inspirations And Tutorial Resources For Designers To Discover The Best Of The Web In August

AN Jay — Mon, 31 Aug 2009 07:04:57 +0000

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, â€œDiscover the Best of the Webâ€ on SmashingApps. In this, we made a list of 70+ Ultimate Collection Of Inspirations And Tutorial Resources For Designers For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of August which our readers/viewers may like.Â Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

53 Amazing Blender Tutorials

11 Mindblowing Digital Painting Tutorials

25+ 3D Text Tutorials to Enhance your Photoshop Skills

30 Creative Illustrator Logo Design Tecniques and Tutorials

40 Incredibly Inspirational Retro & Vintage Photoshop TutorialsÂ

33 Newly Fresh Web Design Layout Tutorials

27 Useful Logo Design Tutorials and Tips

25 Magazine-Style Layouts for Your Design Inspiration

Creating Colorful Disco Lines EffectÂ

Design a creative cosmetics layout with Photoshop

17 Noteworthy Typographic Tutorials

How to Design the Web in a High-Def World

40 (NEW) High Quality Adobe Photoshop Tutorials

How to Create a Fantasy Landscape Photo Manipulation

How to Draw Anime Complete Guide

3d Retro Strip Design

Create a Trendy Galactic Poster Design in Photoshop

Abstract Vector Art

25 Cool Digital Photography Tutorials, Techniques and Effects

Mastering Photoshop With Paths

Design a 3D Box Icon in Photoshop

Artwork, Digital Photography and Inspiration

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

50 Gorgeous Flash Websites You Definitely Should See

45 Inspirational Corporate Website Designs

27 Colorful And Futuristic Innovations In Product Design

20 Beautiful Digital Portraits of Women

25 Beautiful Examples Of Typography Portraits

50 Incredible Examples of Battle Art

30 Creative Examples of Javascript Slider & Scrollers

10 Outstanding 3D Character Designs and Illustrations

40 + simple and elegant business card designs

30 Stunning, Absolutely Magical Photo Manipulations Focusing on Human Eye

A Showcase of Beautiful Packaging Designs

20 Stunning & Surreal Illustrations of Male Characters

25 Amazing Flash Portfolio Sites

100 Artworks From the Top Digital Artists in the USA & Canada

Beautiful Single Page Website Designs: 65 New Examples

45 Amazing Examples of Code Generated and 3D CG Artworks

Amazing Retro Futurism Design Showcase & Tutorials

20 Amazing HDR Photos

50 Beautiful And Creative Logos With Heart

30 Impressive Photo Manipulation Images

35 Hugely Expressive Works of Digital Art

26 Really Amazing Realistic 3D Computer Graphics

Javascript and Ajax

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
30 Tutorials Combining Both WordPress and jQuery

22 Beautiful jQuery Plugins for Web Designers

14 Easy to Implement Drop Down Menu Solutions

50 Really High Quality Photoshop Navigation Menu Tutorials

5 Ways to Make Ajax Calls with jQuery

50 Useful New jQuery Techniques and Tutorials

xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
25+ Great HTML 5 Resources to Get You Started

50+ Stunning CSS3 Articles, Cheat Sheets and Tutorials Collections

Mastering CSS, Part 2: Advanced Techniques and Tools

35 Websites To Teach You How To Use CSS Effectively

250+ Resources to Help You Become a CSS Expert

Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

75 Free Useful Icon Sets for Web Designers and Developers

70+ Awesome Free Textures and Texture Sets

25 Classic Fonts That Will Last a Whole Design Career

60 Useful Photoshop Actions to Enhance your Photos for Free

Free High Resolution Textures for Designers and 3D Artists

35 (NEW) Modern and High Quality Icon Sets

25 Excellent Handwritten Fonts

30 PSDs of Outstanding Digital PaintingsÂ

200+ Excellent Free High Quality Tree Bark Textures

35 Original and Creative Free Twitter Icon Sets

Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

30+New Useful WordPress Tricks & HacksÂ

15 (More) Free Web Tools To Simplify Your Work Life

20 Free Keyword Research Tools â€“ Comprehensive Insight

21 Great Plugins to Manage Multi-Author Blogs Efficiently

10 Tools For Finding, Registering And Managing Domain Names

6 Ways To Improve Your Web Typography

10 WordPress â€˜HOW-TOâ€™ to Give Your Blog the Quality it Deserves

Brought To You By

Do you want to advertise here? Click to get more info…

40+ Must-See Resources And Inspirational Collections For Designers To Discover The Best Of The Web In March

AN Jay — Wed, 01 Apr 2009 13:01:22 +0000

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 40+ Must-See Resources And Inspirational Collections For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of March which our readers/viewers may like.Â Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

You may be interested in these older posts
5 Useful And Free Photo Viewers For Your Mac OS X
31 Masterpieces Of Creative And Clever Advertising Concepts
23 Magical Photographs To Believe That Are Not Photoshopped
13 Premium-Like WordPress Themes That Are Free And Stunning
21 Really Stunning Photoshopped Photos For Creative Inspiration
17 Mind-Blowing Digital Painting Tutorials Of Beautiful Girls
43 Of The Extremely Creative Wonders Of Macro Photography
27 Best Places You Should Visit To Get Incredible Web Design Inspiration!
13 Simple And Elegant Free WordPress Themes
21 Extremely Vibrant And Creative Advertisements With Animals
39 Masterpieces Of Creative Advertisements
17 Digital Image Illustration Which You Probably Never Seen Before!
15 Digital Photo Manipulation From Flickr To Get Inspiration
23 Awesome Photos That Look Like Theyâ€™re Photoshopped But Are Not

20 Beautiful Photoshop Montage Tutorials

40 Logo Design Tutorials

30+ Photoshop Tutorials in Creating Amazing Posters

Post Production Tutorial

50 Stunning Photoshop Text Effect Tutorials

Create A Cute Panda Bear Face Icon

40+ High Quality Adobe Fireworks Tutorials, Resources & PNG Files

15 Tutorials for Recreating Authentic Photo Effects

RocknRolla Style Twitter Icon Tutorial

25 Photoshop Tutorials for Creating that Perfect Web Page Design

Use type as a creative effect in Adobe Photoshop

How to Create Super-Malleable Effects with Colorful Lines

Create An Amazing Diamond Advertisement Poster in Photoshop

44 Must Learn Web Design Layout Tutorials in Photoshop

Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

40 Excellent Logos Created with Helvetica

Bizarre Surreal and Dark Art Pictures

50 Stunningly Creative Interactive Flash Websites

15 Beautiful Typography Inspired Websites

50 Brilliantly Photoshopped Movie Posters

26 Floral Websites in Full Bloom

25 Beautifully Colorful Websites – Part 4

15 Powerful Military Photographs

30+ Excellent & Inspirational Digital Paintings

25 Impressive and Inspirational Dark CSS Web Designs

Designing Drop-Down Menus: Examples and Best Practices

Cartoon Websites and Characters

Javascript and Ajax

25 Powerful and Useful jQuery Tutorials for Developers and Designers

70 New, Useful AJAX And JavaScript Techniques

xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

10 Rare HTML Tags You Really Should Know

20 Useful CSS Tips For BeginnersÂ

50 Excellent Image Galleries You Can Use Today

A Huge Compilation Of 60 Free Illustrator Brushes

10 Free Grunge Photoshop Textures

The Ultimate List Of Sources For Free Background Patterns

10 Must Have Firefox Plugins For All Bloggers

30 Photoshop Actions for Touch Ups and Enhancements – Part 2

12 WordPress Plugins for Theme Development

200 Free Exclusive Icons: Siena

60 Excellent Free 3D Model Websites

50+ Essential Techniques and Tools for Visualizing your Data

9 Steps To A Happy Relationship With Your Hosting Provider

10 User Friendly Tips for Good Content Heavy Web Designs

Brought To You By

Do you want to advertise here? Click to get more info…

Free Customizable CSS Menu For Everyone

AN Jay — Tue, 02 Sep 2008 12:25:16 +0000

Are you searching for free, nice and easy to use CSS menu for your website? No need to worry about it! CSS Menu Builder is an online menu builder website from where you can create 30+ horizontal, 700+ vertical and our breadcrumb menus that consist of more than 200+ combinations.

The menu creation process and interface is very easy to use. This helps you to work fast and efficiently in less time with the amazing result of free css menu.

Simple And Free CSS Menu Designs For Your Website

AN Jay — Mon, 25 Aug 2008 14:54:06 +0000

While designing a website designers want to see the inspiration or free design resources which can reduce their work on the project. We help those guys because we are always in the search of great free resources and list here. Below are the simple and free CSS menu design s for you to download and use any way you see fit.

You can download the complete set, or an individual menu by clicking the Download Menu button located on each menu from the original website.

Please feel free to download for commercial or private use, and modify to suit your needs.

Funky Sliding Door Tabbed Menus By A BulletProof Idea

AN Jay — Mon, 04 Aug 2008 07:49:39 +0000

This Tabbed sliding doors menus look funky and elegant as well as being scalable. You can add as much text as you want and the tabs just expand and donÃ¢â‚¬â„¢t break apart, they also re-size nicely when you bump up the text in your browser. You can take a look at demo here!

In this tutorial John Stephen is going to show you how to create his own little twist on the very popular Sliding Doors of CSS menus by Douglas Bowman

The menu is working great with all standards compliant browsers (Firefox/Safari/IE7/Opera etc..) and also works as far back as IE5.5 and IE6!

Horizontal Javascript Accordion Menu!

AN Jay — Wed, 28 May 2008 16:23:55 +0000

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.

The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.

The front-end markup for the script is a simple unordered list as in the example belowÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦

To build the accordion call the function below onloadÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦

slideMenu.build('sm',200,10,10,1)

Click here to view the working sample.

Lets Take A Look At Fisheye Menu Component v0.3

AN Jay — Thu, 08 May 2008 15:27:24 +0000

The Fisheye component is based around the concept of itemRenderer factories, just like the flex list and charting components. The goal is to use composition to separate behavior from content, so you can reuse the basic fisheye effect across many different applications and uses. ItÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢s available under the MIT Open Source license, so feel free to use it or modify it in your own applications.

The Fisheye component uses a pattern thatÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢s been coming up a lot lately where the intended layout of the component is not the same as the actual layout.

In this case, the fluid animation as you move the mouse across the component is built by migrating the actual layout of the renderers towards the intended layout (as determined by the mouse position) over time. You can check out how it will look in action 1D Demo and 2D Demo

CSS+Javascript Fancy Menu By Devthought!

AN Jay — Sun, 10 Feb 2008 21:38:48 +0000

With the image below our most of the readers are already aware of this and had an idea about this css+javascript fancy menu but to have this great resource in the Smashing Apps list is very necessary that is why I am adding this. This fancy menu is also great for those who do not know about this and I believe there are alot of those guys as well often visits to SmashingApps.com.

In this article Guillermo Rauch’s will go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends and the visitors coming to your website. This custom navigation bar needs Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible.

PhatFusion Free Horizontal Menu, Reveals More Of The Image As You Rollover It.

AN Jay — Mon, 14 Jan 2008 14:10:57 +0000

Most of us see the image moving (left to right or right to left) navigation developed by Macromedia Flash on many famous website. But now its just build by the javascript.

Now we have another way to build this type of menu. PhatFusion has developed an image menu with the aid of Mootools framework. This meny looks really good and easy to use for everyone. You can also see the similar menu at Mootools Official Website. Salient features are :

2 optional onClick events – open & close

href passed to onClick events

stays open when clicked

closes when clicked

select item to pre-open