Free and Useful Online Resources for Designers and Developers » CSS/Style Sheets

Top 17 Websites To Easily Generate CSS Grid Layouts

DB — Tue, 27 Jul 2010 12:28:15 +0000

Website developers often have to employ CSS grids to complete their designs. Coding the CSS grids from the beginning can be quite a hassle. To facilitate their creation, online CSS grid layout builders can be used.

Below you will find a list of 17 great online CSS grid builders that will surely help any web developers. See which online tool will suit your needs best.

You are welcome if you want to share more useful CSS grid layout generator tools 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.

1. Zurb CSS Grid Builder

This website has all the necessary tools required to create a good CSS grid layout. You enter your grid layout specifications such as number of columns and gutter width; after that you click on a button to obtain the corresponding CSS code. Visit Zurb CSS Grid Builder.

2. Tiny Fluid Grid

The more recent type of grids are fluid grids which can adjust their shape to match the site visitor’s screen resolution. This grid-transformation feature helps the site visitor view the maximum possible site content without having to scroll sideways. Tiny Fluid Grid is an online service that helps create such grids. The controls are quite standard: you enter the grid specifications and download an archive file that contains the CSS code. Check out Tiny Fluid Grid.

3. Pagecolumn Grid Layout Generator

Along with the standard grid specifications like width and columns, you can use this online service to add colors to your grid as well. The site gives you an HTML code along with the CSS code for your grid. Visit Pagecolumn Grid Layout Generator.

4. DesignByGrid Grid Generator

This is another site that provides with the HTML plus CSS code for your Grid. Visit DesignByGrid Grid Generator.

5. Blueprint Grid CSS Generator

This site will give you a PNG image of your grid in addition to the CSS code. Visit Blueprint Grid CSS Generator.

6. netProtozo Grid Generator

Another simple to use grid generator, this online tool will also provide a downloadable PNG image in addition to the CSS code for your grid. Check out netProtozo Grid Generator.

7. Grid Designer

Grid Designer will provide you with HTML and CSS codes for whatever grid you enter the specifications of. Try out Grid Designer.

8. Grid System Generator

This online tool will produce CSS and XHTML codes for your grids. Visit Grid System Generator.

9. YUI Grid Builder

Not only can you enter column numbers in this online grid creator, but also set header and footer content. Visit YUI Grid Builder.

10. Variable Grid System

This site will let you create fixed as well as fluid grid layouts. Check out Variable Grid System.

11. YAML Grid Builder

With this online tool, you will have a substantial number of grid parameters you can modify to suit your needs. Check out YAML Grid Builder.

12. Pagcolumn’s Layout Generators

This is another online service by Pagecolumn. With this you can have a broader view and start designing a grid by choosing the overall layout. Check out Pagcolumn’s Layout Generators @ http://www.pagecolumn.com/

13. Fisheye

This site will help you easily get the CSS code for grids. Visit Fisheye.

14. CSS Layout Generator

With CSS Layout Generator you can obtain the XHTML and CSS codes for your generated grids. Check out CSS Layout Generator.

15. Firdamtic

This site is an easy way to create 2-column or 3-column layouts. Check out Firdamtic.

16. CSS Portal’s CSS Layout Generator

With this online tool you can specify the background color in addition to other grid parameters. Check out CSS Portal’s CSS Layout Generator.

17. CSS Source Ordered Variable Border 1-3 Columned Page Maker

This online tool has a lot of variable parameters that can be adjusted to create your desired 1-3 columned grids. Check out CSS Source Ordered Variable Border 1-3 Columned Page Maker.

Brought To You By

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

13 Google Chrome Extensions To Simplify Web Designer’s Life

AN Jay — Tue, 13 Jul 2010 16:55:29 +0000

You might have been using Chrome for a quite some time now but there is a good chance you are not taking its full advantage. Chrome’s maximum potential lies in the power of its extensions. Below We have gathered 13 Chrome extensions that will enable you all to realize Chrome’s full potential if you are a web design expert. You will not find these extensions in similar lists on other websites; I hope you find them to be useful to your computer usage.

Give the list a thorough reading, try out any extension you are interested in, and let me know in the comments how they worked out for you. You are welcome to share if you know more useful chrome extension 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.

Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

Chrome Editor

With this extension, you can edit HTML easily, right inside your browser. You also have the ability to save a code reference for later use. It saves it to your computer locally.

Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own.

Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools. It is designed for Google Chrome and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

BuiltWith

