Free and Useful Online Resources for Designers and Developers » Tutorials

How to Get Free Content and Media Hosting at Screencast.com

Chris Peterson — Tue, 09 Mar 2010 20:18:54 +0000

Let’s say you’ve created a video or image you want to share, but you don’t want it saved to your computer. You want to save it in a safe place, where you can access it at any time. You want some storage options, and the ability to share it in multiple file formats… or keep it private. You want its original integrity to stay intact. And you want complete control.

You’re picky… but you have a right to be. Good thing Screencast.com was designed for content creators like you. At Screencast.com, you’ll get all of the above and more—plus it’s free.

What is Screencast.com?

Screencast.com is a free web service from TechSmith Co. that lets you upload, manage and share your content without changing a thing. From high-quality videos, to presentations, documents and images—Screencast.com gives your content the perfect home.

How does it work?

Step 1: Upload files

Logging into Screencast.com automatically takes you to the Library where you can upload your content. You can use any content creation tool to upload your videos and images to Screencast.com. But when you use TechSmith software—like a video recorded and edited with Camtasia Studio, or a quickly marked up image and video with Jing—you can directly upload to Screencast.com from within the application.

- Keep the original quality. What you upload is exactly what your viewers see. Content hosted on Screencast.com isn’t compressed or re-encoded into a “one-size-fits-all” format.

- Control the rights to your own content. Anything you upload to Screencast.com still belongs to you. So feel free to delete files you’ve uploaded and make room for something new.

Step 2: Store and protect

Create a folder in Screencast.com and save the videos and images you want to keep in one place. Simply store your content… or turn it into a portal for viewers to access.

- Decide who views your content. Make a folder public and visible to everyone. Hide it so only you can see it. Password protect it. Or make it so only authorized viewers can access your content.

- Access the stats on your content. At a glance, you can see how many times a specific file has been viewed and how much bandwidth each file is using.

Step 3: Share in multiple formats

Uploading is only part of it. Share your stuff outside of Screencast.com easily with a URL or send a link directly to your viewers. Screencast.com even gives you HTML embed code so you can post images and videos on your own website or blog.

- Share in high-quality. With options like Flash, WMV, QuickTime and others, Screencast.com is sure to give you the highest quality playback available.

- Share conveniently. Provide your audience with anything from a link to your content, to a MediaRoll widget, or to an RSS feed that they can subscribe to.

How do you get started?

Start off with a free Screencast.com account to instantly begin storing and sharing your content. With the free version, you’ll get 2GB of storage space and 2GB of monthly bandwidth at no cost. Or sign up for the Pro version of Screencast.com and get extra storage, bandwidth and customization options. With the Pro version, you’ll get 25GB of storage space and 200GB of monthly bandwidth for just $9.95 a month.

Whatever you do, your content will never be changed at Screencast.com. What you upload is exactly what you’ll see. So when you’re ready to share that video or image, or just save it for later, give Screencast.com a try. You’ll get your content, your way—every time.

Post content provided by Nikki Wickham at TechSmith Corporation.

Brought To You By

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

How to Make a Killer Viral Photo Gallery

AN Jay — Fri, 05 Mar 2010 12:45:37 +0000

This post is by the online imagery experts at Shutterstock, a subscription stock photo agency.

You see photo galleries all over the web: The top 10 such-and-such photos, or 25 amazing this-or-that pictures. If you’re like us, you click on almost every one of them. Themed photo galleries on blogs work for a simple reason: Almost everyone appreciates great pictures and enjoys sharing them with friends. If you can dream up a good theme, write a good headline, and deliver a payoff of stunning visuals, you’ve got a viral hit on your hands.

The difficulty is getting the pictures legally and fairly. You could look for photos on Flickr or Google Images, but you face some time-consuming work: making sure you have permission to republish the pictures. Usually this means contacting every photographer or their agents individually. Some photographers will be delighted that you’re sharing their work, but others will be offended if you fail to give them a say in how the work is presented (or, of course, pay them for it). With rare exceptions (such as NASA images and very old photos), every photograph is copyrighted unless the rights holder says otherwise. You’ve probably read stories about web sites that have had to pull content offline after complaints or legal action from photographers. You don’t want to be in that position.

