Codes and Scripts
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
Now Use PHPanywhere To Code Directly From Your Browser
PHPanywhere is a new online service that’s changing the way people develop on the web. They enable users to develop and maintain their php/html projects online using any standard web browser.
This is a web based free Integrated Development Environment or IDE for the PHP language, in other words it is an application that gives developers all the code editing capabilities they need to develop PHP applications online. It includes a real-time syntax code editor with support for all web formats and a powerful FTP editor.
Because it works in a browser you can start coding right away, no need for installing anything and best of all you can work from anywhere, all you need is an internet connection and a web browser and you’re ready to go.
You can develop and maintain multiple projects with ease using PHPanywhere, because as soon as you log in all your projects (FTP servers) are immediately accessible. PHPanywhere even remembers what files you were working on and reopens them as well.
Real-time syntax code editor
The real-time syntax code editor is really what PHPanywhere is all about, so here is a list of just some of the things it does:
- Syntax highlighting
- Smart indentation for each language
- Code folding
- Full internationalization
- Unlimited undo/redo (now handled on client (browser) side, no more waiting for server response)
- Unlimited tabs
- Find and replace feature (New Feature)
- Displays line numbers (New Feature)
- Code auto completion, snippets (New Feature)
- Displays line numbers (New Feature)
- Code indention (TAB key) (New Feature)
Projects (New Feature)
Create and use projects to group files you commonly use together, so you can easily open them next time you need to work on the project.
File permissions (New Feature)
Change your file and folder permissions using PHPanywhere’s ftp explorer.
Messages Window (New Feature)
Your every action is now logged in the window at bottom of the screen, so you can now easily track changes you made using PHPanywhere.
Skins (New Feature)
Choose from different skins to change the look and feel of PHPanywhere.
Welcome Screen (New Feature)
Besides giving you a nice and warm welcome 
, it also displays shortcuts to your most common commands, and recently opened files and projects.
Powerfull FTP explorer
This is a full-blown FTP explorer. You can add as many servers as you like, edit files, create/delete files or folders and you can even edit the permissions on folders. It will definitely satisfy all you FTP needs.
Work without restrictions
PHPanywhere doesn’t install anything on your computer, so you can use it without asking your IT administrator for permission. Also since it isn’t on your computer, it works even if your corporate firewall is blocking the FTP port.
Share your work
Because all your projects are on our servers you can easily allow others to work on your project, without duplicating you files. Also PHPanywhere enables real-time document collaboration (**) which makes it the ideal work environment.
PHPanywhere can be comfortably run on Opera 9+ and Gecko-based browsers (Firefox, Camino, Seamonkey,…) on any OS. Support for IE and Safari/Chrome coming soon.
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
20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages
Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are many ways you can plot data, but here I have included 20 Really Useful Scripts To Plot Charts In Your Sites/Blog Pages which serves as a easy Charting solution. Hope you like it.
If you want to share more charting solutions that are useful 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.
JS Charts is a free JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML or JavaScript Array and your chart is ready.
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking. The plugin is known to work with Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+.
Style Chart is an innovative technology that allows you to easily embed sophisticated and dynamic charts in your Web site.
FC_RTGraph is a tool that allows you to collect and graph information from SNMP devices. FC_RTGraph takes an XML formatted config file as input. FC_RTGraph is an excellent tool for real-time monitoring. Collected SNMP data can be graphed in highly customizable 3D graphs (Bar, Area, Line, 3D).
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
Edge cases such as tooltips encourage user interactivity and data exploration and you can re-size the charts. It can manage the missing data. This solution saves the chart as an image form. You can highlight or emphasize one (or many) points.
The Google Visualization API lets you access multiple sources of structured data that you can display, choosing from a large selection of visualizations. Google Visualization API enables you to expose your own data, stored on any data-store that is connected to the web, as a Visualization compliant datasource. Thus you can create reports and dashboards as well as analyze and display your data through the wealth of available visualization applications.
The YUI Charts Control visualizes tabular data on a web page in several possible formats including vertical columns, horizontal bars, lines, and pies. Notable features include support for the DataSource Utility, customizable series and axes, a customizable mouse-over datatip, combination charts, and skinning.
ProtoChart is an opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries. It supports line, bar, pie, curve, mix, and area charts, multiple data series on same graph, customizable legend, grid, grid border and background. It supports: IE6/7, FF2/3 and Safari and even works on an iPhone.
PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported.
EJSChart supports mouse tracking, mouse events, key tracking and events, zooming. Scrolling, and crosshairs raise interactivity and user experience in web charting to a new level. You can choose multiple chart types: line, area, scatter, pie, bar and function series. Every aspect of the charting display can be configured and customized through well-documented properties and methods.
Data visualization is mostly achieved with flash applications or with help of some programming languages. Are those solutions the only way to present, let’s say simple data chart? How about giving it a try with nothing but good ol’ css? CSSGlobe provides this useful tutorial which explains how to draw simple data Charts using only CSS, without using JavaScript or any backend application.
fgCharting is a nice jQuery plug-in which allows you to plot easly charts. It supports several types of charts (line, filledLine, additiveLine, additiveFilledLine, pie, bar, additiveBar) you can customize how you prefer.
The JavaScript Diagram Builder supports several types of chart and graph types including bars, dots, lines, and pie charts. The developer has provided a Browser Support tool to help you check if particular objects/methods of the library are supported by your current browser.
If you need to graph 3-dimensional data, Canvas 3D Graph is worth checking out. Canvas 3D Graph is written with excanvas.js to support Internet Explorer.
Dynamic Drive Pie Graph script
DynamicDrive offers a DHTML/CSS based solution for graphing pie charts. The implementation is straightforward, just include two scripts provided (wz_jsgraphics.js and pie.js), define the values of each segment of your pie chart either inline or in an external JS file, and you’re set!
Flotr Javascript Plotting Library
Flotr, written by Bas Wenneker of Solutoire.com, is a plotting solution inspired by Flot that uses the Prototype JS library and excanvas.js. It supports most modern browsers including Internet Explorer 6, and has many features of Flot including mouse tracking, selection, mouse-tracking features.
Emprise JavaScript Charts offers a free Personal License for their feature-packed charting/graphing script. Check out their feature comparison table of the different types of licenses to see which license is right for you.
Dynamic Drive Line Graph Script
The Line Graph script is another DHTML solution from DynamicDrive that allows you display line graph data. The procedure for implementation is similar to the Pie Graph script.
JGraph – JGraph is the leading Open Source Java Graph Visualization Library. It follows Swing design patterns to provide an API familiar to Swing programmers and functionality that provides a range of features. Graph visualization is a central requirement for applications such as workflow editors, computer and telecommunication networks display, flowcharts, VLSI and CAD, business process modeling, organizational charts, entity-relationship and cause and effect diagrams, and much more.
Guest post by Bariski, who is expert in Design, Photoshop, and Provides comprehensive Tutorials and Resources through his site Tutzone.
Ten Rock Solid Free Platforms To Start Your Successful Website
Now a days, unlimited websites are coming live everyday to take part in the internet world. They can be classified in business sites, blogs, social networking sites, directories, forums, e-commerce sites and many more other creative ideas applied to do something that has never been done. Today, We are compiling a list of Ten Rock Solid Free Platforms To Start Your Successful Website. These free web applications can be use in diversified ways to get your customize results for your fresh and new websites. You can easily find their showcase of running websites to get inspiration and ideas.
You are welcome to share more free web apps/platforms that will help our readers to start their multi-function websites. 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.
WordPress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability. WordPress is both free and priceless at the same time.
Pligg is an open source Content Management System (CMS) that you can download and use for free. Pligg CMS provides social networking software that encourages visitors to register on your website so that they can submit content and connect with other users. Our software creates websites where stories are created and voted on by members, not website editors. Use Pligg content management system to start your own social networking community in minutes.
With a large and highly customisable set of key features coupled with a standards compliant interface, phpBBâ„¢ will grow with, and complement your website. With millions of installations worldwide, it is no wonder phpBBâ„¢ is one of the most popular ways to create and support a community.
Magento is the eCommerce software platform for growth that promises to revolutionize the industry. Its modular architecture and unprecedented flexibility means your business is no longer constrained by your eCommerce platform.
Drupal is a free software package that allows an individual or a community of users to easily publish, manage and organize a wide variety of content on a website. Tens of thousands of people and organizations are using Drupal to power scores of different web sites from personal weblogs to large community-driven websites.
The PrestaShop e-Commerce Solution was built to take advantage of essential Web 2.0 innovations such as dynamic AJAX-powered features and next-generation ergonomy. PrestaShop guides users through your product catalog intelligently and effortlessly, turning intrigued visitors into paying customers.
jobberBase is a great open source job board software for anyone. You can get online your job posting website with jobberBase. It’s easy to install and configure to start your job board.
YouTube, MySpace, Odeo, Flickr, Match and Facebook – all in one, customizable and under your full control. You’re limited only by your imagination – not by the software. Dolphin Smart Community Builder is a universal, free, open source software that allows you to build any kind of online community. With a huge variety of features & options, you can quickly launch your own very unique and successful website.
Freeway is the most advanced Open Source eCommerce platform and Freeway offers selling methods only previously available in enterprise class or niche bespoke systems. Without having to purchase a commercial system and then paying a developer to build a custom installation, Freeway does what you need out of the box. Of course Freeway is great for selling products but it also sells events AND services AND subscriptions. From appointments and time based bookings to event ticketing and subscriptions Freeway is the eCommerce platform.
PHPizabi is one of the most powerful social networking platforms on the planet. With literally thousands of websites powered by PHPizabi including everything from simple friends sites to the most complex networking super sites out there. Easy to install, use, and raising the bar on what it is to provide a reliable, fast, social networking package to raise your business to the next level.
Updated*
Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available. Best of all, Joomla is an open source solution that is freely available to everyone.
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.
An Open Source And Free Invoicing Web Application
SIWAPP is an open source web application meant to help manage and create invoices in a simple, straightforward way. Using a swapp is comfortable and everything is placed where you are expecting to find it.
This web application will also be able to work as a module -interconnected through its API to many otner business management applications- which takes care -the easy way- only of the billing of the company.
Siwapp is built on Symfony, a PHP web development environment, which heavily rests on MVC ideas (model, view, controller). This environment allows us to develop “Extreme Programming” techniques, as well as guarantee a proper application evolution in the future.
SIWAPP is
- Simple & straightforwards
- Comfortable
- Useful
- Pretty
- Flexible
- Productivity – oriented
- Anywhere
- Secure
- Supported
