Web Tutorials, Resources, Web Trends, Code Snippets, Php scripts, Opensource, Ecommerce, Cms, Html, Xhtml scripts, Themes, Templates, Css, Psd tuts, Photoshop,tuts,web,website,tutorial,web tutorial » Articles

For radio station DJ’s or Shows

Bulent — Wed, 10 Mar 2010 14:18:11 +0000

The following script will allow radio station’s website to display the show or dj’s that is currently on air.
To use this code make sure your page has .php extention not .html

Paste the code in the region you would like to display the ON AIR dj or the show.

How to Get Free Content & Media Hosting

Bulent — Wed, 10 Mar 2010 12:23:21 +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.

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

High-Quality Free Social Media Icon Sets

Bulent — Wed, 10 Mar 2010 11:23:57 +0000

A beautifully designed icon is the perfect way to represent your product or service, and they always come in handy whether you want to place them on your blog or want to represent yourself in an outstanding manner. A comprehensively designed icon can provide your user with the memorable metaphors and illustrations, even sometimes users only remember the icon they saw on the website.

Here we have compiled a list of some outstanding and beautifully designed FREE and FRESH 50 Sets of Social Media Icons such as digg icons, stumbleupon icons, reddit icons, twitter, RSS feed icon, facebook icons and more, so that you can use them on your blog and website. You can also use them in corporate designs as well, Kindly feel free to share your comments with us.

You are welcome if you want to share more free social icon sets 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 and do not forget to become our fan on facebook as well. Click on the images to go from where the images has been taken.

Hand Drawn Social Media Icons

Vector Social Media Icons

The icons are designed in 32px and 16px vector format. With the vector format, you can scale the icon to any size to fit with your design or use it in high quality print materials.

Social Icons Vector Set

Here is a new free social icons vector set, which consists of 16 popular icons, available in both vector and PNG (64×64 pixels) format. Free for any use

Free and Exclusive Icons: Brown Social Icon Pack

In the pack, you will find 12 glossy polished icons in different size variations: 32×32px, 64×64px and 128×128px for maximum flexibility. All files are .PNG format and are mainly brown-colored especially for all you brown fanatic bloggers that like to share posts over the social networks nowadays.

Free Social Network Icons from IconShock

Included icons are for following services. Digg, StumbleUpon, Facebook, Twitter and Delicious.

Fluzzy Twitter Icon Set

Another high quality free Twitter icon set

Social Trucks Icons

There are 10 colorful, spacious and unstoppable social trucks at a whopping 512×512 px resolution for you

/> inFocus Simple White Social Media Icons

Free Grass Textured Social Bookmarking Icon Set

Circular Social Media Icons Repack

Social Trucks Icons

There are 10 colorful, spacious and unstoppable social trucks at a whopping 512×512 px resolution for you

/> inFocus Simple White Social Media Icons

Social Network Icon Set

These Iconshock icon set comes in 6 different sizes: 12×12, 16×16, 24×24, 128×128, 256×256 and 512×512 covering social various social network logos like Blogger, Delicious, Facebook, Flickr, Linked-in, Reddit, RSS feed, Stumble Upon, Technorati and Twitter.

Latte Art Social Icons

Four social icons for Facebook, RSS, StumbleUpon and Twitter available as 128×128, 64×64 and 48×48 PNGs.

Free Furry Cushions Social Icons Set

A Free Sophisticated Premium Peel Over Icon Set

Silver Button Social Media

Glossy Orange Orb Soc. Media

New & Free Social Media Icon Set For Your Blog

Extreme Grunge Social Icons

This high quality, hand made, icon pack is full with 20 Extreme Grunge Social Media Garments. Each icon is in .png format with transparent backgrounds, sized at 256×256px. Icons are free for commercial and personal use.

Free Set of 25 Icons from TurboMilk

This set of 25 web icons in 3 sizes was created by Eugene Artsebasov and the illustrious Turbomilk team!

Beer Cap Social Icons

Featuring the PNG goodness you’ve come to love in 3 sizes: small (48 px), pint (64 px) and pitcher (128px).

Old Bottle Crowns Icon Set

This set contains 20 200px x 200px PNG files that you can easily resize and edit for your website design.

Social Cubes – Exclusive Vectortuts+ Free Pack

If you’re looking for high-quality social icons for your next web project, then check out these icons. This set of 18 high quality freebies is available to download today! Enjoy!

Free Social Media Icon Set: Chrome

This set includes 19 social networks along with a standard RSS icon in PNG format.

108 Glowing Neon Social Media

108 Glowing Neon Social Media Icons, 512px * 512px Free for personal and commercial use

Gummy social icon set

This icon set consists of 12 social icons, in PNG and EPS format as well.

Free Set of Social Media Icons

In this set, you will find 23 different icons that is perfect for content-centered websites such as blogs, news sites, etc. You will find PNG, ICO, and BMP file formats of various sizes (up to 512×512px) for ultimate flexibility and usability.

T-Shirt Social Icons

Available in two durable materials, PNG and EPS, at the comfortable size of 128×128 pixels.

Amazing 3D Social Icons

