Depot webdesigner - Tutorials and more resources for webdesigner

9 Fresh Creative Resume Design

A selection of 9 models and examples of resumes for inspiration. MY RESUME by Darthkix ChuckDLay RESUME RichardTheRough Puziah Treason3 Mmahgoub AILTON HENRIQUES Adam Butler Mathieu Zwygart

What is your SEO Hat white, gray or black?

Most of the time people do not understand what are the differences between SEO hats? Sometimes they do not even know the existing types of SEO hats. Ok, I admit that they may know the two famous ones – The Black and the White Hat SEO. On this post we will do our best to [...]

Monthly inspiration – February #7

In this article I will present the 10 best inspirations of February 2011. Foodzie HippoApp mobile AppTank Webdesign BE Momento Nite Watches Giorgio Molinaro Dribbble Nike Better World Notch Studio

How to build and develop an opt-in Email marketing database ?

What is email marketing? Email marketing is the act of using people’s email to keep in touch with them. It is considered as a direct mean to communicate with costumers, “to encourage customer loyalty and repeat business” or “to purchase something immediately”…etc. In few words, it is a simple and an easy way of advertising [...]

25 best Marketplaces to sell your work online

An E-marketplace is a website where people can buy from each other more efficiently. These virtual places are created to help buyers and sellers to save time and money; they can also help to get the lowest price and choose from the different presented services. This is what they are created for. On this post, [...]

Beautiful Glass Web Icons (PSD)

This “Glass” set contains 12 layered icons, designed by Depot webdesigner .“Everything” is layered and named. You can use the icons for commercial and private projects, blogs and web-sites for free, without any restrictions whatsoever.

Light Shadow (PSD) for use in your design projects

This is a pack of 3 realistic light shadows for use in your design projects.The sleek look is the perfect, full layered, layers are very organized and Works equally well on both dark and light backgrounds.I built these styles on Photoshop CS4. Feedback and comment are really appreciated

Monthly inspiration – January #6

In this article I will present the 10 best inspirations of January 2011. Netzbewegung GmbH Online Portfolio of Gunjan Bhutani Stickybits Kunal Chhajer Dariusz BAHUR78 Martyn Assassin’s Creed Brotherhood Ryan Scherf : Minneapolis based web design + development Toasted Digital Every Pixel Counts Keith Homemade Cakes

How to use Google Adwords step by step

What is google Adwords ? Google Adwords is the source of revenue for the king of the internet, Google. Adwords offers PPC (Pay-per-click) Advertising, Google Display network Advertising, rich-media Ads and banners. Adwords program offers the possibility to control Ads appearance on local, national or international. How to set up google adwords account? They are [...]

Download Layered PSD & PNG Laptop

Here’s a laptop created from “Scratch” in Photoshop cs5, totally customizable and very well organized and named layers, in this package i have included the project in PSD format and PNG (256×256, 128×128, 64×64) .Released by Depot Webdesigner

Download a free search icons collection (PSD and PNG)

3 different search icons in PSD and PNG format (256x256px, 128×128, 64×64). released by Depot Webdesigner. Included: Transparent icons : 256×256, 128×128, 64×64 PSD file

Download a free Layered PSD & PNG High Resolution icons

A small collection of red icons (web2.0).Might be used for website , blogs or other projects.The file is layered and uses Impact fonts.Download includes transparent icons : 256×256, 128×128, 64×64. Created from “Scratch” in photoshop cs5 There is one High Resolution Fully Editable phone Graphic and 3 icon sized transparent .png’s at 256, 128, and [...]

What is Google alerts and how to use for ?

What is google alerts? Google Alerts: is one of Google’s most useful free programs for every webmaster and web-marketer. Google Alerts allows to every curious person to satisfy his curiosity by creating alerts that are sent via email every day, as it happens or once week. It is a simple way to keep tracking topics [...]

Download free WEB 2.0 buttons , Boxes and Stickers (PSD)

This is a file full with modern web 2.0 web elements to use for your projects.This package includes some nice web elements that can be used for your website works : 1 PSD file with all elements All buttons are made with Photoshop vector shapes (they can be resized at same quality) All buttons can [...]

Download free Hosting price tables and cool buttons (PSD)

Here’s another freebie for all the faithful members of depot webdesigner. PSD has all the different objects grouped so it is easy to find what you want to edit, It should be easy for you to create other variations from the existing buttons. Layers are grouped and organized.

WEB 2.0 free Professional Text Styles