BuiltWith is a web site profiler tool. Upon looking up a page, BuiltWith returns all the technologies it can find on the page. BuiltWith’s goal is to help developers, researchers and designers find out what technologies pages are using which may help them to decide what technologies to implement themselves. The BuiltWith Chrome Extension lets you find out what a website is built with by a simple click on the builtwith icon.

MultiSwitch

Whenever you have the need to simply switch between development, test and productive hosts you should use MultiSwitch. You are now able to customize the title of your environment.

Inline Code Finder

Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them: Inline JavaScript events, Inline style, javascript: links.

IE Tab

Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files

PlainClothes

This extension styles — or rather “unstyles” — the web. Just imagine: text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined. Or any other colors you like. And all text is rendered in your default fonts (as defined in “Options” > “Under the Hood” > “Change font and language settings”). Everywhere. Automatically. You can control the extent of the “unstyling” via the Options window (“Extensions” > “PlainClothes” > “Options”), and you can toggle the “unstyling” on a per-site basis by clicking the icon in the location bar.

CSSViewer

CSSViewer shows the css parameters of any element in a web page, to enable/disable
it simply click the toolbar icon.

Aviary Screen Capture

This quick screen capture addon is a must-have for designers. It will perform a screen capture of the visible portion of any webpage and then open the capture INSTANTLY in a basic image editor where you can do markup (draw arrows and rectangles), edit (crop, rotate and resize) and get the exact pixel colors of the image. A perfect companion tool for designers.

Lorem Ipsum Generator

Chrome Extension that generates random “Lorem Ipsum” text. It uses a minimalist and well looking design. Many other extensions of this type – in other browsers – simply complicate this task, using really extensive code, XHR, etc. The main purpose of this one, is to use the less amount of code (and also memory) and help the developer/user to get the job done.

JavaScript tester

This extension adds a small & usefull shortcut to your browser “Alt+J”. To run and test pefromance of JavaScript code. When you press “Alt+J”, new textarea is added to the bottom of the current page. In this textarea you can write your JS code and press “Ctrl+Enter”, to run the code.

Best Web Design Tools For Creating a Complete Website

Brought To You By

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

36 (Brand New) Eye-Catching Free CSS Templates

Chris Peterson — Thu, 08 Jul 2010 13:18:06 +0000

It doesn’t matter how good your site template is, still you will stop if something catches the eye. That means you’re a template lover, great that you’re here. We found some awesome CSS templates on Templatemo and here are some of those to stop you!

You are welcome if you want to share more CSS Templates 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.

Sound box

General

Portfolio

Metal curve

Wedding store

Milky

Wall

Greeny

Travel tour

Pink Ship

Particle

Fruit Art

Steak

Showcase

Black beat

Green black

Speaker Blog

Stable

Mini

Wooden Blog

Garden

Specific

Design Team

Yellow Blog

Professional

Architect

Greenhome

Game

Car

Simple Gary

Fruit

Pinky

Business

Book Store

Design Blog

Tea and Meal

Find more on Templatemo

Brought To You By

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

10 Excellent Free Web Apps To Create CSS Forms and Grids

Umar Anjum — Tue, 20 Apr 2010 07:56:15 +0000

CSS forms and grids are something web developers and designers usually employ to create great webpages. If a developer starts writing the code for these forms, it becomes quite a difficult process. That is exactly why numerous online CSS form creators exist, to make the developer’s job easier.

These online CSS creators range from free to paid websites. If one was to explore all the options, it would take a lot of time. Fortunately for my readers who design websites, I have gathered a list of 10 free CSS form creators that competently perform the task they are designed for.

Read my gathered list, find out which one of these entries suits your needs best, and use it to make your job easier.

You are welcome if you want to share more Web Apps To Create CSS Forms and Grids 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.

CSS3 Generator

CSS3 Generator has a drop down menu on its homepage which asks the visitor the element they want to create. Once they select the element (border, box, etc) the options to create it are shown below the drop down field.

Grid Layout Generator

Grid Layout Generator gives users a number of options that create a custom grid. The generated code can then be in HTML or CSS, whatever the user chooses.

nP (netProtozo)

nP’s grid generator has a friendly interface with the adjustable options located in the top right. Once we have created our desired grid, we can obtain its CSS code or download it as a PNG image file.

Blueprint Grid CSS Generator

With Blueprint Grid CSS Generator, users can specify their grid dimensions and details in the given fields and click on the “Generate CSS” button to have the resultant code automatically copy to the clipboard. A side-window displays the code as well. Download a PNG image of the grid is also possible.