A brand new set that consists of 20 3D icons in PNG format (64×64 & 128×128pixels).

Social Icons Made of Wood

Here’s another social icon set from webtoolkit4.me. This time the theme is wood. The set consists of 11 icons in PNG format (64 x 64). It’s free for both personal and commercial projects.

New free social icons sticker set

Tabbed Social Media Icon Set

81 Pixel perfect Social Media Icons

108 Black Inlay on Steel Social Media Icons

Nuovo set Social icons

Social and Web Icons

Social Media Comment Bubbles

Extended set of social icons

Location: Free Social Media Icon Set

Set of social icons no.2

Icons Cloud

Aquaticus Social Icons

Social Media Mini Iconpack

Social Network Icon Pack

Page Peel

Social Bird Iconset

Twitter Bird Icon Set

Polaroid icon set

Twitter icon set

Café Icon Set

Free Social Media Icons

Free Set of Social Media Icons – Rivet Social

Folder Style

Read the original:
The Ultimate (Fresh) Collection Of High-Quality Free Social Media Icon Sets

Stunning Pieces Of Digital Arts ‘Wow’

Bulent — Wed, 10 Mar 2010 11:17:50 +0000

This is a post in which we are listing down some Stunning Pieces Of Digital Art That Make You Say ‘Wow’. These are some of the beautiful digital artwork and illustration examples. 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.

You are welcome to share if you want to share more Digital Art And Illustration For Creative Inspiration 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 and do not forget to become our fan on facebook as well. Click on the images to go from where the images has been taken.

Fire Within Me by =freaky665

Shiba’s Guidance by =Luches

Skullduggery by by Ng Fhze Yang

Colour by Wangli

Fire flower.. by ~shadow-light13

Forest by ~tahra

Muacks by LicoMomo

King of the Ash World by Diane Özdamar

The Monster Nian by Jason Juan

Metamorphosis by Cristiano Siqueira

Let Me Fly To Freedom by *Rockfield

Unique by ~ouwEnz

Jellyfish March by =Kaze-Hime

Cinabre by Diane Özdamar

Originally posted here:
Stunning Pieces Of Digital Art That Would Make You Say ‘Wow’

5 Great Extensions for Google Chrome

Bulent — Wed, 10 Mar 2010 11:09:25 +0000

From opening a new tab to restoring or saving our session, we perform various tasks in our internet browsers. Sometimes these tasks are present in the browser in an already convenient enough manner to make life easier for the user. But at other times, in the form of extensions and add-ons, third-party developers make these browser tasks easier for us.

Since I use Chrome most of the time, I gathered 5 browser extensions which I think most Chrome users will appreciate. These extensions facilitate users in different ways, from saving our browsing sessions and managing our tabs to letting us choose hotkey shortcuts.

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 google 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 and do not forget to become our fan on facebook as well.

Too Many Tabs

Chrome, like all other modern browsers, supports the usage of multiple browser tabs. While this feature is mostly convenient, it can cause problems if the number of our tabs gets larger. The usual problem faced is finding the right tab when we cannot even view the favicon of the webpage, much less read its title in the tab. Too Many Tabs lets places an icon in our address bar which we can click to view our tabs as cascaded thumbnails; this view makes finding the right tab easier. Custom color schemes and interface designs make Too Many Tabs a great extension to manage tabs in Chrome.

LastPass

LastPass is a free password manager and form filler which comes in the form of an extension not just for Chrome but also for Firefox, Internet Explorer and Safari (Mac). While the standalone extension works fine in other browsers, in Chrome we need to download LastPass’s complete windows installer (available here). This tiny extension lets us import and export passwords to and from numerous storage vendors. Supported vendors include RoboForm, 1Password, KeePass, Password Safe, MyPasswordSafe, Sxipper, TurboPasswords, Passpack, Firefox, and Internet Explorer’s built-in password managers.

Session Manager

I personally found Session Manager to be more suited to my own needs. I often have a lot of tabs open when I get involved in a topic. I open up multiple web resources and references for that topic and end with a lot of simultaneously open tabs. Saving them all in the bookmarks will cause bookmark-clutter. Session Manager lets me conveniently save the entire session with a description to accompany it. I can save multiple sessions and restore them any time I want.

FreshStart

If you are looking for a session manager that will work across multiple computers, then FreshStart for Chrome is what will serve your needs best. With this extension, when we save our sessions, we can choose to exclude certain tabs. Our sessions are saved locally in the FreshStart bookmarks folder and synced to the cloud via Google Chrome’s bookmark sync feature. This way we can access our saved sessions on any computer which has Chrome with FreshStart installed.

Shortcut Manager

Shortcut Manager will benefit anybody wanting to set custom hotkeys to various Chrome tasks. We can change the browser default shortcut keys, and assign any bookmarklets or JavaScript actions to our hotkeys. Apart from built-in Chrome actions and the JavaScript actions which can assign, we can also capture the screen and insert our signature on a page.

Read the original here:
5 Great Extensions To Manage Various Tasks On Google Chrome

How to Make a Killer Viral Photo Gallery

Bulent — Wed, 10 Mar 2010 11:03:11 +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

Go here to read the rest:
How to Make a Killer Viral Photo Gallery