This tutorial will teach you how to use a stock image library to find images you can legally and safely use on a blog. Obviously, we’d love it if you get your images from Shutterstock (Spoiler alert: There’s a coupon at the end of the article) but we hope you find this information useful even if you don’t. This tutorial offers some basic guidelines for image searching and selection, and assumes you’re already familiar with the fundamentals of blogging and have access to Adobe Photoshop. Let’s get started on building a viral photo gallery for your blog.

1. Come up with an idea and a title.

Pictures of lightning? Underwater scenes? Ugly pets? Things with spots? Get creative, but keep in mind some ideas naturally lend themselves to great photographs. For this tutorial, we’re going to put together a gallery of pictures of impressive bridges. Your title should be short, catchy and as bold as possible without overpromising. Remember, this will be what people see in RSS feeds and social networking sites, so it should make it obvious that it’s a photo gallery. Audiences also respond well to titles that specify a number of images, so they know they’re not about to be overwhelmed with somebody’s collection of 1,000 vacation snapshots. For this exercise, let’s go with the title “Photo Gallery: The World’s 5 Most Beautiful Bridges.” (We might go with 10 or 20 pictures on a blog, but here we want to keep it short.)

2. Visit a stock library and start searching.

When you first start to search, you might be overwhelmed with your choices. If you type “bridge” into Shutterstock, you’ll get more than 65,000 results, including both illustrations and images. You can refine your search by limiting it to just photos and sorting the results by the most popular images. As you get a feel for what kinds of images are in the library, you might want to add more keywords, like “river” or “night” or “suspension.” If you see a picture you really like, you can display images similar to it by clicking on the similar images icon that appears below each thumbnail (on Shutterstock, it looks like two overlapping squares). You can also click on a photographer’s name to display more images by the same photographer, since there’s a chance they might have other images that fit your theme.

3. Build a lightbox and choose your favorite photos.

A lightbox is a folder you create on a stock site to keep track of images you might want to download. On Shutterstock, when you see an image you like, click on the icon that looks like a light bulb. Select “new lightbox” from the menu, give it a name, and start adding pictures to it. Go crazy – add everything you like.

Now, the editing process begins. Photo editing is a skill that improves with practice and some sort of an art background, but even if you’re new to it, you probably know more than you think. Do you see an image that makes you laugh, that reminds you of something you like, or that you would want to immediately share with a friend? Keep that one. Are there a couple of images that look really similar? Pick one and forget the rest. Edit tight. Don’t be afraid of passing up the wrong image, and go with your instincts. Remember, you want to give your visitors a surprise-and-delight moment, not bore them.

4. Download and resize your images.

OK, we’ve settled on the images we want. Now we visit each image page and download the size we need. This is a good time to check the usage terms for the site to make sure the usage we want is allowed. Shutterstock limits online usage to a maximum of 800 x 600 pixels. That restriction is in place to keep people from distributing print-quality images online, and it’s plenty big enough for most blogs. (This particular blog has a width of 540 pixels, so we’re in good shape.) For most of the images we’re about to download, the medium-size images will be the proper size, so we’ll download that size. (When in doubt, download a larger size than you need.)

Next, use Photoshop or another image editing program to make sure all your images are resized to the pixel width of your blog and saved as JPEG format.

5. Order your photos, write captions, and place them in your blog.

Like editing, sequencing is a skill that gets easier with practice. To start, you can’t go wrong if you arrange your photos in a way that tells a story, and write captions to match. Alternately, you can lead with your best photo, then alternate between traditional, conservative shots and unexpected, creative ones. Your captions should be short but contain enough information to answer any obvious questions a visitor will have when looking at the photo. (Such as: What is this, and why is it so great?) You should also credit the photographer and the source of the image. It’s useful to include a link to the source of the image as well.

When you’re happy with your images and captions, enter them into your blogging program, publish, and start spreading the word.

To show you what we came up with following these steps, here’s our mini list of bridges.

Photo Gallery: The World’s 5 Most Beautiful Bridges

The Brooklyn Bridge, New York, completed 1883.

Millau Viaduct, France, the tallest vehicular bridge in the world, completed 2004.

Tower Bridge, London, completed 1894.

Ponte Vecchio, Florence, Italy, completed 1354.

Tsing Ma Bridge, Hong Kong, completed 1997.

There are plenty of other beautiful bridges out there, but you get the idea.

We hope this leaves you feeling inspired to give stock photography a try as a source of content for your blog. Be picky, be creative, be funny, and above all give your audience something they’ll genuinely enjoy. If you want to try Shutterstock, they have monthly subscription packages that let you download up to 25 images a day, plus “On Demand” plans if you need just a few images. They invite you to save 10% with coupon code SMASH10*.