Layout Generators

Layout Generator is the parent website of the abovementioned Grid Layout Generator. It provides us with a wider range of options from which we can select our layouts.

CSS Creator

The CSS Creator web tool gives us an impressive number of options to choose from for our layout. We can modify various settings of the layout and achieve the result we desire.

CSS Form Code Maker

CSS Form Code Maker will facilitate developers looking to create tableless forms that are a little colorful. A demo is available on the site that acts as a tutorial for designers unable to understand how the site words.

Form Style Generator

This site lets users modify the options of their form and preview them in real time. Form Style Generator is going to help designers view the effects of their changes as they make them.

ZURB CSS Grid Builder

ZURB is another site with user friendly tools. On the left pane we have the options to modify; on the right pane we have a view of our grid; beneath all of this our CSS code is displayed once we click on the “Get the Code” button.

FAARY

FAARY is a free online CSS form builder that gives users the option to type in required form fields in a text-area then click on “Generate.” A preview of the form can be seen on the right pane. If the form is satisfactory, its code can be downloaded by a link located below the “Generate” button.

Brought To You By

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

75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March

AN Jay — Sat, 03 Apr 2010 00:51:15 +0000

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 75+ Truly Useful Tutorials & Colorful 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 March which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.

Design Tips, Tricks and Tutorial

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

Balance 3D with mixed media

A Collection of Photoshop Business Card Tutorials and Free PSD Files

Create a Digital Camera With Wooden Accents Using Photoshop

90+ Smoking Cinema 4D Tutorials and Best Techniques

How to Create a 3D House Icon with Photoshop

The Ultimate Collection Of Brilliant Web Design Tutorials

The Ultimate Guide To Cloning In Photoshop

Use Photo Manipulation and 3D Layers to Design a Surreal Cover Art Illustration

30+ Best Apple Inspired Photoshop Tutorials

Melting Girl in Photoshop

Motion Graphics And 2-D Animation: 10 Tips For A Clean Workflow

50 Hot New Tutorials (Part2)

20 High Quality Photoshop Web Design Tutorials

Create a Call to Action Button With Adobe Fireworks CS4

Learn Adobe Illustrator: All the Basics for Beginners

Make a Surreal 3D Outdoor Room Scene in Photoshop

40 Detailed Drawing Tutorials for Adobe Illustrator

Photo Manipulation Techniques to Enhance Portrait Photography

15 Impressive Photoshop Tutorials

40+ Autodesk 3ds Max Tutorials for Beginners and Advance

Achieve Brilliant Lighting Effects in Photoshop

Massive Collection of Photo Editing Tutorials and Photoshop Actions

Artwork, Digital Photography and Inspiration

40 Brilliantly Illustrated Web Designs

66 Sinister CG Monsters

45 Creative Resumes to Seize Attention

25+ Beautiful And Creative Business Card Ideas

Inspiration: Awesome Dark Portfolio Sites

Fantastic Content Sliders for your Inspiration

30 Amazing Typographic Movie Poster Designs

5 Green Websites Built on Flash

50 Epic Digital and CG Artworks

50 Beautiful Sketchbook Scans

50 Beautifully Brown Web Designs

Showcase of Inspiration Typography Text of Modern Art

22 Most Unusual Google Earth Photos

55 Latest Examples of Perfect Slideshow Presentation in Web Design

Funny Examples of Celebrity Caricatures

Collection of 30+ Stunning Hand Picked CSS-based Layouts

50 Amazing Shots Taken in the Most Dry Regions

Web Design: 40 Fantastic Examples

Call to Action Buttons: Guidelines, Best Practices and Examples

Showcase of 20 Mobile-Friendly Popular Design Blogs

30+ Artistic Examples Of Colorful Wallpapers

Showcase of Textures in Print Design

Javascript and Ajax

20 jQuery Cheatsheets, Docs and References for Every Occasion

35
Fresh JavaScript/jQuery Tools and Resources

20 Helpful jQuery Methods you Should be Using

45 Fresh Useful JavaScript and jQuery Techniques and Tools

25 Amazing and Fresh jQuery Plugins

jQuery Resources for One-Page Portfolios

xHTML and CSS

47 CSS Tips & Tricks To Take Your Site To The Next Level

22 Handy HTML5 & CSS3 Tools, Resources And Guides

Basic CSS3 Techniques That You Should Know

The Future Of CSS Typography

Resources

40 Fresh Free Fonts For Your Next Designs

Tired Of Photoshop’s Complexity? Try These Free And Easy Apps For Your Photos