Showcase Of Beautiful Floral Typography

Bulent — Wed, 10 Mar 2010 10:54:13 +0000

Floral Typography is a form of art that coalesce typography, calligraphy, and lettering to create dynamic, flourishing designs. Since flowers are universal images that never go out-of-date, many designers opt to create floral typography for their designs. With floral typography, you can create appealing and noteworthy designs that capture the attention of your visitors. You can convey your message in very artistic way and with the floral ornament you can make your design inspiring, revitalizing and make it stand out of the world. So, here we have listed some really impressive Floral Typography to inspire those designers who are working on enhancing their creative skills.

You are welcome to share if you know more beautiful floral typography 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.

Dont Panic

Eco-environment

Floral Love

Gig Poster

STAY GREEN. GO RED.

Love

Keep Reno Green

Idea

Summer Exhibition

Designers don’t commit crimes

Logan

I Love Art

Hide and Seek

Play

Title

Typography-A

Type

BlackOut

White

Beautiful

Ecosystem BW

Spring

Deja VU

My Fake Cover

Tipo 04

Type

The Mask of Sorrow

A New Leaf

Crude

Nokia

Inspire

D+G Vector and Drawing

Using mixed media

Flickr the world

Word

Funkrush

Hello

Trust

Island

Got Milk

Silk

I love you

Chanel 4 25th Anniversary Book

What we do in life, echoes in eternity

Love

Read more from the original source:
The Colorful Showcase Of Beautiful Floral Typography

Need Interactive Charts. Try Highcharts

Bulent — Wed, 10 Mar 2010 10:46:57 +0000

If you have a non-commercial website and you need to add charting capabilities in your website, Highcharts may suit your needs. Highcharts is a free charting control developed purely with Javascript so that you can show interactive charts on your website. Since its purely developed with Javascript, you don’t need any special server side technologies like ASP.NET or PHP and no client-side plug-ins are required like Flash or Silverlight.

Highcharts is dynamic in nature. With the support of jQuery and Ajax API, you can dynamically set axes and points of charts at runtime, hence making Highcharts an excellent choice for demonstrating real-time data like Stocks and Forex.

It works with all major web browsers including iPhone and supports a number of chart types, such as:

Line
SplineArea
Areaspline
Column
Bar
Pie
Scatter

Implementing Highcharts just require some basic understanding of Javascript and you don’t need to be an expert programmer having special programming skills in specific languages. The syntax is very simple and the integration is almost seamless.

In addition to all this, Highcharts gives your website an enhanced user experience with interactive moving charts with cool designs and eye-catching colors.

Link:
Need Interactive Charts For Your Personal Website? Try Highcharts

Now Embed Free Online Photo Editor

Bulent — Wed, 10 Mar 2010 10:32:33 +0000

Picmeleo is a free online photo editor that any third-party developers can easily add Picmeleo to their web service and launch the light-weight yet powerful photo editor whenever their users need to to upload or to edit an image. By adding Picmeleo to your web service, you can now engage your users with even richer content. This is the smartest way to let your users upload and edit images for your service.

Unlike other photo editors, Picmeleo opens within your site and your users never leave your service.. Integration and ease of use. Everything about Picmeleo is designed for easy integration to your website. The lightweight editor does not clutter your service and you can also fully customize Picmeleo’s tool box.

Open Editor

The editor can be launched anywhere in your layout by calling the picmeleoApi.open method. Your open link could look like this:

Open Picmeleo editor

Pass the url of the image if you want the editor to open with a default image. Omitting the url will open an empty editor

Simple Integration

Integrating Picmeleo to your website couldn’t be easier. Just copy a few lines of embed code and Picmeleo is working on your site!

Custom Tools
Unlike other photo editors, you can customize the tools of Picmeleo any time you want in the online admin interface. Sometimes photo editors can be overwhelming. Picmeleo allows you to pick the tools your users really need. Choose from a growing list of tools including Crop, Scale, Rotate, Auto-fix, Filters and many more.
Multilanguage Support
Picmeleo has built-in multilanguage support and you can easily set the language in the online admin interface. We are still working on different language options at the moment, stay tuned for more.

Picmeleo can be utilized in numerous places. Think of these examples:

social network

let your users crop their profile images

eCommerce

let your users enhance their product images during upload

photo gallery

let your users easily edit your images online without leaving the site

The possibilities are endless…

Read the rest here:
Now Embed Free Online Photo Editor In Your Website With Picmeleo

50 Best Web Design Blog Posts In 2009

Bulent — Wed, 06 Jan 2010 13:01:31 +0000

This is Web Design Dev’s top 50 best web design blog posts in 2009 list. There has been some breathtaking content from many web design blogs this year, but only so much content can make the list. Compiled here are tutorials, articles, inspiration, web design guides, compilations and much more!

Im sure you think that there are so many other blog posts that deserve to be on the list, but this is WebDesignDev’s opinion, and to be honest, it would take until next Christmas to look through all the posts about web design that were posted in 2009 across the internet. Without further ado, here is the list. Enjoy and don’t get too carried away!