For more tips on how to use Shutterstock images, visit our blog: blog.shutterstock.com.

*10% Discount on Standard Licenses Only

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…

First Generation Of Google Buzz Tips, Tricks And Resources

AN Jay — Fri, 12 Feb 2010 06:51:24 +0000

Google Buzz is Google’s latest product for sharing updates, photos, videos, and more. Many people are saying that Google Buzz will start healthy competition in the micro-blogging industry where Facebook and Twitter was enjoying as leaders. Do not forget to follow us on Google Buzz to get updates with all the latest happening at Smashing Apps.

Google Buzz is a new way to publish your ideas to the world or just to your closest friends, and start conversations about the things you find interesting. It has an option to see thumbnails with each post, and browse full-screen photos from popular sites. Today, we are listing down few stuffs from the first generation of Google Buzz Tips, Tricks And Resources.

Let’s start with a video to find how Google Buzz works

Chrome Buzz

Buzz It For Firefox

Buzz It! will make a buzz status update via Gmail with the link and title of the webpage you are viewing. It will also shorten URLs with Bit.ly, allowing the user to monitor their link statistics.

Five Tips to Thrive on Google Buzz

With Google Buzz, users have found their inboxes converted instantaneously into a social hub. Google’s bold move has turned the web into a whirlwind of blog posts appraising or criticizing the service. Here are some of the ways you can maximize the use of Buzz if you want to give it a try.

4 Google Buzz Hacks for Users, Developers, and Haters

ReadWriteWeb came across a few tips and tricks worth sharing with you.

12 Undocumented Tricks for Google Buzz

AEXT proud to present you with 12 simple tricks to help give you a better Buzz.

Google Buzz API

Google Buzz Button Wordpress Plugin

Google didn’t release any official button yet but Clickonf5 has released a Wordpress plugin to add a button on a post/page. Once your visitor will click on this button, they will be taken to a page where they can add some note on your post’s link and title and share that on their Buzz. This way your post/page’s reach will increase by huge amount.

Google Buzz Icons

Unmatchedstyle released free set of 16, 32, 64 and 128 pixel versions, a photoshop file of all the icons and the buzz bee as an eps. You can use them however you want.

Google Buzz Social Icons for Bloggers and Designers

10 high resolution Google Buzz Icons of different Style and Sizes are included in this set.

Don’t Like Google Buzz Or If It’s Not For You? Then…

If you do not like Google Buzz or it’s really not for you so there is a way that you can keep it out of your Gmail inbox. You would need to go down on the inbox page and there is an option that say “turn off buzz ”

You are welcome to share more tips, tricks, hacks and any type of resources for Google Buzz that will be helpful 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 , follow us on Google Buzz and do not forget to become our fan on facebook as well.

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…

80+ High Quality And Useful Resources For Designers To Discover The Best Of The Web In October

AN Jay — Tue, 03 Nov 2009 14:41:21 +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+ 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

Weekly Vector Inspiration #40

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

20 Simple jQuery Tricks

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

90’s Technology

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

Brought To You By

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

The Most Freakiest Digital Art Collection For Halloween Season

AN Jay — Sat, 31 Oct 2009 07:53:28 +0000

This is a post where you can see scary digital arts, creepy wallpapers and creative advertisments for the Halloween Season. These are the wonder creations of designers who use their creativity with a different angle and approach to get the result that makes a difference for Halloween Day. So, you may say this post is an exclusive post for Halloween.

You are welcome if you want to share more digital art and inspiration for Halloween Season that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well. Click on the images to go from where the images has been taken.

Halloween by sandara

Halloween by eguana

This
is Halloween by the-black-rabbit

Halloween
by hockmen

Halloween by Kissmysteffy

Halloween 2009 by anmarija3

Haloween witch by lycoris-vampire

Flying Pumpkin

Advertisements

Miller Lite: Halloween

Burger King: Veg City, Halloween

Party City: HouseOfHalloweenies.com

In house ads

Honda Fit: Cavernous

Universal Studios: Mother

Universal Studios: Friends

San Fransisco Zoo: Owl

San Fransisco Zoo: Koala

Articles And Wallpapers

Photoshop tutorials – most shocking ever

55+ Amazing Halloween Wallpapers to Charm Up Your Desktop

19 Creative Halloween Advertisements

30+Halloween Photoshop Brush Sets And Vector Images