Modern Style is a professional collection of cool text styles. You will find they work amazing as web 2.0 text styles.Styles can be applied to text, shapes, buttons or just about anything.They look great on a wide variety of fonts and fit perfect especially to gray backgrounds.

Download Free Icons – web 2.0 style

Here is a list of new icons in web 2.0 style, icons are perfect for web sites, blogs, forums or other.PSD contains 4 purple buttons (edit, delete, pencil and clock) . Well organized & layered PSD file, Easy to adjust, scale or color change, Clean design, Available in transparent PNG . format, Available in 256×256 [...]

Monthly inspiration #6

In this article I will present the 10 best inspirations of October 2010. Postbox Pieoneers MiNDiNG MoNSTeRS Pixle Bokche Creative Studio Hotel En San Luis Vista Suites y Spa Mateusz Grzesiowski design So1o CURE International AmazeeLabs

SEO and Website design

Website design is the presentation of content to the final user. It is, as known in general, the description kind of technology used to create a web page. To be more specific, it is the job that focalizes on the building of front-end of page. To create a page there are the basic markup languages [...]

How to use css propriety font-face – work on differents browsers

How to use font-face on different browsers including IE 6. Code HTML : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>How to use font face - From Depot webdesigner</title> <meta http-equiv="Content-type" content="text/html ; charset = iso-8859-1" /> <link rel="Stylesheet" media="screen" type="text/css" href="css/style.css" /> </head> <body> <div class="warp"> <h1 class="styleFontface">how to use [...]

How to gain natural links

Too many posts have talked, treat and will deal with linkbuilding. They have tried to treat the subject from different points of view. Most of the blogs tried to defend specific methods or blame and ignore others. They also focus on one part of linkbuilding. For example: they may focus on link exchange, article insertion [...]

Free PSD template – Web 2.0 Style

On this post, we are pleased to present you free PSD templates designed by Arbaoui Mehdi. They are very creative web 2.0 free PSD templates, and they are designed for blogs. On each uploaded free PSD template, which is in zip format and it is for all blog users, there is the home page, the [...]

Web 2.0 Buttons (donwload and register now buttons)

Download Web 2.0 Buttons (donwload and register now buttons) from graphicriver. Editable text layers Organized PSD layers Easy to customize Web 2.0 style Font used: Century Gothic: http://free-fonts-ttf.org/true-type-fonts/century-gothic-italic-2739-download.htm Change the color easily, just edit the “Gradient Overlay”.

How to use jQuery to create a font resize

Modifying and resizing the text of your web sites or blog sometimes can’t be easy or a loss of time. Web developers have been able to find a way to resize text of websites; they use a javascript code. That code can be programmed to resize text to fit your choice only a simple and [...]

The importance of Social Media

Before proceeding directly to talk over importance of social media, I would like to talk ask a question, what is social media? I know that it was done before and that somehow I don’t need to remind you of that. However, I am convinced that presenting a small description will not hurt but it will [...]

iPlotz tool – Wireframe your ideas

iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications. Create a project, add wireframe pages with design components and discuss your creations with others. iPlotz was initially an internal project of vtc.com, to help communicate ideas between different members of the team based in Australia, USA and [...]

How to use firebug on internet explorer including ie6

Here is snippet that’ll help you using firebug on the famous browser (internet explorer 6). - Copy the code on your <head> </ head> <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> - Adding a condition for using firebug on any internet explorer version .  Final code : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="fr" [...]

List of the best PHP frameworks

PHP Frameworks defer and doesn’t stop evaluating. They compete between each other trying to seduce more developers. The purpose of PHP frameworks is to facilitate coding for developers by providing architecture, components and tools to build complex web apps faster. They do not stop evaluating; they are trying to complete themselves by being more flexible [...]

List of the best tools to test your website on different browsers

While testing their works on browsers, developers and webmasters suffered a lot before the existence of tools that help to simplify compatibility with browsers. They were obliged to install each browser and open it separately to check the compatibility. It is clear that creating a website which keeps the same look and feel over all [...]

14 Excellent restaurants logos that help you to inspire

Logos are graphical representations that embody a company, an organization or an individual. They are considered as the facade of what they represent since they help to differentiate them and participate into their success. Logos are used as symbols to characterize and reflect a specific brand, people or community. To realize a logo, there is [...]

Adobe ConnectNow : Meet live over the web and share your screen with anyone