50 Best Web Design Blog Posts In 2009…

		#1. 35+ Essential Web Design Resources on Best Practice, Tips and Techniques Why You Need To Read… Tripwire Magazine has an awesome compilation here of essential web design resources on best practice, tips and techniques. This is a must read for all web designers. Read More

		#2. 6 Ways To Take Your Web Design From Good To Great Why You Need To Read… This article had to be featured. My Ink Blog tells us 6 different ways web designers can take a web design and transform it from being good (average) to great (standing out from the competition). Read More

		#3. Top 100 Freelance Blogs Why You Need To Read… O Desk have an unmissable compilation of the top 100 freelance blogs. Its great to read other freelancers blogs and know what they are up to. Some blogs being small and personal, and others being big and company based (such as freelance switch – envato). Read More

		#4. 30 CSS Best Practices For Beginners Why You Need To Read… Net Tuts have put together an amazing blog post titled 30 CSS best practices for beginners. This is an unmissable post if your starting out with learning CSS, or you just want to refresh your memory on it. Read More

		#5. 25 Great Examples of Using Gradient Effects In Web Design Why You Need To Read… Six Revisions have a top showcase of websites that use beautiful gradient effects. This had to be included on the list because there is some great inspirational designs listed here. I love the gradient effects too. Read More

		#6. 25 Funny T-Shirt Designs For Web Designers And Developers Why You Need To Read… Everyone need a bit of comedy every now and then. Web Designer Depot has compiled an awesome gallery of 25 funny T-shirt designs that web designers and developers will find comical. Read More

		#7. 20 Most Wanted Web Design Tutorials Why You Need To Read… A quality post here as we look at the 20 most wanted web design tutorials. Some of the website designs here in these tutorials are awesome! Read More

		#8. How To Create An Organic Web Design (And Showcase) Why You Need To Read… Web Designer Depot have a top post that teaches web designers how to create an organic web design, with many examples. This is a great guide and there are some top inspirational web designed showcased here. Read More

		#9. A Beginner’s Guide to Web Accessibility: 21 Ways to Make Your Site More Web Accessible Why You Need To Read… Accessibility is very important if your a web designer. If you are new to the web design industry, or just want to refresh your knowledge, then this post is worth a read as it reviews 21 ways to make your website more accessible. Read More

		#10. Web Design Trends For 2010 Why You Need To Read… Earlier on there was an article from Smashing Magazine about the top web design trends in 2009. This time were going a year ahed as Helikopter Design looks at the top web design trends we are going to be hopefully seeing in 2010. Read More

		#11. Best Web Design – March 2009 Why You Need To Read… Specky boy has an awesome compilation from the beginning of 2009, with the best web design from March 2009. There are some top quality and inspirational web designs in this collection. I love some of the effects used in many of these designs. Read More

		#12. 16 Best Web Design Galleries For Inspiration Why You Need To Read… Every web designer needs a bit of inspiration when they are stuck for designing. Weather this is web design / logo design or any design. Compiled here are 16 best web design galleries for design inspiration. Read More

		#13. Web Design Trends For 2009 Why You Need To Read… In 2009 we have seen some great website design trends. Ajax is being implemented into more and more website every day, and there are so many neat ideas. Check out the top web design trends we have seen in 2009. Read More

		#14. 27 Best Photoshop Web Layout Design Tutorials (part 2) Why You Need To Read… Here is an awesome compilation of 27 awesome web design layout tutorials using Photoshop. There are so many great tutorials here for both beginners and advanced web designers. Read More

		#15. Create The Fanciest Dropdown Menu You Ever Saw Why You Need To Read… A top tutorial here posted on our blog and written by Brian Cray. This menu is simply fantastic and is an easy tutorial to follow that’s broken up into many different steps for beginners and advanced web designers. Read More

		#16. 30 Most Influential People In Web Design Why You Need To Read… One of our best posts of the year. This is our list of the 30 most influential people in web design. There are some really big names on the list, and there has been much hype around other blogs about this list. Read More

		#17. Push Your Web Design Into The Future With CSS 3 Why You Need To Read… You can do some amazing things with CSS3. Even Im still learning everything about it. This article will teach you how to push your sites forward using CSS3. You really can do some amazing things with it. Read More

		#18. Best of CSS Design 2009 Why You Need To Read… Web Designer Wall have a top showcase that just had to be included on the list. Compiled here are the best in CSS web design throughout the whole of 2009. There are just some breathtaking web designs here that every web designer needs to check out. Read More

		#19. 30 Useful Web Design Books For 2009 Why You Need To Read… This is an unmissable list of 30 useful web design books for 2009. There are some top books listed here by some big names in the business. Read More

		#20. 50 Best Female Web Designers From Around The World Why You Need To Read… This list is nice, because you don’t often hear of many female web designers. Its a very different type of list, and there are some really great female web designers listed here. Thanks In Deziner! Read More

		#21. 50+ Nice Clean CSS Tab-Based Navigation Scripts Why You Need To Read… I hate having to look for a CSS based tab script when I want to use tabs on a web design Im working on. This article can come in handy and is well worth bookmarking. There are over 50 clean CSS based tab navigational scripts listed here! Read More

		#22. 30 Best Photoshop Web Layout Design Tutorials Why You Need To Read… Learn some great Photoshop layout techniques with these 30 top Photoshop web layout design tutorials collection. These tutorials are for web designers of all levels. Read More

		#23. 37 of the Best Web Designs from the Travel Industry Why You Need To Read… Vandelay Design has compiled this beautiful showcase of amazing web designs from the travel and tourism industry. I love these styled sites with a big splash page of an image of the hotel / b&b. Read More

		#24. 16 Gorgeous Web Safe Fonts To Use With CSS Why You Need To Read… This is another one of our most hyped articles. Many web designers are often confused with what fonts are web friendly n what operating systems. We have a list of 16 web safe fonts that look stunning. Read More

		#25. Fonts Used In Logos of Popular Websites Why You Need To Read… Ever looked at a logo and thought I wonder what font they use for their logo because that looks nice, or I wonder what this word would look like in that font. Here is a quality list of many different fonts used in logos from popular websites. Read More

		#26. Retro And Vintage Web Designs Best Of Why You Need To Read… Old school styled websites that look like designs from the 50s sometimes looks good on a website. Compiled here is a top quality showcase of the best retro and vintage web designs, put together by the famous Hong Kiat. Read More

		#27. 100 Web Designers To Follow On Twitter Why You Need To Read… Digital Labz have compiled a top quality post that lists the top 100 web designers to follow on the popular social networking site Twitter. There are some big names here, with thousands of followers. Read More

		#28. 25 Most Useful Blogs For Web Design And Development Why You Need To Read… There are so many blogs on the internet about learning web design (including WebDesignDev). Web Appers reviews the 25 most useful blogs for web design and development. Read More

		#29. Top 50 Web Design Education Blogs Why You Need To Read… Compiled here is a collection of the top 50 blogs that will educate any web designer of any level about web design. There are some top quality blogs listed here and its worth checking out and looking at a few of them. Read More

		#30. The 10 Most Common Mistakes Web Designers Make Why You Need To Read… Noupe have put together a top compilation of the top 10 most common mistakes most web designers make. Some of these mistakes you won’t even realize your making, so thanks Noupe! Read More

		#31. 40 Beautiful Examples of Minimalism in Web Design Why You Need To Read… Six Revisions have a top post here as they look at 40 beautiful examples of minimalism in web design. This basically means removing unneeded elements in a website that just clutter it up, making a nice simple design that works extremely well. Read More

		#32. Beautiful Showcase of Black And White Web Design Why You Need To Read… A Design Bump original we had to include on the list. Some people may think black and white is old, but really its a web design style that’s cropping up everywhere now. Black and white websites are simple and can just get the point across. Read More

		#33. Bokeh Effect in Web Design: 30 Excellent Examples and Tutorials Why You Need To Read… This is an awesome article for web designers, showing many different examples of the bokeh effect being used in web design. An unmissable top quality post from Spyre Studios. Read More

		#34. 11 Design Related Social News Sites for Web Design Articles Why You Need To Read… Ever wondered if theres a Digg just for design articles? Well actually theres 11 of them according to Jake Rocheleau as his blog looks at the best social news websites to submit your web design articles to. Read More

		#35. How To Design And Code A Flexible Website Why You Need To Read… Net Tuts have an awesome tutorial that teaches designers of any level how to design, then slice and code out a flexible style web design. This design is pretty tastey. Read More

		#36. 50 Amazing Flash Website Designs Why You Need To Read… One of our very own articles here. Compiled is an unmissable showcase of 50 amazing flash website designs. Read More

		#37. 35 Single Page Portfolio Designs Why You Need To Read… Single page web designs are ever growing. Having a full single page web design as a portfolio is a great idea, because it allows you to be creative, and keep your website clean and all within few files. Read More

		#38. 30+ Professional Business Website Design Tutorials In Photoshop Why You Need To Read… Smashing Share have an article that looks at over 30 professional business website design tutorials you can follow using Photoshop. This is a must read post for all web designers. Read More

		#39. 26 Beautiful Wood Textured Web Designs Why You Need To Read… Another Design Bump original that I just had to include on the list. Here is a gallery compiled by Design Bump that showcases 26 beautiful wood textured website designs. Read More

		#40. 8 Ways Web Design Is Changing The Graphic Design Industry Why You Need To Read… Web Design is having a huge impact on the graphic design industry. Graphic Design Blender looks at 8 ways that web design is changing the graphic design industry. There is some really powerful stuff in this article. Read More

		#41. 60+ Free Vector Icons For Web Designers Why You Need To Read… I don’t know about you, but I always use icons in my web designs. If you use too many icons though, it can overpower your design. Using the right amount is crucial. Compiled here are over 60 brilliant vector icons for web designers, all free to download. Read More

		#42. 21 Best Free Grunge Fonts For Web Designers Why You Need To Read… Here are a perfect selection of free grunge fonts for web designers available for free download. These will go perfect in a website header or a grunge styled Photoshop web design. Read More

		#43. 10 Web Design Rules You Can Break Why You Need To Read… There are just some rules in web design that you have to break sometimes. Like coding for IE6 = waste of time, in my opinion anyway. This article is worth a read if your a web designer. Read More

		#44. How To Design A Band Website Layout In Photoshop Why You Need To Read… Six Revisions have put together a brilliant tutorial that teaches you how to create a website layout fit perfectly for a band using Adobe Photoshop. Its an easy to follow tutorial for people of all skill levels. Read More

		#45. 50+ Blogs With A Beautiful Web Design Why You Need To Read… Designr Fix has an awesome post here. They have showcased 50+ blogs that have a beautiful web design. Some of these blog designs you could stare at all day and not get bored. Read More

		#46. 35 Excellent Ecommerce User Interface Web Designs Why You Need To Read… Web Designers That offer eCommerce will know that you have to take a different approach with the design. This is the perfect showcase for eCommerce inspiration when your stuck for how to display an online shop. Read More

		#47. The Ultimate Ugly Showcase of Current Government Websites Why You Need To Read… This is quite a funny article actually. Noupe has compiled a showcase of ugly government website designs. Some of them though are pretty good such as Denmark, the UK etc, but some are just unbearable and look like they were built in the 90’s. Read More

		#48. 10 Excellent Services To Get Feedback For Your Design Works Why You Need To Read… Ever created a design and want some quick feedback on it. So you go to look on your instant messenger contact list, hardly anyone’s online. What do you do? Well this article will tell you of 10 top places where you can get instant feedback from your designs. Read More

		#49. 50 High-Quality Free Fonts for Professional Web Design Why You Need To Read… These fonts look simple beautiful. There are 50 on the list, and can all be used for professional web design in Photoshop. You can also upload the font file to your web server and use CSS to read it and display website titles in that font. Clever heh? Read More

		#50. 114 Best Resources To Promote your Design Related Articles and News Why You Need To Read… Ever written a perfect blog post and then it gets hardly any traffic, re-tweets and diggs? Well this blog post tells us about 114 best resources that web designers can use to promote their design related articles and news. Read More