Brought To You By

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

55 Terrific Cinema 4D Tutorials & Techniques

AN Jay — Fri, 30 Oct 2009 07:35:19 +0000

Cinema 4D is getting very popular day by day mainly due to the body paint functionality. It has artist friendly interface with a customizable work flow. Many films like Spiderman 3, Monster House, Chronicles of Narnia, Beowulf, Polar Express and Superman Returns also used Cinema 4D to present a long lasting effect. People also used Cinema 4D in motion graphics because of its excellent integration with compositing application pipelines. The most useful thing about Cinema 4D is its instinctive interface and sound work flow that lets an artist to jump in and be creative and dynamic swiftly. In this post we have gathered 55 excellent tutorials which we will greatly help you to create some beautiful 3D graphics.

You are welcome if you want to share more Cinema4d Tutorials and Techniques that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well. Click on the images to go from where the images has been taken.

Making of Super Snail

This work is fully modeled and rendered in Cinema 4D. Artist have used BodyPaint and Photoshop for the textures.

How to Create Explosive Typographic Effects in Cinema 4D

In this tutorial artist will walk through the steps he used to create this illustration to bring alive the word “collide.”

3D Abstract Tentacle Tutorial

Tutorial on how to make tentacles like this in the image using cinema 4D

DOOR TYPE

How to create a 3D type effect using Cinema 4d and Photoshop.

Creating a Ball Bearing using Arrays

In this tutorial you will learn how to create a ball bearing using an Array Object. You will also learn about the use of the Taper object, Fillet option and Bevel function.

Creating a Line Object Render

In this tutorial you will learn how to create great looking Line Renders using extruding and deformers, line renders are amazing looking renders that are often used on wallpapers or photo manipulations.

Modeling a Car using Blueprints

In this massive tutorial you will learn how to model a car using blueprints, points and the bridge tool. Basic Cinema 4D knowledge is required for this tutorial!

On/Off Switch

Enable or disable multiple objects at with one click Increase viewport speed and animation playback.

Modeling a Zebra

Here’s the Zebra 3D modeling tutorial by Pupi for Cinema 4D. And the Great thing is, you can download his 3D model for FREE!

3D Toys Animation

Learn the animation basics and looping in Cinema 4D.

Font Explode

In this tutorial you will learn how to create an explosive type effect!

Dotted-Lines

In this tutorial you will learn How to create an animated dotted line stroke.

The “UV-Map Dirtmap Baker” Tutorial

Cinema 4D veteran Peter Hofmann aka peXel presents us with this handy tutorial covering the following topics: How to get a “clean” UV – Map, How to calculate a Dirt – Map, How to work with Baker.

Little Planet

In this tutorial we’re going to use Cinema 4d to create the 3d text like in the image above. Feel free to use the software of your choice, this is a technique that can be easily duplicated in other 3D apps.

WORKING WITH PROCEDURALS

In this tutorial we will learn how much powerful procedurals are, and also some basics regarding shading/lighting.

Making an Hourglass

This tutorial will teach you to make a great sandglass, which you can use for plenty of purposes. You can find the finished model and other stuff from there.

Peanut Can BASIC Tutorial

Just a quick, easy dirty way to create a peanut can (or most types of cans with lids for that matter) in cinema 4D. Again its more about how easy the actual model and geometry is compared to the actual texturing.

Daylight tutorial

This amazing 3d scene, entitled Daylight, was created by Carles Piles. Read how the scene was created in the tutorial below.

Creating Car Tires

This tutorial will teach you how to make beautiful car tires step by step.

Texturing Objects and Lights in Cinema 4D

In this tutorial, artist will go though the steps in texturing objects in Cinema 4D. He also play with using textures to actually light the scene.

Shattering Glass

In this 3 tutorial series we’ll look at how to build a glass shatter effect, based on a recent project for Damages 2, using Illustrator, After Effects and Cinema 4D. This section includes capturing the template in After Effects, paths in Illustrator and setting up imported splines as polygons in Cinema 4D.

Modeling a Piano

This tutorial will show you how to make awesome model of piano.

Create 3D objects in Cinema 4D from vector art

This is a video tutorial on taking vector art and importing it into Cinema 4D to create a 3D object that can be animated, textured, and manipulated in 3D space. In this tutorial, written by David from filmmakingcentral.com he shows you exactly how to do this.

How i do my Materials

In this tutorial you will learn how to create awesome matterial, that can be very useful for your upcoming tasks.