Interactive Flash Graphs and Charts For Your Website

11 Qualified Mobile Interface Tools and WordPress Plugins

Ultimate Collection of Free Buttons in PSD Format

10 Blank/Naked WordPress Themes Perfect for Development

The Best E-Commerce Icons All In One Place

29 Premium-Like Free But Extremely Tremendous Portfolio WordPress Themes

25 High Resolution Photoshop Brushes

Superb Free Vector Sets for Designers

9 Insanely Useful Firefox Add-Ons That Will Save Your Time

Miscellaneous Articles

Writing For The Web: Tips & Common Mistakes We Make

Principles to Become (and stay) Strong in the Search Engine Rankings

How To Add A “Print This” Button In Your Blog

11 Ways to Create a Mobile Friendly WordPress Site

Techniques for Squeezing Images for All They’re Worth

Custom WordPress Homepage with Customizable Widgets

5 Unique Ways to Do Keyword Research

What Every Designer Should Do Right Now

8 Tools to Analyze Your Website’s Level of Accessibility

Ten Tips to Improve your Freelance Portfolio

Progressive Enhancement: What It Is and How To Use It

8 Design Elements Your Blog Should Have

Brought To You By

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

80+ Incredible Collection Of Inspirations, Tutorials And Resources For Designers To Discover The Best Of The Web In February

AN Jay — Tue, 02 Mar 2010 13:03:20 +0000

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 80+ Incredible Collection Of Inspirations, Tutorials 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 February which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.

Design Tips, Tricks and Tutorial

33 New High Quality Adobe Illustrator Tutorials

Realistically Light and Render Interior Scenes using 3ds Max and Vray

88 Ultimate Round-Up of Photoshop Photo Manipulation Tutorials

How to Create a Dark and Mysterious TV-Head Scene

100+ Maya 3D Tutorials For Beginners, Intermediate and Advanced Users

How to Create a Stylish Media Player in Photoshop

A Round-Up of 50 Fresh Photoshop Tutorials and Techniques

70 Ultimate Cinema 4D Tutorials & Techniques

How To Create A Vintage Camera in Photoshop

Create a Cartoon Car Similar to Cars Movie

30 Best Written And Explained Logo Design Tutorials

Design an Underwater Omega Code Poster

How To Draw A Funny Cop Illustration From A Sketch

Make a Freezing Cold Snow-themed Abstract Piece

50 Useful Cartoon Character Design Tutorials

How To Design a 3D Glass Icon in Photoshop

Create a Realistic Space Landscape Photo Manipulation

Artwork, Digital Photography and Inspiration

50 Breathtakingly Beautiful CG Landscapes

The Creative Examples Of Colorful Splash Pages

25 Examples of Incredible Ideas and Designs

25 Beautiful Examples of “Coming Soon” Pages

Creative Auto Ads

40 Trendy and Extremely Colorful Websites

Logo Design Inspiration: 65+ Brilliant Fresh Designs

40 Epic Digital Paintings

Email Newsletter Design: Guidelines And Examples

30 Visually Appealing Web Portfolio Designs

Showcase of Great Web App Interfaces

70+ Business Card Designs

Showcase of City Tourism Website Designs

60+ Amazing Digital Photo Manipulation Art

55 Examples of Huge Typography in Web Design

30 Free and Fresh iPad Wallpapers

Design Trend Showcase: 30 Horizontal Websites

25+ Breathtaking examples of Natural sky Photography

60 Creative Flash Websites You Should Not Miss

82 CG Superheros, Villains, and Iconic Movie and Video Game Characters

25 Beautiful Website Layouts

Javascript and Ajax

13 Useful JavaScript Solutions for Charts and Graphs

15 jQuery Plugins for Better Web Page Element Layouts

35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects

24 Best Practices for AJAX Implementations

Animate Panning Slideshow with jQuery

You Can Use CSS3 Right Now

Creative Button Animations with Sprites and JQuery

How to Use jQuery to Make Slick Page Transitions

10 Best jQuery Gallery(Slideshow) Techniques

xHTML and CSS

20 CSS3 Tutorials and Techiques for Creating Buttons

The Most Common HTML and CSS Mistakes to Avoid

The Future Of CSS Typography

Design a Prettier Web Form with CSS 3

54 Awesome Tutorials To Satisfy The Appetite Of Any Web Developer

50 Awesome Animations made with CSS3

CSS Graphs And Charts: 11 Hand-picked Tutorials And Solutions

Resources