See original here:
50 Best Web Design Blog Posts In 2009

Top 10 Design Bookmarking Sites

Bulent — Wed, 06 Jan 2010 13:01:10 +0000

Ever wondered if there is a Digg specifically for web designers? Well there is, and there’s many of them. These selection of websites compiled here are all social bookmarking sites fit for Design. So if your a web designer, your in paradise. There is so many great resources listed daily at these websites.

I could only find 10 social bookmarking sites specifically fit for design, but if you know of any others, then I would love to hear them. So feel free to drop in a comment anytime.

DesignBump

This is a quality design bookmarking website. We submit all our blog articles to DesignBump and It has a great community!

* * * * *

DesignMoo

DesignMoo provides fresh daily design links to web designers.

* * * * *

The Web Blend

This site is kinda the new kid on the block in terms of design social bookmarking, but has hit the internet hard.

* * * * *

Design Related

This site has a nice design, and is the perfect resource for any web designer.

* * * * *

Share Brain

Recently renames from DevMarks, ShareBrain still provides designers with the same quality links.

* * * * *

Pixel Groovy

This beautiful design social bookmarking site shares all the best design links with web designers.

* * * * *

Developers Niche

Developers Niche lives up to its name. Its user submitted content just keeps getting better!

* * * * *

D Zone