Adobe® ConnectNow, one of the Acrobat.com services, is a great way to share ideas, discuss details, and complete work with others — all online. Reduce travel costs, save time, and increase productivity with a web conferencing solution that’s easy to access and simple to use. Built on the Adobe Flash® Platform, ConnectNow operates inside a [...]

The Best Open Source coding editors (IDE)

A coding editor (Commonly known as IDE) is software created to help developers and webmasters to code faster, find their mistakes without pain and to organize their codes.There are several advantages in using an IDE: regular expression toolkit, debugging support, interactive shells, text editor, auto-completion, bookmarks, Syntax highlighting, Syntax folding, Regular expression find and replace [...]

Offline optimization: basic tips to follow

Offline optimization is an important step that may help your website to shine, rank and be popular or to fall into a deep abyss and never show off. The purpose of offline optimization is to develop your ranking, optimize your image and acquire a targeted traffic. It is the second step that follows online optimization. [...]

Database Design & Modeling Tool – MySQL Workbench

MySQL Workbench is a cross-platform, visual database design tool developed by MySQL. It is the highly anticipated successor application of the DBDesigner4 project. MySQL Workbench is available as a native GUI tool on Windows, Linux and OS X in different editions. See the following link for more information about the editions available. MySQL Workbench MySQL [...]

6 important css web tools

Accessify.com started life late 2002 as a need to pull together a number of disparate tools that Ian Lloyd had created, tools which filled in the gaps that HTML authoring packages had at the time. These formed the core of the site – the tools and wizards – and with a news update, Accessify was [...]

23 Best Logo Design Tutorials

In this article I have collected a list of best tutorials so you can handle the creation of the logo. Here is a list of 23 tutorials to help you learn different techniques to improve your skills. 1 – Create the Mercedes Logo 2 – Google logo photoshop tutorial 3 – Green Apple Style Design [...]

Monthly inspiration #5

When willing to create a new mockup design, every designer goes searching for his/her bokkmark sites to be inspired throug some couples of web design inspiraton. Thus, in this article I will present the 13 best inspirations of September 2010. Design kindle Lattesole Sr28 M-ms Tesigner – Creative Portfolio WP Theme Xhtmlcafe Gbit Jonahl Green [...]

Online/on-page optimization basic steps to follow

Online optimization is fundamentally the basic method to improve your ranking. It’s the first step that you need to accomplish before the launching of your website. However, most of websites are optimized after being online for a long time. Most of the time, it is due to SEO ignorance, or because the marketers laziness who [...]

Periodic Table of Typefaces

Options, options, options… We’ve got nice prints for sale down below as well as other options you may be interested it. Please scroll on down to see all the awesome options you’ve got. Plus, have a look at the cool stuff other people are doing with the design! Finally, there have been many questions and [...]

12 Firefox Add-ons for Web Designers

Nowadays, Mozilla Firefox community floods us with so many firefox addons to deal with in order to ease our tasks and thus we found ourselves in front of a huge mouintain of addons and sometimes we come up to be unable to choose this or that.. to choose Colorzilla or ColorSuckr!!!!. Well, in order to [...]

Em Calculator – converts size in pixels to relative em units

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size. Em Calculator

15 Quality Sport Websites For Inspiration

Is there any one who hates sport, hates all what is atheltic like : footbal soccer, bascket ball, golf, furmula 1, etc… !!! is there any of you who had never heard of sport brand names such as :Lacoste, Puma, Nike, adidas, Reef, Spalding or Decathlon.Well, today we are going to show you some of [...]

Free grunge design theme for webdesigner – PSD

Grunge Blog is free grunge design theme for webdesigner or any other graphic artist. This is an easy modern to customize psd template, can be used in portfolios, companies or agencies, its clean and modern. Fonts Used : 28 Days Later : http://www.dafont.com/28-days-later.font Traveling Typewriter: http://www.dafont.com/traveling-typewrite.font Arial Black and Arial.

USB Memory icon

USB Memory icon with customizable text option.

Twuffer The Twitter(TM) Buffer. Schedule tweets for future release.

Twuffer allows the Twitter user to compose a list of future tweets, and schedule their release. @GradyBritton designed Twuffer for anyone who has a need to schedule pre-written, post-dated tweets. Twuffer We bet that you’ll invent creative uses for Twuffer. Here are a few off the top of our heads: tweet pre-written announcements appointment/milestone reminders [...]

Grid tool – inserts a layout grid in web pages