NEW Sets of Free High Quality Icons for Bloggers and Designers

45 Best Places You May Visit To Get Or Create Free 3D Models

100+ Vintage Textures and Photoshop Brushes to Decorate Your Design

60+ Latest High-Quality Free WordPress Themes

50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mega Collection of The Best Free Social Media Icons for Bloggers and Designers

20 Must-Have Image Optimization Tools for Designers

40 Detailed and High Quality Mobile Phone .psd Source Files

30 Websites To Download Free Stock Photos

50 Free High Quality Professional Fonts for your new Web Design and Project

33 Free Blue Patterns to Download

60 Beautiful Premium Icons (Free)

35 Latest High-Quality Free Fonts for Professional Designers

158 Paper Textures For Kickstarting Your Backgrounds & Designs

Top 20 Free Fonts for Distinctive Headlines and Titles

20 Fresh Sets of Free Icons for Web Designers

Miscellaneous Articles

Ways to Make your Banners More Click-able

The AIDA Marketing Model in Web Design

The Classic Look VS The Wow Effect

Finding Inspiration in Uncommon Sources: 12 Places to Look

4 Tips to Help Promote Your Website Using Facebook Fan Pages

10 Great Tools to Create a Mobile Version of Your Site

The Three Golden Rules of Site Redesigns

How To Find Great Keyword Ideas For Your Articles

Design Envy : Make it Work For You!

Design Multilingual Website: A Beginner’s Guide

Brought To You By

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

85+ Excellent Resources And Tutorials Especially For Designers To Discover The Best Of The Web In January

AN Jay — Tue, 02 Feb 2010 07:42:15 +0000

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 85+ Excellent Resources And Tutorials 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 January 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 and do not forget to become our fan on facebook as well.

Design Tips, Tricks and Tutorial

40+ Photoshop Tutorials for Creating Gadget Designs

How to Create a Realistic Fountain Pen

51 Bangin’ Blender Tutorials

How to Make a Professional Buddy Icon in Photoshop

Create a Stunning 3D Liquid Explosion Artwork

40 Imaginary Photoshop Tutorials & Techniques

35 Tutorials and Guides for Working With Wacom Tablets

Creating a Realistic Torn Photo Effect – Photoshop Tutorial

18 Outstanding Typography Photoshop Tutorials Of 2010

Design a Surreal Desert Scene in Photoshop

Mastering Photoshop: Unknown Tricks and Time-Savers

23 Professional Facial Photoshop Retouching Tutorials

35 Photoshop Tutorials for Creating Web Design Layouts

Easy Digital Painting Illustration in Photoshop

Artwork, Digital Photography and Inspiration

40+ Examples of Typography Inspired in Web Design

33 Astounding CG Environments

The Colorful Showcase Of Beautiful Typography

40 Beautiful Corporate Websites

62 Gorgeously Designed CG Characters

70 Fairly Creative Fresh Logo Designs for Design Inspiration

Showcase Of Modern Navigation Design Trends

45 Superb Examples of Warrior and Battle Art

30 Great Uses for 3D in Flash Websites

Amazing Grunge Artworks by Alex

50 Digital Fairy Tale Character Illustration Collections

Textures In Web Design: Examples And Best Practices

Beautiful Digital Art by Miriam Moshinsky

35+ Fantastic Robot Art Illustration

40 Inspiring Single Page Websites

50 Packaging Designs That Pack A Punch

20 Stunning Typographic Designs

25 Absolutely Magical Fantasy Traditional Art Drawings

Newsletter Design: 50+ Great Examples

30 Clever And Creative Packaging Designs for Inspiration

Super Cool Pictures of Insects

“The Page Can’t Be Found” Coolest Error 404 Pages In Web Design

60 Sites with Attractive Typographical Introductions

Javascript and Ajax

20 Fresh JavaScript Data Visualization Libraries

45 jQuery Navigation Plugins and Tutorials

30 Stylish jQuery Tooltip Plugins For Catchy Designs

25 Tutorials and Resources for Learning jQuery UI

Sexy Animated Tabs Using MooTools

30 Useful Tutorial for JavaScript Framework Navigation

90+ Useful jQuery Plugins for Designers and Developers

xHTML and CSS

14 Helpful Cheat Sheets for Front-end Web Development

30 Cutting Edge Examples Of CSS Navigation

The New Hotness: Using CSS3 Visual Effects

How To Create Depth And Nice 3D Ribbons Only Using CSS3

Resources

The Ultimate Collection Of Colorful And Inspiring Vector Art