D Zone is the place for web developers to find new and exciting stories. There are some awesome user submitted links!

* * * * *

Design Float

With Under 20,000 Alexa, Design Float is doing very well. There is more a less hourly popular content that makes the homepage. Its another perfect resource for web designers and developers.

* * * * *

Graphic Design Links

This social bookmarking site lives up to its name. There are some great content submitted by many top web designers.

Link:
Top 10 Design Bookmarking Sites

Become a User Experience Expert

Bulent — Wed, 06 Jan 2010 12:47:02 +0000

In today’s web design world, so much emphasis is put on SEO, which forces us to design for machines. Even though this is a necessity for web designers, the focus of a design should be on that of the user – the breathing, typing, mouse clicking kind of user. The user experience (UX) design portion of the website building process is often overlooked, usually due to a lack of knowledge in the area. Luckily, there are UX focused blogs out there that are loaded with info, tips, and insights that can help you in your journey to becoming a user experience expert. Here are 11 of the best.

UX Magazine

UX Magazine was created to deliver a central place to discuss the critical disciplines that all enhance user experience.

Signal vs. Noise

Signal vs. Noise is the blog of 37signals. Having built popular web apps like Basecamp, they know a thing or two about user experience.

UX Booth

The UX Booth is a blog by and for the User Experience Community. It’s full of useful articles and resources on usability, user experience, and interaction design.

Adaptive Path Blog

Adaptive Path creates user driven products that deliver great experiences. Their blog allows them to share what they’ve learned with others.

UsabilityPost

The Usability Post is a blog about design – not about what it looks like, but about how it works. The aim of The Usability Post is to provide relevant resources, tips and insights into good design in order to help you make great products.

inspireUX

inspireUX is a blog that posts quotes relating to user experience (UX). Every quote on inspireUX focuses on the impact that user experience has on people, business, or the world. You can even download and print them out on 4