This is a little tool we created for our Analog holding page. It inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background. To see it in action, hit G on your keyboard. grid v4 grid is an Analog gig. It [...]

The best Project Management Tools framework

Organize your projects is becoming very useful for webdesigner, Webdevelopper or others, for this I’ll present a list of tools that will help you to achieve the goal of a better project organization to have good results. dotProject PHP web-based project management framework that includes modules for companies, projects, tasks (with Gantt charts), forums, files, [...]

Inspiration : 10 Best Business Cards

Here is a list of the best inspiration to make a nice business card, so you have to choose which inspirations you like.

CSS Rounded corner work in all browsers without images and javascript

How to create a Simple rounded corner in all browsers (ie6, firefox, google chrome, opera, safari and other) without images and no javascript. Code HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="Stylesheet" media="screen" type="text/css" href="css/style.css" /> <title>Rounded Corner Without image Work in all Browsers</title> [...]

The best Color Tools for webdesigner

The choice of colors for the web designer is difficult at the beginning of each project, In this post I will put at your disposal a list of the best color tools. Kuler adobe. Explore, create and share color themes Discover Adobe® Kuler™ — the web-hosted application for generating color themes that can inspire any [...]

Beautiful Balloon – Freebie PSD

Today, we are giving a high quality ballon icons for you to use in your work for free!

Download clean horizontal navigation menu, style web 2.0

Highly PSD configurable, since layers are clearly grouped and manual is very informative, everything should be pretty straight forward,you can very easily change the gradient of the menu.

Fancy sliding tab menu

The Fancy Sliding Tab Menu is back and better than ever in Version 2 and this time I’ve included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window. The Fancy Sliding Tab Menu

eCSStender take control of your CSS

Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention. Designing with eCSStender Extensions built with eCSStender greatly simplify the design process because you can author modern CSS using advanced selectors, properties such as border-radius, or custom [...]

How to create an Under Construction Page with jquery

Here is a quick example to learn how to create an Under Construction page with jquery Code Html and Javascript : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Under Construction Page From Depot Webdesigner</title> <link rel="stylesheet" href="css/paper.css" type="text/css" /> <script type="text/javascript" src="js/jquery.min.js" ></script> <script [...]

DesignCrowd online marketplace

DesignCrowd is an online marketplace providing logo, website, print and graphic design services by providing access to freelance graphic designers and design studios around the world. DesignCrowd gives you access to a ‘virtual team’ of 17,946 designers from around the world (via a process called crowdsourcing) – helping you to tap into the very best [...]

Creating a visiting card for beginners

Well every graphic designer needs to create a visiting card. It is a must stationary for any kind of business. The goal of creating a good business card is that it must contain all the important details of the business man who own it. Here I am going to make a visiting card for a [...]

How to create a Drop-down menu using jquery

In this tutorial you will learn how to create a cool drop down menu using jquery. Code Html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="Stylesheet" media="screen" type="text/css" href="css/style.css" /> <title>How to create a Drop-down menu using jquery</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/menu-jquery.js"></script> </head> [...]

How to create a jQuery Headline Changer

Create a nice slideshow with the jQuery library, for a simple scrolling images. Tested in IE7, IE8, Firefox, Opera, Safari and Chrome. Code Html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" media="screen" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/slideshow.js"></script> <title>Slide show jquery [...]

Colorotate the web-based color palette generator

Colorotate the web-based color palette generator. The quest to find the perfect colors and color combinations is a common thread that runs from those who have painted great masterpieces and graphic artists to interior designers and landscapers. As French impressionist Claude Monet said, “Colour is my day-long obsession, joy and torment.” Colorotate

5 Free New Social Icons – twitter, facebook, digg, technorati, rss

Download free beautiful icons with a jeans texture All layers are well organized, every object are set in each layer and every icon are set in group easy to modify

Monthly inspiration #4

In this article I will present the 6 best inspiration of August 2010. Worry freelabs Worry Free Labs is a user interface design firm, established in 2005 & based in Austin,TX. Transformology David hellmann Kid preneurs Part timepost Radium labs

Good tutorials to learn how to make 3D Effects on photoshop

Here is a list of Good tutorials to learn how to make 3D Effects on photoshop. Design a Multimedia Website Layout in Photoshop First impressions do count! Stunning our viewers with a visually compelling portfolio is one of the most important things that a designer can do to court a new client. Today we will [...]

The Netsetter Make Money Online