20 Fonts Ideal for Big and Powerful Headings

31 Rare WordPress Themes

33 Absolutely Free E-Commerce Icon Sets

Massive Collection of Over 1,000 Floral Photoshop Brushes

10 Free Professional PSD Web Templates

70 Awesome Wooden Texture Packs from DeviantArt

4800 Mini Icons You Ever Need for your Apps

30+ Must Have Photoshop Actions For Photo Touch-Ups

40 Valuable Tools and Resources For Web Designers

100+ Seamless Patterns Great for Creating Website Backgrounds

A Roundup of 45 Industrial Free Fonts

35 High Quality Apple Inspired Icons

50 Fabulous Flash Web Design Tools and Software

30+ Useful Free Icon Sets in PSD Format

25 New High Quality Free Fonts

20 Abstract Effects Photoshop Brushes

10 Completely Free Wireframe and Mockup Applications

25 Fresh, Clean and Unique WordPress Themes

18 Useful WordPress Contact Form Plugins

35 Stunning Free Fonts To Enhance Your Designs

Miscellaneous Articles

30+ Very Useful Color Tools For Designers

The Evolution of a Design Blog

A Basic Guide to Photoshop’s 3D Tools

55+ Most Wanted WordPress Tips, Tricks, and Hacks

16 useful Mac cheat Sheets

20 Must Have WordPress CMS Plugins

10 Tips for Better Print Style Sheets

How to Create Creativity

10 Essential Tips You Should Know

Getting Inspiration from Admiration

The Complete Guide to Getting the Most Out of Twitter

14 Traits of Successful Blogs

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6

13 Useful WordPress SQL Queries You Wish You Knew Earlier

Useful Tools for Testing Cross Browser Compatibility

11 Amazing Free Web Applications To Make Your Lives Easier

Brought To You By

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

70+ Promising Resources and Tutorials Especially For Designers To Discover The Best Of The Web In December

AN Jay — Tue, 05 Jan 2010 07:20:34 +0000

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 70+ Promising Resources and Tutorials 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 December 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 and do not forget to become our fan on facebook as well.

Design Tips, Tricks and Tutorial

45+ Truly Stunning Digital Painting Tutorials

Create a Watercolor-Themed Website Design with Photoshop

How To Create a Sleek Audio Player Interface in Photoshop

65 Mold-Breaking 3ds Max Tutorials

Creating a Modern, Glossy Mouse Icon in Photoshop

40+ Excellent Adobe Illustrator Cartoon Tutorials

25 Photoshop Tutorials for Designing Portfolio Sites

How to Create a Curious Owl in Illustrator CS4

30+ Useful Logo Design Tutorials for Photoshop and Illustrator

72 Magnificent Maya Tutorials

22 Tutorials To Create Shiny Effect Using Photoshop

The 50 Best Photoshop Tutorials of 2009

Artwork, Digital Photography and Inspiration

Visa Campaign does Amazing Arts on the Go

32 Superb Examples of Photo Manipulation

Logo Design A to Z

Stunning Mosaic Illustrations from Charis Tsevis

Data Tables In Modern Web Design

50 Beautiful Watercolor Paintings

25 Ultra-Creative Packaging Designs From DeviantArt

Changing Design Trends for Site Maps

Logo Design Inspiration: 70 Creative Fresh Designs

35 CSS-based Layouts that Look Awesome

25 Beautiful and Creative Artworks Featuring Year 2010

The Best of 2009 in Flash Web Design

Talented Landscapes and Scenery Artist Ksenia

50 Creative Examples of Illustrations in Web Design

Business Cards: Collection of Inspirational Designs

30+ Examples Of Tilt-Shift Photography And How To

Headers and Footers that Grab You Coming and Going

Go Bananas with 50+ Vector Illustrations that Monkey Around

30 Examples of Beautiful Portfolio Designs

28 Breathtaking Nature and Wildlife Photos

24 Typographic, Clean and Minimalist Motifs to Inspire

High Dynamic Range (HDR) Photography: Tutorials, Tips and Stunning Examples

Javascript and Ajax

15 Incredible Apple Webdesign Style Coding Tutorials

Solutions to 5 Common Ajax Problems

18 Latest jQuery Plugins for Your Next Project

20 Professional jQuery Image Gallery Plugins

7 jQuery Cheatsheets For Every Designer & Developer to Have

xHTML and CSS

33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles

Stronger, Better, Faster Design with CSS3

Fundamental CSS3 Resources for Designers