Create a UFO in C4D

In this tutorial artist will show you how to create a basic textured disc shape and then drop it into an Array Object where you can create an epic looking UFO.

Skyline R34 Starter Tutorial

Although in this tutorial does not cover entire car, only the bonnet, fender and door, hope that you will learn lots of techniques in this tutorial.

3D E-Book-Cover

In this tutorial you will learn how to make E Book Cover step by step.

Armor plates C4D tutorial

A great step by step tutorial on Armor plates.

Simple UFO Tutorial

Nothing fancy, but it could help someone, somewhere, somehow, this tutorial iGrass Tutorial Cinema 4Ds written for Cinema 4D, but could easily be adapted for any other 3D app out there.

Classy Glassy Balls

Tutorial made for Cinema 4d but can be applied to almost any 3d rendering program.

Area Light and Ambient Light

In this Cinema 4D tutorial, he get into lighting a scene with the Ambient Light and Area Light CS Tools.

Egg Modeling Tutorial

Tutorial made for Cinema 4d but can be applied to almost any 3d rendering program.

Trash Can Tutorial

This tutorial shows how to make a simple modern trash can or “abstract” form you can use in your scenery, it also serves as practice for extrude tools and getting familiar with them.

Cinema 4d Low Poly Gun Tutorial

Wanna make something like this in Cinema 4D R8 and Unwrap 3D? so this tutorial is best for this.

Making 3D Bullet Case

This week, artist will show you how to make your own geometry easily. Although almost every 3D application can perform the same task, he will use Maxon’s Cinema 4D.

Interior Part 2

A detaild and very comprehensive tutorial about Interior.

Grass Tutorial Cinema 4D

This tutorial will show you how to make beautiful grass.

City tutorial

A very useful Tutorial that how you can make a city buildings.

Bart Simpson

A detailed and step by step tutorial that will teach you lots of techniques.

A Recipe for Skin

In this tutorial Artist will examine a few different strategies for achieving a realistic skin shader in Cinema 4D. Skin has a particular quality that sets it apart from ordinary surfaces: it is luminously translucent.

Bulb Modelling Tutorial

A very detailed and step by step tutorial on how to create electric bulb.

Cinema 4D + Poser tutorial

Beautiful tutorial and its mixture of Cinema 4D and Poser.

Cinema 4D Diamonds Tutorial

Not for complete beginners as artist made it pretty quick, but those of you that know the basics should understand.

Arq02 – Lamps

Mindblwoing tutorial and you will learn in this how to make a beautiful Lamp.

Ipod Video-Tutorial

Great tutorial on Ipod Making.

Dvd Player Tutorial Part 1

Part 1 of 3 video tutorials for Cinema 4D showing how to model a Dvd Player.

Green Abstract Tutorial

Create this abstract with the easiest way!

Create an Amazing Liquid Apple Effect in RealFlow, Cinema 4D, and After Effects

Learn the animation basics and looping in Cinema 4D.

Model, Texture, and Render an Interior Scene With Cinema 4D and VRay

In this beginner/ intermediate level tutorial, you will learn how to create and render a realistic interior scene in Cinema 4D and Vray. In this tutorial you will focus on modeling the room and all of the furniture, and the second on materials, lights, rendering, and post production.

How to Export 3d Camera Data from Cinema 4D into After Effects

When it comes to motion graphics, exporting camera data from a 3D program to a 2D compositing program is one of the most important techniques you could know. In this tutorial, you will learn the basics behind getting Cinema 4D and After Effects to talk to one another, including using exporting tags, using the camera data in After Effects within 3D layers and effects, and how to set up and tweak your render for the best results.

Create Mac OSX Intro Video with C4D

In this tutorial Satya Meka will walk us through Cinema 4D and how to create the 3d text in this effect.

Making of Portrait of a Silent Man

In this tutorial Patrick Eischen is going to show you how he created his image “Portrait of a silent man” using Cinema 4D and ZBrush.

Rolling Red Carpet

How to a rolling carpet and text effect in Cinema 4d.

Paper Crumple Tutorial in Cinema 4D

This tutorial shows you how to create an animation that makes a piece a paper crumple into a ball with no keyframes at all. It uses the cloth tag.

Making a glass and a wine bottle with C4D

This tutorial demonstrates ways to make a glass, its materials and the content inside the glass. Artist made the model in c4d r9, but It can be done with lower versions.

Brought To You By

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