Tips and Tricks
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
55 Terrific Cinema 4D Tutorials & Techniques
Cinema 4D is getting very popular day by day mainly due to the body paint functionality. It has artist friendly interface with a customizable work flow. Many films like Spiderman 3, Monster House, Chronicles of Narnia, Beowulf, Polar Express and Superman Returns also used Cinema 4D to present a long lasting effect. People also used Cinema 4D in motion graphics because of its excellent integration with compositing application pipelines. The most useful thing about Cinema 4D is its instinctive interface and sound work flow that lets an artist to jump in and be creative and dynamic swiftly. In this post we have gathered 55 excellent tutorials which we will greatly help you to create some beautiful 3D graphics.
You are welcome if you want to share more Cinema4d Tutorials and Techniques that 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. Click on the images to go from where the images has been taken.
This work is fully modeled and rendered in Cinema 4D. Artist have used BodyPaint and Photoshop for the textures.
How to Create Explosive Typographic Effects in Cinema 4D
In this tutorial artist will walk through the steps he used to create this illustration to bring alive the word “collide.”
Tutorial on how to make tentacles like this in the image using cinema 4D 
How to create a 3D type effect using Cinema 4d and Photoshop.
Creating a Ball Bearing using Arrays
In this tutorial you will learn how to create a ball bearing using an Array Object. You will also learn about the use of the Taper object, Fillet option and Bevel function.
In this tutorial you will learn how to create great looking Line Renders using extruding and deformers, line renders are amazing looking renders that are often used on wallpapers or photo manipulations.
Modeling a Car using Blueprints
In this massive tutorial you will learn how to model a car using blueprints, points and the bridge tool. Basic Cinema 4D knowledge is required for this tutorial!
Enable or disable multiple objects at with one click Increase viewport speed and animation playback.
Here’s the Zebra 3D modeling tutorial by Pupi for Cinema 4D. And the Great thing is, you can download his 3D model for FREE!
Learn the animation basics and looping in Cinema 4D.
In this tutorial you will learn how to create an explosive type effect!
In this tutorial you will learn How to create an animated dotted line stroke.
The “UV-Map Dirtmap Baker” Tutorial
Cinema 4D veteran Peter Hofmann aka peXel presents us with this handy tutorial covering the following topics: How to get a “clean” UV – Map, How to calculate a Dirt – Map, How to work with Baker.
In this tutorial we’re going to use Cinema 4d to create the 3d text like in the image above. Feel free to use the software of your choice, this is a technique that can be easily duplicated in other 3D apps.
In this tutorial we will learn how much powerful procedurals are, and also some basics regarding shading/lighting.
This tutorial will teach you to make a great sandglass, which you can use for plenty of purposes. You can find the finished model and other stuff from there.
Just a quick, easy dirty way to create a peanut can (or most types of cans with lids for that matter) in cinema 4D. Again its more about how easy the actual model and geometry is compared to the actual texturing.
This amazing 3d scene, entitled Daylight, was created by Carles Piles. Read how the scene was created in the tutorial below.
This tutorial will teach you how to make beautiful car tires step by step.
Texturing Objects and Lights in Cinema 4D
In this tutorial, artist will go though the steps in texturing objects in Cinema 4D. He also play with using textures to actually light the scene.
In this 3 tutorial series we’ll look at how to build a glass shatter effect, based on a recent project for Damages 2, using Illustrator, After Effects and Cinema 4D. This section includes capturing the template in After Effects, paths in Illustrator and setting up imported splines as polygons in Cinema 4D.
This tutorial will show you how to make awesome model of piano.
Create 3D objects in Cinema 4D from vector art
This is a video tutorial on taking vector art and importing it into Cinema 4D to create a 3D object that can be animated, textured, and manipulated in 3D space. In this tutorial, written by David from filmmakingcentral.com he shows you exactly how to do this.
In this tutorial you will learn how to create awesome matterial, that can be very useful for your upcoming tasks.
In this tutorial artist will show you how to create a basic textured disc shape and then drop it into an Array Object where you can create an epic looking UFO.
Although in this tutorial does not cover entire car, only the bonnet, fender and door, hope that you will learn lots of techniques in this tutorial.
In this tutorial you will learn how to make E Book Cover step by step.
A great step by step tutorial on Armor plates.
Nothing fancy, but it could help someone, somewhere, somehow, this tutorial iGrass Tutorial Cinema 4Ds written for Cinema 4D, but could easily be adapted for any other 3D app out there.
Tutorial made for Cinema 4d but can be applied to almost any 3d rendering program.
In this Cinema 4D tutorial, he get into lighting a scene with the Ambient Light and Area Light CS Tools.
Tutorial made for Cinema 4d but can be applied to almost any 3d rendering program.
This tutorial shows how to make a simple modern trash can or “abstract” form you can use in your scenery, it also serves as practice for extrude tools and getting familiar with them.
Cinema 4d Low Poly Gun Tutorial
Wanna make something like this in Cinema 4D R8 and Unwrap 3D? so this tutorial is best for this.
This week, artist will show you how to make your own geometry easily. Although almost every 3D application can perform the same task, he will use Maxon’s Cinema 4D.
A detaild and very comprehensive tutorial about Interior.
This tutorial will show you how to make beautiful grass.
A very useful Tutorial that how you can make a city buildings.
A detailed and step by step tutorial that will teach you lots of techniques.
In this tutorial Artist will examine a few different strategies for achieving a realistic skin shader in Cinema 4D. Skin has a particular quality that sets it apart from ordinary surfaces: it is luminously translucent.
A very detailed and step by step tutorial on how to create electric bulb.
Beautiful tutorial and its mixture of Cinema 4D and Poser.
Not for complete beginners as artist made it pretty quick, but those of you that know the basics should understand.
Mindblwoing tutorial and you will learn in this how to make a beautiful Lamp.
Great tutorial on Ipod Making.
Part 1 of 3 video tutorials for Cinema 4D showing how to model a Dvd Player.
Create this abstract with the easiest way!
Create an Amazing Liquid Apple Effect in RealFlow, Cinema 4D, and After Effects
Learn the animation basics and looping in Cinema 4D.
Model, Texture, and Render an Interior Scene With Cinema 4D and VRay
In this beginner/ intermediate level tutorial, you will learn how to create and render a realistic interior scene in Cinema 4D and Vray. In this tutorial you will focus on modeling the room and all of the furniture, and the second on materials, lights, rendering, and post production.
How to Export 3d Camera Data from Cinema 4D into After Effects
When it comes to motion graphics, exporting camera data from a 3D program to a 2D compositing program is one of the most important techniques you could know. In this tutorial, you will learn the basics behind getting Cinema 4D and After Effects to talk to one another, including using exporting tags, using the camera data in After Effects within 3D layers and effects, and how to set up and tweak your render for the best results.
Create Mac OSX Intro Video with C4D
In this tutorial Satya Meka will walk us through Cinema 4D and how to create the 3d text in this effect.
Making of Portrait of a Silent Man
In this tutorial Patrick Eischen is going to show you how he created his image “Portrait of a silent man” using Cinema 4D and ZBrush.
How to a rolling carpet and text effect in Cinema 4d.
Paper Crumple Tutorial in Cinema 4D
This tutorial shows you how to create an animation that makes a piece a paper crumple into a ball with no keyframes at all. It uses the cloth tag.
Making a glass and a wine bottle with C4D
This tutorial demonstrates ways to make a glass, its materials and the content inside the glass. Artist made the model in c4d r9, but It can be done with lower versions.
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
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
60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June
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 60+ Incredible Tutorials And Resources 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 June 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 Crazy-good Digital Photography Tutorials
40 Top-Notch Print Based Tutorials
10 Most Wanted Vector Tutorials
13 Useful Techniques for Enhancing Web Design Photography
Design a premium wordpress blog with Photoshop
Create a Character Illustration Wallpaper
50 Excellent 3D Adobe Illustrator Tutorials
Simple Coffee Cup Icon Photoshop Tutorial
Photo Manipulate a Falling Angel
77 Ultimate Round-Up of Adobe After Effects Tutorials
25 Photoshop Tutorials for Creating 3D Text Effects
Useful Flash Cartoon Tutorials
It’s Time to Create a ‘Neo-Constructivist’ Poster with Photoshop
Create a Texture Based Vintage TV Poster in Photoshop
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50 Breathtaking CG Images
50+ Creative Masterpieces Of Logo Designs Using Gradient Effects
50 Inspiring Abstract Illustrations in Web Design
100 inspiring character designs
40 of the Best Websites of Non-Profit Organizations
Vector Backgrounds in Web Design: Examples And Best Practices
60+ Really awesome Typography Showcases
74 Fresh Examples Of Beautiful Single Page Website Designs
50 Beautiful Hand-Drawn Web DesignÂ
100 Creative Twitter Backgrounds Featuring Illustration
25+ Examples of Effective Glowing Effect in Web Design
13 Beautiful Graffiti and Street Art for you inspiration
43 Spectacular Examples of Fractal Art
20+ Excellent Free Character Illustration Wallpapers
Creating a tri-fold brochure plus 15 amazing examples
25+ Examples of Inspirational Text Art
40 Examples of Incredible Photo Manipulation
21 Stunning Examples Of Creatively Done Stop Motion Animations
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
55 Jquery Tutorials, Resources, Tips And Tricks
Playing with jQuery Color Plugin and Color AnimationÂ
15 Best Techniques For Implementing Autosuggest With AJAX
10 Ways to Instantly Increase Your jQuery Performance
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials
7 New Essential CSS 3 Techniques Revealed
15 Effective Tips and Tricks from the Masters of CSS
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50+ New and Beautiful Free Wordpress Themes
30+ Useful Photoshop Custom Shapes Set
15 Most Useful & Free Collection Of Ready-To-Use Design Freebies
Ultimate List of 32 Font And Typography Tools
25+ Useful Wordpress Themes with Ads Ready
Hibiscus flowers – vector freebies
100 New and Beautiful Seamless Patterns
35 Excellent Websites for Downloading Free CSS TemplateÂ
20+ Beautiful Free Serif Fonts
30+ High Quality Metallic Texture, Pattern, Brushes and Photoshop Tutorials
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
12 Essential Rules to Follow When Designing a Logo
Ten Rock Solid Free Platforms To Start Your Successful Website
40 Must Have Cheat Sheets for effective Web Designers
20 Tools to Make the Life of a Web Developer Easier
10 Ways To Make Your Site Accessible Using Web Standards
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+ Truly Useful Photoshop Tutorials For Amazing Photo Effects
Designers love all of those photoshop tutorials that can help them to learn more and more everyday and give them direction to design more beautiful and attractive creative works. And the demand for Photo Effects tutorials are too much in these days. We know this very well and SmashingApps is all about to feature all those smashing stuffs that are free and useful for designers. Today, we are going to list down 50+ Truly Useful Photoshop Tutorials For Amazing Photo Effects. We hope you all will like this collection.
You are welcome if you want to share more Photoshop tutorials that 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
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
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
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
How to Digitally Paint Lip Gloss with a Tablet
Reducing 5 O’Clock Shadow And Beard Stubble In Photoshop
Airbrushing – Natural Smooth Skin
Photo to illustration Vector EffectÂ
Retouch A Girl with Lighting Focus
Enhance eyes and make them stand out in photoshop tutorial
Easy Digital Nose Job In Photoshop
Photo retouch adding lipglossÂ
Age Progression – Photoshop Tutorials
Simple photo adjustment manipulation
Comprehensive Skin and Facial Enhancing
Easy composition but nice result
Breathtaking Split Toning Effect
Create A Portrait Studio Background
Create a Face Shattering Effect
Portrait Retouching Techniques
Adding Light Streaks To A PhotoÂ
Blending And Combining Photos With Layer Masks
Guest Post by Umair Jawed who is a Graphics and Web Designer and a part-time blogger.
15 Excellent And Useful Microsoft Silverlight Tutorials & Resources
Microsoft Silverlight is a free framework empowering you to build new types of applications for the Web regardless of target platform or browser, using all the familiar features, languages and tools of the .NET framework. To see the magic of Silverlight, we must suggest you to check out this showcase applications on Microsoft’s website. Here is the list of 15 Excellent And Useful Microsoft Silverlight Tutorials & Resources that includes some useful tutorials and few great applications that has been developed on Microsoft Silverlight. We are hoping that you will learn further on Microsoft Silverlight after reading out this post.
You are welcome to share if you know more Microsoft Silverlight 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.
You may be interested in these older posts
25 Excellent And Useful Adobe AIR Tutorials & Resources
11 Free And Useful Open-Source Alternatives For Designers
13 Online Free Web Apps That You Would Really Love To Use
31 Power Tools For Twitter Lovers To Make Lives Easier
11 Premium But Free And Useful Web Apps For Designers
15 Free Tools For Mac OS X You Should Bookmark
11 Free Windows Programs Alternatives For Linux
19 Most Essential Open Source Applications That You Probably Want To Know
17 Wonderful Free Tools To Make Designers Lives Easier!
17 Online Free Web Based Applications That You Probably Would Love To Use!
17 Online Free Web Based Applications That You Probably Love To Use!
21 Online Free Web Based Applications That You Probably Would Love To Use Every Day!
23 Free And Online Web Based Applications Specially If You Are Designer Or Developer
6 Free Tools To Help You Run Windows Applications On Linux
21 Free Apps For Mac OS X That Are Absolutely Useful
In this article, you will have a first look at Silverlight that focuses on enabling Rich Internet Application (RIA) development.
The Importance of an Impressive User Interface
In this lesson of the Silverlight tutorial, you will learn about the elements used for drawing graphics and to animate graphics by using Expression Blend.
Creating a XAML project for the Web
They are beginning this tutorial by the creation of a project for a Web application, running in a navigator, and who requires the Silverlight plug-in, plus the SDK for programmers.
Silverlight Tutorials Collection
A good and useful collection of Silverlight tutorials if you want to learn how to get start with it?
How To Create An Animated Navigation Bar
This article is a tutorial on how to use Silverlight 2.0 to make a nifty animated navigation bar much like the one at the top of the Silverlight.net website.
Virtual Earth Silverlight Minimap Tutorial
In this tutorial author is going to show you how to create a simple styled minimap to use in your Virtual Earth Silverlight projects that looks exactly like the one we used in our Twittermap demo.
Silverlight 3 Photo Gallery Wall Application
A downloadable source code of Silverlight 3 Photo Gallery Wall Application with useful information to understand how it was done.
Silverlight With Java Script Tutorial
This tutorial will introduce interactive animation. With Interactive Animation, we have the ability to start and stop our animations when we want without having to resort to subterfuge.
Creating Rich Data Forms in Silverlight 3 – Introduction
In this article author will show you the basics of the DataForm control – what you can do with it and why you should use it. He will show you how you can bind an item or a collection of items to a data form. Microsoft guys have done a great job with this control, so there are many features that you can use directly without much pain.
Securing Silverlight Application and WCF Service using ASP.Net Authentication Techniques
In this article you can learn the securing Silverlight Application and WCF Service using ASP.Net Authentication Techniques.
Animation Easings in Silverlight 3
In this author will describe in details how you can use the BackEase animation.
The Silverlight BlockText Control
The main idea is to let Silverlight’s Grid do the work. So at the beginning Author split the given string into words and draw them hidden into temporary grid, so he get the ActualWidth of each word.
Introduction to XAML Browser Applications
This article gives an introduction to XBAPs and provides information about the differences between WPF Standalone applications, Silverlight, and XBAPs. Nihar explains the steps used to create a sample XBAP application and how to deploy and run it.
This is the collection of 50 sample applications developed in Silverlight.
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
12 Excellent And Useful Design Process Tutorials
Designers love all of those tutorials and design processes that can help them to learn more and more everyday and give them direction to design more beautiful and attractive artworks. We know this very well and SmashingApps is all about to feature all those smashing stuffs that are free and useful for designers. Today, we are going to list down 12 Excellent And Useful Design Process Tutorials. We hope you all will like this collection.
You are welcome if you want to share more design process tutorials that 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
This is very useful and detailed process of designing a website from concieving to HTML conversion.
This case study (written by David himself) provides full creative brief and progress images from start to final. Read on to find out how David got inspired by Wassily Kandinsky’s art (one of the most famous 20th-century abstract artists) to create this fantastic logo.Logo Design Process Tutorial
This is a comprehensive overview of logo design process and methods for all those people who are interested to learn the process of designing and developing a logo.
This step by step exercise includes little about the typical ramp up of preliminary discussions, research, and so on.
The Logo Design Process for Ultimate Potential
This article offers insights into, not only the thought process behind creating the logo, but also the creation of the logo itself.
Design Process Of The Artwork Of WDD
In this article, you will find how Radim crafted the memorable design of Webdesigner Depot,
Logo Design Process and Walkthrough for Vivid Ways
This is a design process and a walkthrough of how the final logo is created in Adobe Illustrator by Chris Spooner.
Design a Print-ready Ad in Adobe InDesign
This tutorial is perfect for you if you’re familiar with Adobe Illustrator and want to get started with a layout program suited toward publication design.
This post will show you the design process of the Abstract Chinese Phoenix, one of the beautiful illustration which was presented at the FOWD 2008 conference.
In this post, You will know about the ideas and the design process for the logo creation.
Label Package Design Creation Process
This is a beautiful label package design creation process from Start to Finish by Expert Graphic Designer, Lauren Peone of laurendesigns.
This article will show you how Web Designer Wall is done, from start to finish.