What’s a Netsetter? A netsetter is an entrepreneur who understands what the Internet means for making money, starting businesses and changing the way they live. A netsetter realizes that the Internet means you can bootstrap almost any endeavor until it becomes profitable. A netsetter realizes that geographical location no longer prohibits collaboration between anyone. A [...]

Free layered PSD template with Web 2.0 look

Another free layered .PSD template with Web 2.0 look, can be used in portfolios, companies or agencies, its clean and modern. Blog Page: Blog Page with position: Fonts used: Trebuchet MS and Arial. The file are good organized in folders with shape layers for easy to change color palettes or content.

How to create a facebook style footer

The popularity of social media has been booming in the past few years and Facebook definitely has climbed high to the top of the social network rankings. Facebook has many Ajax driven features and applications that are very impressive, and one of the things I particularly like is the footer admin panel, where it neatly [...]

A Comprehensive review of psd to html service provider : xhtmljunction.com

PSD to HTML Industry has become competitive, the industry is flooded with small to big service providers to freelancers offering the service at various price. Today’s customers have a lot of options before them, but still choosing the right service provider among the crowd is really challenging, especially when almost all the service providers promise [...]

Web Elements include navigation bar, accordion and other

Download Clean Web elements (web 2.0) include navigation bar with search field, buttons (2 style and 4 colors), pagination, radio button (2 colors), accordion (2 colors) . Included elements: Navigation bar with search field. Buttons (2 style and 4 colors). Pagination. Radio button (2 colors). Accordion (2 colors). Fonts used: Tahoma and Trebuchet MS. Layers [...]

8 Best and Useful Scripts Slideshow with jQuery

Here is a collection of the best slideshow scripts jQuery. Slideshow jQuery accessible | Snoupix Demo || Download Image Rotator with Description (CSS/jQuery) Demo || info Nivo Slider The Most Awesome jQuery Image Slider Demo || Download Beautiful jQuery slider Demo || Download Simple Image Viewer Demo || Download Slide Thumbs Demo || Download Zoomer [...]

Check My Colours – tool for checking foreground and background color

What is CheckMyColours? It is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits. All the tests are based on the algorithms suggested by the World Wide WebConsortium (W3C). Website : Checkmycolours

Monthly inspiration #3

In this article I will present the 6 best inspiration of July 2010. Frexy Brownstone Lakala Guest House Complexe Play Jumbalaya Picfresh Perfilvirtual

99designs the #1 marketplace for crowdsourced graphic design

99designs is the #1 marketplace for crowdsourced graphic design. We connect 74,143 passionate designers from around the globe with small businesses who need design projects completed. And, we do it in a timely fashion without the usual risk or cost associated with professional design. Our Mantra It’s definitely a cliché but there’s no other way [...]

Monthly inspiration #2

In this article I will present the 5 best inspiration of June 2010. Ithaca Events – Arts and Cultural Calendar Komrade Kaleidoscope Siringa Midtsommerjazz

Free PSD iPhone Full layered design

Free PSD files of iPhone, for designers as our resources,you can use it freely in your projects.Highly detailed, completely customizable and layered design. Preview 1 (Layers are grouped and named appropriately). Preview 2 (easy to find your way around the file).

Clean Web Elements green and gray

This package includes some nice, clean and fresh web elements that can be used for your website,so you can adjust the size of the elements without restriction. Preview Web Elements Included elements: newsletter slidehsow login form search Fonts used: Tahoma and Arial. Layers are grouped and named appropriately so it is easy to find your [...]

JQuery Plugin to integrate delicious into any web site

Delectable is a jQuery plugin designed to integrate delicious into any web site or project. You can display any users latest delicious links quickly and easily. This plugin also has an advanced feature, which enables you to display and browse through tags. as well as displaying the date using the delicious API. Ideal if you [...]

great tutorials to learn new tricks on photoshop cs5

Animated Gif files have been the butt of many jokes within the design community. That is because animated gifs are famous for being a bit cheesy and notorious for cluttering up a page. Create an Animated Banner Ad in Photoshop CS5 Animated Gif files have been the butt of many jokes within the design community. [...]

how to create 3d cube using css3

In this mini tutorial I’ll show you a small example on how to create a 3D cube with pure css3 using -webkit-transform and -moz-transform, this tutorial works on mozilla firefox and google Chrome. Code HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>CSS 3D [...]

Free Hosting Plans Boxes Price Tables

Hosting Plans Boxes Price Tables, the file is fully layered and includes no rasterized layers – so you can adjust the size of the elements without restriction. Preview 1 : Preview 2 :