CSS Techniques I Wish I Knew When I Started Designing Websites

Resources

40 High Resolution Photoshop Brushes

25 Beautiful Free PSD Files to Download

50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts

Beautiful Fresh Free Fonts for Designers

30+ Free Online Multimedia (Photo, Audio, Video) Editors

50 Beautiful Free Icon Sets For Your Next Design

25 High Quality Abstract Photoshop Brush Sets to Touch Up Your Design

The Top 50 Web Development Icon Sets from 2009

10 Free Apps for Managing Your Fonts

Ultimate Resource List for Vector Graphics

30+ Free Adobe Illustrator Pattern Sets

Great Free Denim Textures

30 Excellent Fresh Free Fonts For Your Designs

Miscellaneous Articles

30 Powerhouse and Prospective Design Blogs

The 6 Most Common Posts on Design Blogs

7 Tools To Optimize The Speed of Your Website

69 Coolest Web Apps Of 2009

30+ Portable Window apps for your USB drive

35 Adobe AIR Tutorials for Web Developers

How to Build a Shopping Cart using CodeIgniter and jQuery

22 Latest Exceptional WordPress Hacks

How to Find Anything Online: Become an Internet Research Expert

20 Excellent Facebook Scripts and Resources

The Role of College for Web Designers Comments Feed

Useful Suggestions To Secure And Speed Up Your WordPress Blog

25 Graph and Chart Solutions for Web Developers

How Many Ideas Do You Show Your Clients?

60+ Ultimate Resources Especially For Designers

Brought To You By

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

60+ Ultimate Resources Especially For Designers To Discover The Best Of The Web In November

AN Jay — Fri, 04 Dec 2009 07:03:12 +0000

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 60+ Ultimate 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 November 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 and do not forget to become our fan on facebook as well.

You may be interested in these older posts
3D Portraits That Make You Say ‘Wow’
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

Creating a Detailed Master Plan Rendering in 3dsmax and Photoshop

Create a Leather-Textured, Realistic Briefcase Icon

Make a Sketchy Wallpaper for this Christmas

Ultimate Round-Up Of 60 Excellent Gimp Tutorials

Create a Photorealistic Car Render using 3DS Max and Vray

35+ Photo Editing Tutorials for Photoshop

99 Brain Blasting Cinema 4D Tutorials

30+ Photoshop Tutorials for Creating Space and Planets

30+ Realistic Gadget Design Photoshop Tutorials

30 Photo Effect Photoshop Tutorials Every Designer Will Love

47 Spectacular RealFlow Tuts

16 Great Photoshop Tutorials for Photographers

35 Incredible Digital Painting Tutorials

30 Artistic and Creative Photoshop Poster Tutorials

How to Make Beautiful Gradient Typography with Photoshop

GIMP Quick Tips: Abstract Background Effect

Artwork, Digital Photography and Inspiration

Website Design: Beautiful Vintage and Retro Inspired Designs

3D Portraits That Make You Say ‘Wow’

40 Inspiring Panoramic Photographs

Beautiful Photoshop Illustrations By Artists Around The World

95 Fresh Examples Of Single Page Website Designs

32 Beautiful Text Art Creations

Lovely Cartoon Illustrations by Anne Patzke

The Mesmerizing Art of Jordan S. Dill

60 Bizarre Examples of Grunge Photography

50 Impressive Magazine and Newspaper Styled Web Designs

50+ Creative Sneakers Made with Quality Vector Craftsmanship

Street Fighter Characters: Beautiful Illustrations and Wallpapers

Inspirational Showcase Of Music-Related Logos

Excellent HTML Newsletter Templates – Best Of

20 (Probably) the Most Beautiful Fractal Artworks You will Ever See

Showcase of Excerpts in Blog Design

Google Doodles from Different Countries You Haven’t Seen

45 Inspiring Navigation Menus That You Must See

69 Sexy Portfolio Designs To Inspire You

Vector Artwork: 50+ Inspirational Creations

Javascript and Ajax

The Basics of Object-Oriented JavaScript

10 Awesome Techniques and Examples of Animation with jQuery

10 Useful jQuery WordPress Plugins To Enhance Your Blog

Designing CSS Buttons: Techniques and Resources

Making an Interactive Picture with jQuery

20+ Easy to Use jQuery Text Effects and Animations

xHTML and CSS

Essential CSS/HTML Lists Styling Techniques

CSS Box Model: The Foundation For Improving Your CSS

CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes

Resources

11 Free High Quality Dirty Wall Textures