The Most Popular Articles of 2009

Bulent — Wed, 06 Jan 2010 12:46:15 +0000

The end of 2009 marked WDL’s first full year in existence, and what a great year it was. We feel that we’ve put out a lot of valuable content that has been helpful to our readers who we greatly appreciate. So before we start publishing new content for 2010, we thought it would be interesting to take a look back at the year that was for WDL by listing some of our most popular articles from 2009.

These popular articles are not listed in order of popularity, but rather date of publication.

30 Most Incredible Textures for Vintage Style Design

One of the most important aspects of a good vintage style design is the use of authentic looking textures. Since most of you probably don’t have time to browse the local antique shop, and your grandmother’s attic is miles away, we’ve put together a list of some of the best vintage textures we have ever seen.

40 Super Sleek Fonts for Clean Web Design

Creating grungy designs can be fun, but sometimes a site requires a cleaner approach, one where artsy design elements take a back seat to clear presentation of content. Typography plays a big role in this type of design.

The Best Social Media Icons All In One Place

The ability to easily bookmark or share content on popular social media platforms is now a must have feature for web sites. It’s also important that this feature isn’t over looked by web site visitors. So it’s always a good idea to use icons when linking to social media sites. They get peoples attention and the logos are immediately recognizable.

All the Small Icons You’ll Ever Need

Big highly detailed icons make great eye candy, but small icons can be very useful when designing websites. They are great for styling lists and giving links visual flair that is eye catching and meaningful. It’s amazing what can be said visually in a 16 x 16 pixel area. In this post, you will find a large collection of small icons that should fit most of your design needs.

10 Best Content Management Systems for Designers

There are a lot of content management systems out there, but many of them are overly complicated and require a certain level of technical expertise. However, there are a select few that focus on simplicity and ease-of-use, but still give the designer flexibility in templating features and customization. In this article, we have listed ten of these CMS’s. Some of them are well known, while others you may have never heard of, but deserve a look.

20 Do’s and Don’ts of Effective Web Design

When you are creating a website (or hiring a web/blog designer to create one for you), there are specific items you need to be aware of. Things that normally wouldn’t cross your mind. For the average person who wants a website or blog for their business, they are after one very important thing – sales. Now, they may tell you that they want the big flashy logos, or the overdone textures/gradients, but it is the job of a well skilled web designer to steer their clients in the right direction.

404 Error Pages for Your Viewing Pleasure

Error pages are easy to create, so there’s no excuse to avoid them. Even with the most solid website, you never know when someone might mis-spell a URL link and hit a page that doesn’t exist. Be prepared when that happens to you, even if by no fault of your own. Let these great error pages be your inspiration to creating your own.

Most Used and Abused Web Design Trends of All Time

The year is 1999. You’ve just watched the Matrix, and it’s blown your mind. You sit down in front of your computer to work on a web design and then create or download an animated Matrix background for your Geocities website. You’re so cool. Fast forward 10 years, and you say to yourself, yikes, what was I thinking?! We’ve all been there. As a matter of fact, I’m personally guilty of copying many of following trends.

The Definitive Guide to About Me Pages

One of the most important and least used aspects of any website is the “About Me” page. It’s not enough to have an interesting site and great product if your visitor can’t find a way to relate to you.

Web Design Trends for 2010

Although this list isn’t a drastic departure from what was popular in 2009, it marks different trends that will be expanded upon and made better as a result. As you think of how you will incorporate new trends into your designs, focus on the main idea of each trend. Be encouraged to dabble into these trends so that you become part of the movement.

The Four Key Components of a Great Web Design

There’s a lot that goes into creating a web design, but I believe it can be broken down into four main components. If you’re able to execute on all four, you will have a hit web design on your hands. However, if you come up short on one, the entire design will suffer.

33 Creative and Beautiful Logos

Logo design, like any other design process, sometimes requires some inspiration to spark creativity. If you’re in need of some logo design inspiration, here is a collection of 33 creative and beautiful logos. These all have varying styles, but possess the same high quality.

30 Website Navigations that Make You Wanna Click It

The navigation might be the single most important aspect of a web design’s usability. Without a navigation, you would be stuck on the home page for a very long time. I believe a navigation or menu must be easy to use, but this doesn’t mean it has to be boring. In fact, it helps to add a little flair to your navigation. It entices visitors to click and hang around your site a little longer.

Read more from the original source:
The Most Popular Articles of 2009

Easy Website Updates with PageLime

Bulent — Wed, 06 Jan 2010 12:26:58 +0000

PageLime makes the process of editing static websites laughably easy. There are times when a full CMS like WordPress is far too complicated when only simple edits are required – not to mention the fact that a static template must first be modified accordingly to work with WordPress. Wouldn’t it be easier if your current static website could instantly be integrated with a service, without requiring hours of conversion time? This is where PageLime comes in.

In today’s video tutorial, we’ll go through the process of purchasing a site template on ThemeForest, and then integrating that specific template with PageLime, resulting in a website which is super easy to update…even for your mom.

/> />

PageLime is a remote Content Management System that allows you to update the content, images, and documents on your web site without installing any software.

The Screencast

Other Viewing Options

