Menu
70+ Ultimate Collection Of Inspirations And Tutorial Resources For Designers To Discover The Best Of The Web In August
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
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
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
Create a Trendy Galactic Poster Design in Photoshop
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
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Â
65 Popular And Professional Free Fonts For Creative Typography
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
40+ Must-See Resources And Inspirational Collections For Designers To Discover The Best Of The Web In March
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
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20 Beautiful Photoshop Montage Tutorials
30+ Photoshop Tutorials in Creating Amazing Posters
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Â
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
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
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
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
Free Customizable CSS Menu For Everyone
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
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 designs 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
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!
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…
<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>
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
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!
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.
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 :