Three Easiest Tools To Help You Create Stunning Slideshows

Top 20 Essential Firefox Add-ons for Web Designers

250 Christmas Icons to Decorate Your Blog

Free Fonts: Excellent List of Resources

The Big Collection Of Free Design Textures

28 Free WordPress Photo Gallery Themes

25+ Free Chrome Textures

A Collection of Useful Web Design Wireframing Resources

15 Best Places for Designers to Get Free Stock Photos Online

Miscellaneous Articles

Top 20+ MySQL Best Practices

The Ultimate Toolbox for iPhone Development

Most Essential Free Softwares After Windows Installation

11 Smart Keyword Related Apps to Help You Simplify Your SEO Task

16 Intelligent Sites For Application Review

60+ Ultimate Resources Especially For Designers

Brought To You By

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

21 Free Web Apps That Can Make Your Lives Easier

AN Jay — Tue, 01 Dec 2009 07:43:39 +0000

This is one of the useful list of its kind where you can find the must have online web apps that may be very helpful for you as well when you want to get your work. I hope web designers and developers will like this list, but you can also use them and will love them whether you are an office worker, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 21 Free Web Apps That Can Make Your Lives Easier. Just take a look at them and share your thought’s here.

You are welcome to share more useful web apps that will be helpful for 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.

CodeRun Studio

CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy web applications using your browser.

sikbox

The easiest way to have a fancy and useful live search on your blog. Just grab the code and place it anywhere on your site and you are good to go. The search works just like Google suggest and you have all the power to customize it the way you want.

websnapr

websnapr lets you capture screenshots of any web page. Allow your visitors to instantly visualize any web page before clicking. Increase site traffic, click-through rate and site stickiness.

HTML and CSS Rounded Corner Button Generator

HTML and CSS rounded corner button generator generates rounded button images with different color, different hover color and different radius.

Facelift Image Replacement

Facelift Image Replacement (or FLIR, pronounced fleer) is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors.

Wordoff

Wordoff is simple and useful web tool that lets you remove unnecessary tags and styles from HTML code. Most of us have to cleanup the HTML code manually in our working life. This web tool defintely help all of us in that situation and you also find this worth bookmarking.

LOOP PDF

LOOP PDF is a free web-based service that allows you to convert and combine files to PDF. You do not need to install software or be working from your desktop computer. LOOP PDF allows you to convert, organize, and combine files to PDF. Your customer will appreciate an email with one organized, professional, and visually consistent secure PDF rather than a series of attached files that are confusing, out of order, and time consuming for the recipient to review.

Pixenate

Pixenate is the photo editor of choice for photo printing and photo sharing businesses.

CSSFly

CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files : what you code is what you get! This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the scenerys of your favourite websites.

Posterous

Posterous lets you post things online fast using email. If you can use email, you can have your own website to share thoughts and media with friends, family and the world. You can attach any type of file and they’ll post it along with the text of your email.

NeedASig

NeedASig is one of the best free signature generator. You can create beautiful and stylish email signatures and icons using NeedASig. It has more then 1500 different styles to choose from.

FreshGenerator

FreshGenerator is a webdesign tool which can create interesting graphic elements used in many web 2.0 sites.

Edicy

Edicy is so easy to use you can build a site for your business or organization and have it live on the internet in a matter of minutes. All the tools are available online with no additional software required, just pick one of our beautifully made designs, enter your text, add your images and then publish your site to your own custom web address, it’s that simple.

Krunchd

Krunchd makes it easier for you to share multiple URLs of any category in an easy and short URL. It’s especially great for putting the finished URL on your Facebook status, Twitter updates, Ping.fm notifications, websites, forums, emails and more.

Stripemania

Stripemania is a simple and free web 2.0 tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.

Are My Sites Up?

Are My Sites Up is a very simple service to help you keep an eye on your sites and warn you if they go down.

uSend.io

This is one of the simplest large file sending service that even does not need you to register. You will just need to upload and send you files and nothing else.

Resize Image

This free service will help you to re-size your images with basic and advanced options.

Convert PDF Document to Word

This website allows you to convert the pdf file to the word file.

Google Calendar

With Google’s free online calendar, it’s easy to keep track of life’s important events all in one place. With Google Calender, you can let your family and friends see your calendar, and view schedules that others have shared with you. You can get event reminders via email or have text messages sent right to your mobile phone.

doTemplate

doTemplate is a web template builder. It offers a range of website themes you can personalize online before downloading. You can use this easy template creator for free.

Brought To You By

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