CSS/Style Sheets
80+ High Quality And Useful Resources For Designers To Discover The Best Of The Web In October
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 80+ High Quality And Useful Resources 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 October 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
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50+ High Quality Icon Design Tutorials (Part 2)
55 Terrific Cinema 4D Tutorials and Techniques
Create a Realistic Looking Nokia 5800 in 3ds Max
How to Create Roads and Rail Tracks on a Path
40 Adobe Illustrator Text Effect Tutorials
A Beginners Guide to Digital Textile Printing
Create a Transparent Text Effect with Fresh Grass Texture and Custom Brushset
75 PSD to HTML Resources for Web Designers
The Ultimate Round-Up of Print Design Tutorials
Design A Killer Fashion Model Poster
How to Create Smoky Brushes and Type In Illustrator CS4
50 Hot New Tutorials From Around The Web
45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations
Design a Minimal and Modern Portfolio Layout with Photoshop
How to Create an Icon in Illustrator
30 Advanced Photoshop Tutorials for Gamers
Blog Headers: 20 Great Examples and Best Practices
Build a Slick Rich User Interface in Photoshop
40 Quality Photoshop UI Design Tutorials
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50 Awe-Inspiring Underwater Photos
21 Adorable Pieces Of Manga Art
100+ Clean, Simple and Minimalist Website Designs
15 Fabulous Examples of Origami Inspired logo Designs
39 Astonishing Examples of 3D Typography
35 Smart Logos With Second Thought To Make You look Twice
11 Amazing Photo Manipulated and Digital Art Wallpapers
A Showcase of 35 Beautiful Typographical Illustrations
40 Beautiful HDR Pictures You Would be Amazed
Trends in Pricing Page Design and Layout
14 Bold and Colorful Print Ads from Various Brands
44 Examples of Nature Inspired Website Designs
35 Creative Twitter User Profile Designs
Showcase Of Beautiful Textured Web Designs
23 Eco Friendly Sites that are Using WordPress
30 Superb Examples of Infographic Maps
Website Design Showcase Of 21 Popular Brands
30 Jaw Dropping 3D Character Creations
45 Inspiring Navigation Menus That You Must See
15 Inspirational Single-Page Websites
10 Unforgettable Interactive and Inspirational Business Cards
105 People Photo Manipulation Works You Will Really Marvel
40+ Beautiful Fish Inspired Logos
25 Absolutely Magnificant Landscape Photo Manipulation
Showcase of Social Networking Websites
15 Elegant Cartoon Wallpapers You Can Not Miss
40 Striking Examples of Graffiti Art
24 Awesome Single Page Portfolio Designs
80+ Photo Manipulations Art to Ignite Your Creativity
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
How to Build a Simple Content Slider jQuery Plugin
35 Fresh and Useful jQuery Plugins
Curtains Opening Animation with jQuery
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Mastering CSS Coding: Getting Started
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools
Purely CSS – Faking Minimum Margins
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Most Useful Collection of Premium 3d models
1000+ High Quality Free Grunge Textures, Icons, Brushes and Fonts
45 Beautiful Dual-Screen Wallpapers
30 Stunning Fonts To Enhance Your Designs
Collection of 8 Free and Exceptional Icon Sets
80 Stunning Background Patterns For Your Websites
9 Open Source Microblogging Applications
500+ Free Download High Quality Photoshop PSD Files For Designers
24 High Quality Free And Stunning Symbol Fonts
50 Surprisingly Amazing Themes for Blogger
40 Amazing Photoshop Brush Directories and Collections
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20 Best Wordpress Typography Plugins To Enhance Readability
How to Properly Prepare a Guest Post in 5 Simple Steps
5 Highly Applicable, Yet Easily Overlooked Features in Photoshop
The History and Evolution of Social Media
20 Useful & Nicely Designed Web Applications
24 Useful Tutorials on Creating Photoshop Brushes
30+ Super Secret OS X Features and Shortcuts
15 Most Important Wordpress Plugins To Help You Fight Spam
Guide to a Successful Blog Post
8 Powerful Wordpress Plugins You Probably Don’t Use But Should
9 OpenSource URL shortening apps to make your own services
7 Key Principles That Make A Web Design Look Good
Windows Keyboard Shortcuts for Windows 7
20 Handy Photoshop Tips For a Faster Workflow
10 Useful WordPress Coding Techniques
65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September
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 65+ Must See Resources Especially 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 September 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
10 Stunning Photos That Look Like They are Photoshopped But Are Not
23 Awesome Photos That Look Like They’re Photoshopped But Are Not
21 Brilliant Photos That Look Like They’re Photoshopped But Are Not
60+ Incredible Tutorials And Resources Collections For Designers
50+ Creative Masterpieces Of Logo Designs Using Gradient Effects
21 Stunning Examples Of Creatively Done Stop Motion Animations
15 Most Useful & Free Collection Of Ready-To-Use Design Freebies
43 Really Useful Photoshop Tutorials For Excellent 3d Effects
17 Mind-Blowing Digital Painting Tutorials Of Beautiful Girls
31 Masterpieces Of Creative And Clever Advertising Concepts
21 Really Stunning Photoshopped Photos For Creative Inspiration
43 Of The Extremely Creative Wonders Of Macro Photography
27 Best Places You Should Visit To Get Incredible Web Design Inspiration!
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
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
82 Earth-Shattering ZBrush Tutorials
56 Absolutely Brilliant and Intriguing Photoshop Video Tutorials
45 Tutorials for Learning Pixelmator
27 Excellent Digital Photography Tutorials
40 Useful Photoshop Tutorials for Photo Manipulation
10 Wonderful Letterpress Type Tutorials
6 Different Ways to Make Your Text and Images Glow [Tutorials]
![6 Different Ways to Make Your Text and Images Glow [Tutorials]](http://www.smashingapps.com/wp-content/uploads/2009/10/6-different-ways-to-make-your-text-and-images-glow-tutorials.jpg)
11 Fascinating and Educational Tutorials Teaching You How to Produce Better Photo Effects
How to Effectively Use Contrast, Auto Levels, and Batch Processing
50+ Most Amazing Adobe After Effects Tutorials You Need to Learn
20+ Car Pimping and Tuning Photoshop Tutorials
15 Of The Best Character Illustration Tutorials Online
Photoshop Tutorials You Do Not Want to Miss
Urban Art Tutorial in Photoshop and Illustrator
Top Places to Find Quality Illustrator Tutorials Online
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Typographic Portraits That Are Absolutely Beautiful
100 Artworks from the Top 20 Designers in The Middle East and Africa
23 Colorful And Smart Examples Of Beautiful Web Designs
70 Fresh and Inspirational Blog Designs
Stunning illustrated typography on dark backgrounds
Best of Best WordPress 404 Error Page Designs
20 Amazing Examples of Vector Artwork
Website Design: Some of the most uniquely designed E-commerce websites
40 Gorgeous Fantasy Wallpapers to Spice Up your Laptop
40 Creative and Inspiring Website Backgrounds Techniques
13 Striking Digital illustrations of Horror Girls by Yoshitaka Kawakami
40 Excellent Examples of Interior Designs Rendered in 3D Max
25 Examples of Web 2.0 and Traditional Design Rules Coming Together
33 Creative and Beautiful Logos
50 Inspiring Web Application and Service Web Site Designs
50 Beautiful & Unique Twitter Profile Designs
30 Powerful and Inspiring Street Fighter Characters Artworks
50 Websites (and More) for Your Design Inspiration
20 Creative Illustration Advertisements from behance
40 Breathtaking & Creative Logo Designs Just to Inspire
Amazing Character Designs: 75 Brilliant Examples
25 Inspiring Examples of Abstract Vector Design
15 Mind Blowing Dragons Illustrations and Artworks
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
40 Super-Neat JavaScript Plugins
25 Useful jQuery Tooltip Plugins and Tutorials
35+ Create Amazing Image Effects and Sliders with These Awesome jQuery Plugins
10 Easy jQuery Tricks for Designers
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Create a photorealistic web layout – CSS/XHTML available
CSS Wishlist: New Ideas, Debates and Solutions
51 Form Element Resources and Tutorials Using CSS And Javascript
30 CSS Best Practices for Beginners
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
60+ Totally Free Rusted Metal Textures for Designers
460 Free High Quality Icons For Web Designers
60 High Quality Photoshop PSD Files For Designers
Massive Collection of Stunning Photoshop Actions
27 Best WebSites to Download Free Seamless Patterns
Fresh Free High-Quality Icon Sets
Style Switchers Showcase and Resources
76 Dirty, Extreme And Creative Free Grunge Fonts
99 High-Quality Free (X)HTML/CSS Templates
Five Free Tools for Multi-Monitor Computer Set-Ups
14 Best Online Typography Tools for Web Designers
16 Free “Premium Quality” Wordpress Magazine Themes
13 Excellent Firefox Add-Ons That Are Absolutely Useful
49 Amazing Resources for Free Vector Graphics
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20+ Powerful Wordpress Security Plugins and Some Tips and Tricks
10 Revealing Infographics about the Web
30 Incredibly Useful WordPress Hacks
The Only SEO Tools You’ll Ever Need
The Difference Between Art and Design
Must See SEO Guide for All WordPress Bloggers
75+ Excellent Collection of Tutorials, Inspirations And Resources For Designers To Discover The Best Of The Web In July
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 75+ Excellent Collection of Tutorials, Inspirations And Resources 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 July 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
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
145 Ultimate Round-Up Of Photoshop Tutorials and Resources
35 Unbelievable Smoke-Themed Designs and Tutorials
Web Design Tutorials: The Ultimate Roundup
40+ Vector Characters Adobe Illustrator and Photoshop Tutorials
Three Short Tutorials for Photographers and Photography Lovers
Creative Photoshop Animal King Photo Manipulation Tutorial
Tips & Tutorials for Creating Custom Designer Toys
Creating an Abstract Watercolor WallpaperÂ
22 Very Useful Adobe Illustrator Tutorials
Design a travel PSD layout with Adobe Photoshop
52 Excellent Cinema 4D Tutorials
50+ Ultimate Collection of Glow and Light Effect Tutorials in Photoshop
How to Quickly and Effectively Clean Out Body Hair in Photoshop
24 Amazing Photoshop Tutorials
Design an E-Commerce Website in Photoshop
How to Create a Photo Manipulation of a Flooded City Scene
20 Amazing Adobe Illustrator Tutorials for Creating Icon
70+ incredible HDR images with photoshop and photomatrix tutorials
How To Create a Retro Apple Wallpaper in Photoshop
26 Professional Photoshop Retouching Tutorials
Adobe Photoshop Elements 7 Tutorial Videos
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
40 beautiful and creative typography designs to inspire
25 Large Photo Background Websites
23 Inspiring And Colorful Examples Of Digital Art And Manipulations
110 Fresh Logo Designs For Design Inspiration
27 Inspirational Horizontal Scrolling Websites
100 Artworks from the Top 20 Digital Artists in South America
22 Eye Catching Colourful Logos
20 Inspirational, Clean E-Commerce Website Designs
Business Card Design: 100+ Creative Examples, Useful Tutorials and TemplatesÂ
44 Advertising Posters with Clever IdeasÂ
30 Awesome and Well Designed Mac App Websites
30 Awesome Twitter Inspired Logo Designs
Animating Design Elements: 7 Unique & Creative Practices
21 Popular Brands That Are Using WordPress
Before & After: Alex Justino Photo Manipulation
25 Inspiring Examples of Sign-Up Pages
30 Wonderful Examples of Shoes Advertisements
70 Typographic, Clean And Minimalist Color Scheme Web Designs
55 Fresh Examples Of Corporate Website Designs
25 Beautiful Examples Of Typography Portraits
50 Fresh Portfolio Websites for Your Inspiration
20 Incredible Sunrise Wallpapers Caught in Space
55 Niche Web Design Galleries for Your Inspiration
33 Inspirational Illustrations
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
25+ Create Amazing Image Effects with Some of the Best jQuery Plugins Available
25 Fresh and New jQuery Plugins and Tutorials
Making a Content Slider with jQuery UI
MooTools Tutorials and Resources Round-Up
15+ Plugins to Unleash the Invincible Power of jQuery and WordPress
Most Useful Ajax Tools And Tutorials
15 Website for jQuery Enthusiast and Addicts
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Mega CSS Resource Roundup
20+ Resources and Tutorials for Creative Forms using CSS
50 New CSS Techniques For Your Next Web Design
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
21 Absolutely Useful And Inspiring Collection Of Most Desirable Freebies
35 High-Quality Free Fonts For Your Designs
30 Awesome Textures for Creating Subtle Grunge Designs
10 Great Free Adobe Air Apps that Every Designer and Developer Should Use
19 Free Photo Source Sites for CG Artists
45+ Absolutely Useful Free Fabric Textures
60+ Free Fonts for Big, Bold and Beautiful Headlines
15 Essential WordPress Plugins for Portfolio Sites
5 Awesome Online Photo Editors
27 Color Tools and Resource for Choosing the Right Color PaletteÂ
28 Best Quality Textured Backgrounds Free WordPress Themes
40 Free and Useful GUI Icon Sets for Web Designers
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
13 Ways to Browser Test and Validate Your Work
Best free PHP learning resources for beginners
The Roadmap To Becoming A Professional Freelance Web Designer
13 Helpful Cheat Sheets for Building WordPress Themes
45+ Useful Resources For Better Torrenting ExperienceÂ
Ultimate Ecommerce Starter Kits for Wordpress Users
30 Handy Cheat Sheets and Reference Guides for Web Professionals
WordPress Resources – 48 Resources, Tips, Tricks & Themes
Now Create Websites From Photoshop To Wordpress in 5 Minutes
There are many automatic translators from English into French, right?So why can’t there be software that translates the artistic language of effects, brushes and filters into HTML code? So forget the word “impossible†and here is the great tool for you. Divine, A free tool/plugin that creates websites from Photoshop to Wordpress promptly and you can use this absolutely free.
With the help of Divine you spent less than 5 minutes for wordpress theme creation. Photoshop basic is pretty enough for you. The code written with this tool is seo friendly and optimized for getting the top results in the search engines. Web pages created with divine are compatible with all browsers at their most. The code written from this tool is optimized and agreed to modern web-design requirements.
11 Of The Handy Free Tools To Increase Designer’s Productivity
This is one of the very best (Fresh) list of its kind where you can find the simplest online web designer’s tools that are developed for designers and may be very helpful for you as well when you want to get your work done or just for fun. I hope web designers will like this list, but you can also use them and will love them whether you are an office worker, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 11 Of The Handy Free Tools To Increase Designer’s Productivity. Just take a look at them and share your thought’s here.
You are welcome to share more Useful web tools that will be helpful for web designers and 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.
Pictaculous is free color palette generator. It would be really helpful if you are wondering what colors to use with an image. You will just need to upload your image and it will give you the suggested color palette.
This is a brand new site that allows you to check out how your website looks in the most popular resolution formats. It’s all powered by Ajax & PHP so no need to download anything. Using ViewLike.Us is perfectly free.
This is an online calculator that can help you easily covert pixels, to EM, to percent or to points.
This is the fastest way to resize your pictures and images. You will just need to choose an image file, select some resize options, and hit Resize it. Your image will be uploaded to the server, resized and then your resized image(s) will be provided in a single convenient view. The power comes from the simultaneous generation of different sizes and the ability to enlarge your images too.
SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites “accommodating up to three levels of page navigation and additional utility links” and can easily be customized to meet your own individual needs, branding, or style preferences.
A way to explore the popular typefaces you have on your computer.
A collection of free icons that can be colored and reduced in size to your taste. If you are a happy site or blog owner, you will be able to pick icons that will fit right into your design.
Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server.
Text Utilities is really useful multipurpose tool that can customize and manipulate your text as per your need. It can quickly help you to encode, decode, case convert, javascript and regexp any text submitted by you.
Whats its color is an image-color processing utility that will evaluate an image and give you the image’s primary and complementary dominant colors of an image, how many visually unique colors are in an image, and the top ten visually unique colors in an image. Extremely useful when creating any type of designs around an image. The more colorful the image, the better the results.
Font Burner is the easiest way to add great fonts to your website. Just pick one of over 1000 quality fonts, add a chunk of code to your site, then sit back and admire your beautiful typography.
21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs
We are always in search of great free tutorials, resources, tips, tricks, etc. for our readers. Everyday we work hard to find new and useful stuffs for designers like you. Today, we have another great post related to design a beautiful website using stylish effects with CSS/jQuery. In this, we made a list of 21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs. We obviously cannot cover all of the best available on internet, but we have tried to cover as much as possible.
You are welcome to share more CSS/jQuery tutorials and resources 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.
Fancy Thumbnail Hover Effect w/ jQuery
This is very beautiful thumbnail hover effect with jQuery tutorial using xHTML and CSS. If you switch up the absolute position coordinates, you can create various ways the hover effect pops out as well.
iCarousel is an open source (free) javascript tool for creating carousel like widgets. iCarousel is fully configurable. You can change any default option just initializating the class with an object in JSON.
In this tutorial, author combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin. In this first part, he is going to code the core logic of the plugin as a standalone version.
Styling and Adding Sort Options
This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script.
Uni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.
FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.
This tutorial will show you how to create beautiful animated menus using jQuery.
Improve form usability with auto messages
Animated auto messages are useful to improve FORM usability and Scriptaculous is a great framework to use in this case. In this article, you will learn how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.
Unobtrusive Table Actions Script
An attempt at writing an unobtrusive (and fast) script that adds commonly required “actions” to data tables.
Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.
Simple Page Peel Effect with jQuery & CSS
You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but this one was developed using some simple lines of jQuery.
Create a Slick Tabbed Content Area using CSS & jQuery
Tabbed content is a great way to handle this issue and has been widely used on blogs recently. In this article, author is going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.
Create Vimeo-like top navigationÂ
In this tutorial, you will learn to create Vimeo-like top navigation. The base for this tutorial is simple CSS drop down menu based on unordered list.
Animate an image while hovering it and show the visitors information while doing that. It’s quite simple, you will make a list with a relative position, the image you will place with an absolute position, while hovering it you will give jQuery the command to give it a nice animating effect.
jQuery Tutorials for Designers
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery.
Style Your Website’s Search Field with JS/CSS
SearchField is a simple lightweight, unobtrusive script that adds styling and behaviour to your search form fields. All you need to make SearchField work is a simple form field and 2 lines of code (links to css and js file) and you are ready to rock.
FancyBox is tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.
Create an Image Rotator with Description (CSS/jQuery)
An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.
Simple CSS + Javascript Tooltip with jQuery
This is simple and easy way to create a javascript tooltip with jQuery. Author break it into several sections: getting the mouse xy axis, anchor tag structure, how to hide default TITLE tooltips, css plus rounded corners box.
Create astonishing iCal-like calendars with jQuery
This is really useful tutorial to create astonishing iCal-like calendars with jQuery.
How to implement a news ticker with jQuery and ten lines of code
In this post, author is discussing to illustrate you how to implement a nice news ticker using jQuery and just ten lines of Javascript code.
50+ Promising Collection Of Resources And Inspirations For Designers To Discover The Best Of The Web In April
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 50+ Promising Collection Of Resources And Inspirations 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 April 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
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
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
115+ Ultimate Round-Up of 3D Studio Max Tutorials
40+ Cartoon Character Illustration Tutorials
40 Apple-themed Photoshop Tutorials
30+ Most Wanted Photo Manipulation Tutorials in Photoshop Part I
101 Examples of Text Treatments on the Web
Create a Cute Easter Bunny Vector
Create a Glossy Volt Icon in Photoshop
30+ Fresh & Useful Adobe Illustrator Tutorials & Neat Tips
33 Tutorials to Unleash the Photoshop Beast in You
Create a Bright Retro Grunge Vector Illustration
25 Photoshop Tutorials for Working with Textures
Create an Asian Inspired Illustration with Impact
How to Make a Stylish Glowing Box in Photoshop
30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials
44 Must Learn Web Design Layout Tutorials in Photoshop
How to Create a Retro Vector Illustration with Stylized Lines
35 Tutorials to create amazing Vector Graphics using Inkscape
14 Tutorials for Creating Photoshop Brushes
Retro Rainbow Tutorials and Design Showcase
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
41 Great Looking Free WordPress ThemesÂ
15 Best Places to get Inspirational Web Designs
30 Creative Illustrative Website Headers
70+ More Rainbow Colors Inspired Photos and Pictures
50 Great Wallpapers about Design
30+ Cute and Clever Anime Paper Child Art
50 Beautiful Websites with Illustrated Landscapes
15 Stunning Examples of Underwater Photography
40 Stylish, Minimal and Clean Free Wordpress Themes
Beautiful And Creative Logo Designs For Your Inspiration
Hover Effects in Web Design: Best Practices and Examples
Wonderful Fantasy Landscape Artwork
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20 More Excellent AJAX Effects You Should Know
18 jQuery scripts and tutorials to improve your portfolio
20 Useful PHP + jQuery Components & Tuts for Everyday Project
Essential PHP Techniques for Web Designer and Developers
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
30 Exceptional CSS Navigation Techniques
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
21 Free Apps For Mac OS X That Are Useful and Productive
50+ Sources To Download High-Quality Free Vector Stuff
44 Excellent Free Icon Sets Everyone Must Have
270+ High-Res Rough and Grungey Photoshop Brushes
20 Free Original Hi-Res Ink Stained Paper Textures
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50 Totally Free Lessons in Graphic Design Theory
Beginner’s Guide to E-Commerce Solution
100+ Massive Wordpress Tutorial Collection
6 Tips to Help You Get the Most Out of Google Docs
7 More Useful Tips To Help Your Site Convert
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
33 Nicely Designed And Well-Colored But Simple Web Designs
Where do you go normally when you are planning to start your new web design project and you are curiously finding for a mind blowing web design inspiration or just want yourself to bring up with some amazing creative ideas which can help you to create your web design project like it will make a trend or inspiration for others. But sometimes, your mouse is not moving around as you want or your hand is not in your creative control or maybe when you are just tired and do not have creative mood to work. So if you want to get fresh your creative man or come up with some creative web design ideas or just need to motivate and inspire yourself, we are today listing down 33 Nicely Designed And Well-Colored But Simple Web Designs. This list is not long in numbers but I promise you that when you start browsing them in details it will must boost your creative web design ideas professionally and motivate you for design your web design something which people will never forget that you have made it!
You are welcome to share if you know more sites that are simple and beautiful 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.
I will appreciate if you can spread the word via Digg, Stumbleupon and other social media websites, Thank you.
43 Incredibly Useful Collection of Tutorials, Resources, Inspirations etc To Discover The Best Of The Web In February
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 43 Incredibly Useful Collection of Tutorials, Resources, Insiprations etc. 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 February 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.
I will appreciate if you can spread the word via Digg, Stumbleupon and other social media websites, Thank you.Â
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Combine Photo Elements to Create a Surreal Photo Manipulation
40 Amazing C4D Tutorials for Photoshoppers
Create a Three-Color Illustration for Screen Printing
25+ Photoshop Tutorials for Poster Design
28 Incredible Photoshop Image Manipulation Techniques and Tutorials
How to Create a Cute Green Apple Photo Manipulation
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
101 Absolutely Breathtaking Infrared Photographs
40 Incredible Digital Painting Portraits
40 Textured Websites for Design Inspiration
35 Beautiful Examples Of Animals Photography
18+ Sources of Inspiration from Coffee, Ink, Blood and other Stains
Show me some well designed logos
25+ Inspirational E-Commerce Website DesignsÂ
10 Stunning Examples of Architecture Photography
40 Excellent Illustrations In Web Designs
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
25 jQuery Plugins for Navigation
jQuery Tutorials for Designers
Using jQuery to Style Design Elements: 20 Impressive Plugins
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
5 Ways to Instantly Write Better CSS
Quick & Easy CSS Development with Firebug
16 Usable CSS Graph and Bar Chart Tutorials and Techniques
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
104 Free Fonts for Web Designers and Logo Artists
50 Insanely Weird but Awesome Photoshop Brushes
40 Free Beautiful Blogger Templates
10 Excellent Open Source and Free Alternatives to Photoshop
140+ Brilliant Free Wordpress Themes Around
850+ Super Cool Tech Brushes for Photoshop
60 Excellent Free 3D Model Websites
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
7 Fresh and Simple Ways to Test Cross-Browser Compatibility
9 Common Usability Mistakes In Web Design
30 Most Wanted WordPress Comments Page Hacks
50+ Essential Techniques and Tools for Visualizing your DataÂ