Cool free red icon to use in your website

A new icon created by the team depot webdesigner, for free download.

How to create a simple Lava Lamp Menu with jQuery

I will present in this article an example for how to create a menu with Lava Lamp jQuery . Code HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/> <title>Lava Lamp Menu Tutorial</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(document).ready(function () { //transitions //for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/ var [...]

horizontal menu style dropdown with jquery

In this mini tutorial I’ll show you a small example on how to make a dropdown menu with jquery, works for all browsers, including IE 6 . Code HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="Stylesheet" media="screen" type="text/css" href="css/design.css" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script [...]

Great resource for Finding Free Icons – Part 2

You need some helping finding a good icon set (actually just a single icon) to fit an existing design.Here is a list number 2 of resources Dryicons Websiteicons

Automated identification of the font used in a photograph or scan

WhatTheFont™, for instant automated identification of the font used in a photograph or scan. WhatTheFont™ Website : WhatTheFont™

How to create a jQuery Vertical Scroll

in this small example I’ll tell you how to use jQuery Vertical Scroll to create your portfolio or other. Code Html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="Stylesheet" media="screen" type="text/css" href="css/design.css" /> <title>Depot Webdesigner -</title> <script type='text/javascript' src='js/jquery.min.js'></script> <script src="js/jquery.localscroll-min.js" type="text/javascript"></script> <script src="js/jquery.scrollTo-min.js" type="text/javascript"></script> [...]

how to create tabs with css without javascript

In this example I will explain how to create tabs with css without using javascript. Code HTML : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>CSS_Tab - Depot Webdesigner</title> </head> <body> <div id="box"> <ul id="tab_nav"> <li><a href="#tab_1">category 1</a></li> <li><a href="#tab_2">category 2</a></li> <li><a href="#tab_3">category 3</a></li> <li><a href="#tab_4">category 4</a></li> [...]

8 great tutorials on How to Build a Custom WordPress Theme

Wpdesigner Creating a WordPress theme from scratch is not hard. I’ll hold your hand through it. Tutorials on this topic have been written before and the WordPress website also has guides for you to follow. But are those tutorials and guides really helpful to you when you don’t understand the lingo? Even I got lost [...]

free template clean and modern

Another free template can be used in your blog, This theme is ideal for artists, designers and webdesigner. The download contains 2 editable PSD files. Home Page Tutorials Page

Free Home Page (Company, Portfolio, Blog)

This is an easy to customize psd template, can be used in portfolios, companies or agencies. Home Page Font Used: Arial Impact Trebuchet MS

How to create a CSS3 Menu using -moz-border-radius

in this example I’ll explain how to create a menu with css that uses the propriety -moz-border-radius. Demo work only on firefox. Code Html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3 Radius Menu</title> </head> <body> <div id="menu"> <ul id="firstmenu"> <li><a title="" href="#all" class="current">Home</a></li> <li><a rel="graphicdesign" [...]

How to Create a Simple single level menu using CSS

In this mini tutorial I will explain how to create a menu with css. Demo works in Safari, Chrome, Opera, Firefox, IE6 and IE7. html code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Css Menu</title> </head> <body> <ul id="menu"> <li><a href="#"><b></b>Home</a></li> <li><a href="#"><b></b>Services</a></li> <li><a href="#"><b></b>Porfolio</a></li> [...]

Monthly inspiration #1

In this article I will present the 5 best inspiration of May 2010. Mc millers sweets emporium Forrst Hm Andrei My Brain Art BizBreak app

Examples of 404 error page – inspiration

Excellent collections to use for 404 error page. Abduzeedo 365icon Dryicons Fotolia kidmondo Deviantart Chirptracker Veerle Woothemes Wufoo

Great resource for Finding Free Fonts – Part1

Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We’ve done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format. fontsquirrel.com Only the best commercial-use free fonts. Free fonts have met their match. We know how hard it [...]

Great resource for Finding Free Icons – Part 1

You need some helping finding a good icon set (actually just a single icon) to fit an existing design.Here is a list of resources IconFinder.com Search through 163,529 icons or browse 540 icon sets. IconsPedia.com Your resource of free icons. 365icon 365icon.com is a 100% FREE resource for the web design community. IconArchive.com The Icon [...]

Yahoo Design Pattern Library

Patterns are optimal solutions to common problems. As common problems are tossed around a community and are resolved, common solutions often spontaneously emerge. Eventually, the best of these rise above the din and self-identify and become refined until they reach the status of a Design Pattern. At Yahoo!, a pattern most often comes into the [...]

jQuery Quicksand plugin

I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects, like the one in this video. Quicksand aims at providing a similar experience for users on the web.

jQuery plugin FullCalendar

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like [...]

Free online color matching toolbox ColorBlender.com

ColorBlender is developed by Kim Jensen and can best be described as a “version 2.0″ of my ColorMatch 5K tool developed for the Danish 5 KB webdesign competition in 2001. Website : Color Blender

Clean and Fresh portfolio for webdesigner or design agencys

This template is great for anyone looking to get a quick start on their portfolio design. Layout is designed to promote mainly freelancer web sites or design agencys. Home Page : Portfolio Page : Services Page : easy to modify crispy and professional designs Fonts : Century Gothic , Trebuchet MS . 3 PSD files [...]

How to create a menu in pure CSS? And why?

Now-a-days web designing has totally changed from old Heavy Html pages to Xhtml and css combinations. Which are very attractive and accessible to every user no matter what ever media they uses to browse the web like mobile phones, PDA’S, screen readers, TV etc which are part of the changing world. Building an accessible web [...]

Jquery Tools The Missing UI Library for the Web

This library contains six of the most useful JavaScript tools available for today’s website.Jquery Tools is a collection of the most important user-interface components for modern websites. Website : Jquery Tools

Useful tools for Web Designers

CSS Color Chart The neutral colors are taken from a Behr Premium Plus Interior/Exterior paint color swatch found at a hardware store. The paper was scanned into Paint Shop Pro, where the swatch color was averaged and extracted. Colors with a blue or green tint are termed cool, while colors with a red or yellow [...]

960 Grid System for webdesigner

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. Website : 960 Grid System for webdesigner

Free PSD Portfolio for webdesigner

This is a great starting out point for any designer in need of a quick PSD to mock up for clients!This theme is a complete Photoshop site, designed from the ground up to function first and foremost as a portfolio, then as a comprehensive PSD that can be used for just about any site that [...]

login Form PSD (4 colors)

Cool login form designed in Adobe Photoshop CS4. Font used : Arial Grouped and named layers Easy to use and modify(copy and paste layer styles)

Wufoo making form easy , fast and fun

Wufoo strives to be the easiest way to collect information over the Internet. Our HTML form builder helps you create contact forms, online surveys, and invitations so you can collect the data, registrations and online payments you need without writing a single line of code. Website : Wufoo making form easy , fast and fun

Cascading Style Sheets Optimization

Online CSS Optimizer/Optimiser is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file. Non-valid or hacked (for certain browsers) CSS files may result in error. Website : CSS Optimiser

Install multiple versions of IE on your PC

Ever wanted to test your website in various versions of Internet Explorer? It is possible to run Internet Explorer in standalone mode without having to over-write previous versions thanks to Joe Maddalone who came up with a way of achieving that in November 2003. Basically, Internet Explorer is run by exploiting a known workaround to [...]

Artisteer, a revolution in web design?

Artisteer is the first and only Web design automation product that instantly creates fantastic looking, unique website templates and blog themes. Here’s a software I discovered quite by accident recently following a discussion with a friend who used to deploy sites and blogs, with this software you can create a nice template adapted wordpress, joomla, [...]

My Client Base Free and Open Source Invoice Management

Invoices, clients, simplicity. MyClientBase is a simple, intuitive, free and open source web based invoice management system developed with freelancers in mind. Website : My Client Base

Gomodo search for webdeveloppers

Gomodo is an search engine dedicated to the developers Web, it makes it possible to seek in official documentations,you can find with gomodo several type of script PHP, HTML, CSs, JAVASCRIPT the frameworks like prototype or jquery… Website : Gomodo

Surreal CMS Content management that’s amazingly simple!

With Surreal CMS, there’s absolutely nothing to install. Just enter your website’s FTP info and you’re connected! Within minutes, you can enable webpages, add content regions, assign editors, and begin updating your website — and you don’t even need an FTP client to get started! Website : SurrealCMS

Cool free citrus vectors from Vector Jungle

Citrus vectors includes lemons, oranges and limes. Check out the little splashy slices… pretty cool! These free vectors would work great with the our previous tropical objects. Free citrus vectors

Popular WordPress plugins

There are tons of WordPress plugins out there. Some of them can be really helpful, while others are just a waste of disk space. Let’s take a look at 20 really usefulWordpress plugins and why you should use them. 1 – Google XML Sitemaps This plugin will create a Google sitemaps compliant XML-Sitemap of your [...]

Shadow text Compatible IE

Create the shadow effect without having to add repeated text and without text-shadow property. h1.shadowtitle { position:relative; height:1em; } h1.shadowtitle span { position:absolute; left:-1px; top:-1px; color:#fb73cf; } h1.shadowtitle:before { content:attr(title); position:absolute; left:0; top:0; color:#000; } Exemple: Lorem Ipsum Dollor sit umet Code HTML : <h1 title="shadow text" class="shadowtitle"> <span>Lorem Ipsum Dollor sit umet</span> </h1> Code [...]

KerixMix – Designer portfolio

The file are good organized in folders with shape layers for easy to change color palettes or content. Home Page : About me Page : Portfolio Page : Contact Page : Fonts used: I used Trebuchet MS for the general text. Myriad Pro Bold Codensed for title. Trebuchet MS italic for the text on the [...]

Color Inspiration : red color

Color Inspiration: Wonderful Uses of red. RedRelevant Redfly Ribbons of Red jonwallacedesign – digital design studio mediaburst

Coda-Slider 2.0 (jQuery plugin)

Coda-Slider is a jQuery plugin. It aimed to mimic the slider effect on the promo page for Panic’s Coda software. License: Coda-Slider 2.0 is available for use in all personal or commercial projects under both MIT and GPL licenses. Pick your favorite and roll with it.

FreeHand ColorStroked icon pac

ColorStroked freehand Icon set includes over 22 graphics tailored icons for your personal needs.

Mr. Zhong – Emotion Icons

Clean Website Header (3 colors)

Layers are grouped accordingly , and groups are appropriately named making it easy to change to a color. A clean website header : Colors: pink, gray, red font used : Helvetica Neue, Arial and Lucida Grande.

Clean Header (Black and White color)

Layers are grouped accordingly , and groups are appropriately named making it easy to change to a color. Colors: Black and White font used : Impact,Trebuchet MS.

Black and White Business Card

Black and White Business Card Font used : Helvetica Neue (Condensed bold) Resolution: 3.5×2 Layered Photoshop file (.psd), 300dpi, CMYK

Web2.0 Button (donwload and register now buttons)

Web2.0 Button (donwload and register now buttons) fresh and clean for your website. Editable text layers Organized PSD layers Easy to customize Web 2.0 style font used: Century Gothic Change the color easily, just edit the “Gradient Overlay”.

Clean and fresh psd portfolio

This is a clean and fresh portfolio template, which can be used for almost anything. Home Page : Portfolio : Contact : font Used Arial and Helvetica . Zip includes: 3 psd files (Home page, portfolio and contact) , 4 png icons Easy and customizable Fully organized layers

CSS-based Layouts (Inspiration)

Cool CSS-based Layouts (Inspiration). Hey indi Timothy van Sas Rob Palmer

Weather Icone

Weather icons fully editable psd , all icons are arranged as separate groups

Plasma TV PSD

Free PSD Plasma TV.

Shopping bag icon (Format: PSD)

Cool Shopping bag PSD, very optimised file.

How to Create an Beautiful Box Icon in Photoshop

How to Create an Beautiful Box Icon in Photoshop .Final Preview : Step 1 Create a new 600 pixel by 400 pixel document, with either a white background. Step 2 Select the rectangle tool, and fill the rectangle with #af915b Step 3 Apply a inner shadow for your rectangle box with #a88d5e Step 4 Make [...]

How to Design Interesting Stylish Advert

Here one more interesting tutorial about how to design interesting stylish advert in just a few steps. Get started by creating a new document about 700×500 pixels, resolution (DPI) of 72 pixels and then fill it with linear gradient using colors #0582ae and #0ab7db. Ok, after that find a nice, suitable stock photo to work [...]

20+ Useful Desktop Blog Editors

Infographics can be a great way to quickly reference information. Instead of pouring over figures and long reports to decipher data, an infographic can immediately make apparent exactly what a dataset actually means. Below are more than 25 infographics that can be useful to web designers. Some are incredibly practical, some provide information that might [...]

22 Website Designs Inspired by Apple.com

It’s well known that Apple is one of the most creative and innovative companies in the world, so it’s no wonder that many software companies and web designers would choose to follow Apple’s style of branding. The Apple website is one of the best websites out there due to its ease of use, functionality and [...]