What’s in Store for PageLime?

In the CEO’s own words…

Repeating Regions – You/Your clients will be able to have regions that you define as repeatable. This will let you dynamically create new buttons in navigation, blog like article additions, etc. This is in testing now, and will roll out across all sites in the next week!
Multipage Dynamic Content – You will be able to define areas that show up on other places in the website. So when you update them, they update in other places.
Blog – Drop in simple PageLime managed blog.
Client Invoicing – We’re building an invoicing feature from withing PageLime that will let you manage your PageLime clients with auto recurring invoices that link to your PageLime account. This basically allows you to setup a subscription model for you clients, and pass the cost of PageLime directly to them. OR charge them more, and make money off of PageLime! This will be a feature in the Business Account Level.
iPhone App – Manage websites from an iPhone application. This is already designed, just need to go about building it soon. I can send you screenshots if you would like.
eCommerce – Either a partnership with another team, or build one ourselves that can be dropped in, like the blog.

Excerpt from:
Easy Website Updates with PageLime

Web Tutorials, Resources, Web Trends, Code Snippets, Php scripts, Opensource, Ecommerce, Cms, Html, Xhtml scripts, Themes, Templates, Css, Psd tuts, Photoshop,tuts,web,website,tutorial,web tutorial » Articles

For radio station DJ’s or Shows

How to Get Free Content & Media Hosting

High-Quality Free Social Media Icon Sets

Stunning Pieces Of Digital Arts ‘Wow’

5 Great Extensions for Google Chrome

How to Make a Killer Viral Photo Gallery

Showcase Of Beautiful Floral Typography

Need Interactive Charts. Try Highcharts

Now Embed Free Online Photo Editor

50 Best Web Design Blog Posts In 2009

50 Best Web Design Blog Posts In 2009…

#1. 35+ Essential Web Design Resources on Best Practice, Tips and Techniques

#2. 6 Ways To Take Your Web Design From Good To Great

#3. Top 100 Freelance Blogs

#4. 30 CSS Best Practices For Beginners

#5. 25 Great Examples of Using Gradient Effects In Web Design

#6. 25 Funny T-Shirt Designs For Web Designers And Developers

#7. 20 Most Wanted Web Design Tutorials

#8. How To Create An Organic Web Design (And Showcase)

#9. A Beginner’s Guide to Web Accessibility: 21 Ways to Make Your Site More Web Accessible

#10. Web Design Trends For 2010

#11. Best Web Design – March 2009

#12. 16 Best Web Design Galleries For Inspiration

#13. Web Design Trends For 2009

#14. 27 Best Photoshop Web Layout Design Tutorials (part 2)

#15. Create The Fanciest Dropdown Menu You Ever Saw

#16. 30 Most Influential People In Web Design

#17. Push Your Web Design Into The Future With CSS 3

#18. Best of CSS Design 2009

#19. 30 Useful Web Design Books For 2009

#20. 50 Best Female Web Designers From Around The World

#21. 50+ Nice Clean CSS Tab-Based Navigation Scripts

#22. 30 Best Photoshop Web Layout Design Tutorials

#23. 37 of the Best Web Designs from the Travel Industry

#24. 16 Gorgeous Web Safe Fonts To Use With CSS

#25. Fonts Used In Logos of Popular Websites

#26. Retro And Vintage Web Designs Best Of

#27. 100 Web Designers To Follow On Twitter

#28. 25 Most Useful Blogs For Web Design And Development

#29. Top 50 Web Design Education Blogs

#30. The 10 Most Common Mistakes Web Designers Make

#31. 40 Beautiful Examples of Minimalism in Web Design

#32. Beautiful Showcase of Black And White Web Design

#33. Bokeh Effect in Web Design: 30 Excellent Examples and Tutorials

#34. 11 Design Related Social News Sites for Web Design Articles

#35. How To Design And Code A Flexible Website

#36. 50 Amazing Flash Website Designs

#37. 35 Single Page Portfolio Designs

#38. 30+ Professional Business Website Design Tutorials In Photoshop

#39. 26 Beautiful Wood Textured Web Designs

#40. 8 Ways Web Design Is Changing The Graphic Design Industry

#41. 60+ Free Vector Icons For Web Designers

#42. 21 Best Free Grunge Fonts For Web Designers

#43. 10 Web Design Rules You Can Break

#44. How To Design A Band Website Layout In Photoshop

#45. 50+ Blogs With A Beautiful Web Design

#46. 35 Excellent Ecommerce User Interface Web Designs

#47. The Ultimate Ugly Showcase of Current Government Websites

#48. 10 Excellent Services To Get Feedback For Your Design Works

#49. 50 High-Quality Free Fonts for Professional Web Design

#50. 114 Best Resources To Promote your Design Related Articles and News

Top 10 Design Bookmarking Sites

DesignBump

DesignMoo

The Web Blend

Design Related

Share Brain

Pixel Groovy

Developers Niche

D Zone

Design Float

Graphic Design Links

Become a User Experience Expert

The Most Popular Articles of 2009

Easy Website Updates with PageLime

The Screencast

Other Viewing Options

What’s in Store for PageLime?