background preloader

Webdesign

Facebook Twitter

Www.dontclick.it. Webdesign tutorials. Mega Collection Of Cheatsheets for Designers And Developers. Cheatsheets and various quick reference guides are available for almost any type of software and language these days.

Mega Collection Of Cheatsheets for Designers And Developers

Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics: CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ CSS Cheat Sheet (V2) ↓ Css Property Index ↓ BluePrint CSS ↓ HTML 5 Cheat Sheet ↓ HTML5 Canvas Cheat Sheet ↓ HTML5 Glossary ↓ HTML Character Entities Cheat Sheet ↓ Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓ Javascript.

Anatomy of a Web Design Client. Share this infographic on your site!

Anatomy of a Web Design Client

<a href=" src=" alt="Anatomy of a Web Design Client" width="500" border="0" /></a><br />From: <a href=" Web Design Schools</a> Primary CSS. 99 Icon Sets To Use In Commercial Design Projects. Today’s blog post we have decided to do a massive collection of 99 icon sets which can each be used within commercial design projects. This compilation was put together simply because of the lack of free icon sets which are available to be used in commercial design projects, what’s the point creating an icon set if its not free to use ?

A great blog post of high quality icon sets which is a greate reference to bookmark for future reference. This post was time consuming putting together therefore any comments on your thoughts about the article would defiantly be really appreciated. 1. Extreme Grunge Garments Icons This high quality, hand made, icon pack is full with 9 Extreme Grunge Social Media Garments. 2. 50 Free and Exclusive Twitter Icons The icons are provided in both raster and vector formats: The transparent PNG versions are 256×256, and we have also included Illustrator files so that you can resize the icons as needed. 3. 4. 5. 6. 7. 8. 9. 10. 21 folders icons . 11. 12. 14. 15. 16.

The Best 100% Free Wireframe Tool for Mobile and Web Apps. The 30 CSS Selectors you Must Memorize. 20 Great Web Page Backgrounds You Can Certainly Use. Advertisement There can be times when your web design is almost done but you can’t finalize a beautiful background for your site.

20 Great Web Page Backgrounds You Can Certainly Use

Importance of a Background can not be ignored since a site is viewed differently in different browsers and resolutions and the empty space at the background kills the foreground’s beauty. Designing a background yourself is a time consuming process and its hardly required when the fellow designers have heartily and happily contributed so many beautiful backgrounds and patterns for websites.

We have collected few sets of Beautiful Backgrounds which will surely be useful to you. If you like this article, you might be interested in some of our other articles on Wallpaper Patterns, Damask Pattern Collection, Grunge Backgrounds, and Great Photoshop Backgrounds. Dark Patterns More Information on Dark Patterns 13 Asphalt Textures More Information on Asphalt Textures 103 Various Textures More Information on Various Textures 94 Walls More Information on WALLS Sue’s Wood Patterns.

CSS Gallery Web Design Gallery For Inspiration. JavaScript 101, Beginner's Guide to Learning Block / Inline JavaScript. JavaScript is a programming language that web browsers understand.

JavaScript 101, Beginner's Guide to Learning Block / Inline JavaScript

You can use it to make your web pages interactive by: Responding to user actions and changes on the pageManipulating the web page’s contents and behaviourCommunicating with the user directly You can do just about anything you want with a web page, using JavaScript. In this introductory tutorial and the series to follow, I’ll introduce the JavaScript language and how to write it, through a series of practical worked examples. Example 1: Hello World! “Hello World!” What we want to do When the user clicks a button, show the message, “Hello World!”.

Step 1: Create a button Our web page needs a button to click: Let’s explain the various bits of the HTML: Try clicking the button… Did anything happen? This is exactly right, because we haven’t told the page that anything should happen when the button is clicked. Making something happen with inline JavaScript The easiest way is to write what we want to happen into the button tag itself. CSS Templates ( Page 1 of 15 ) - Free CSS Templates. CSS Templates Welcome to Free CSS Templates Website!

CSS Templates ( Page 1 of 15 ) - Free CSS Templates

Find here a never before seen collection of free CSS Templates, one of the biggest in the entire web! All these CSS templates are: 1. Table free in its design (no tables have been used for layout purposes). 2. The templates are light weight, so that it won’t take too long to load. 3. Users are free to use any of these CSS templates for commercial or personal use without having to make any payments, provided they follow the license terms and agree to link back to this website in some feasible way. Hot Scripts - The net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal.