Resources
FOR BUILDING BEAUTIFUL WEBSITES
Development Tools
The text editor I used in my HTML/CSS and JavaScript courses.
Codepen has become an essential tool for me to quickly test out some ideas or do some tests.
A hackable text editor for the 21st Century
Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages.
HTML 5 Resources
Super useful reference, gives you HTML entitiy name, numeric code, hex code and ISO code.
A very handy printable HTML5 cheat sheet that can save you a ton of time.
CSS Resources
As with HTML5, you don't need to know every CSS3 property. Use this reference instead.
Another excellent CSS3 reference, this time from Codrops. Make sure to check this one out, too
Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.
I find myself using this handy list of the 30 most important CSS selectors from Tutplus all the time.
Just-add-water CSS animations. A simple CSS library that lates you add animations with ease.
Excellent guide on how to write better, cleaner and more reusable CSS code.
A tool for visually generating timing animation functions to use in CSS transitions and animations.
An amazing collection of easing functions bo be used in CSS transitions and animations.
Javascript Resources
Another reference by MDN, this one is for JavaScript. This is pretty advanced stuff
Very handy cheatsheet to determine which JavaScript operators are evaluated first.
Handy reference list of all DOM events with explanations, nicely categorized.
Fonts and typography tools
The #1 resource for free and easy-to-use webfonts. Has a huge library of fonts
The best, 100% free fonts for commercial use. Another well-known huge font library.
Web application for testing and comparing more than 2200 typefaces
Vector Icon
Select the Icon and use like a font
Include the CSS and Javascript Lib and you can use
Find the Png, Vector, SVG Icons
Find Font Awesome PNG Icons
Find PNG, PSD, SVG Icon
Vector PNG Icon B/W
Vector Icon B/W, Pencil Icon
Create a customized icon font from your icons. Choose from 9000 icons or import your own
2100 Vector Icons for iOS, Android, Websites & Apps. Drawn by hand and designed to perfection
PNG Icon
Design Inspiration
The ultimate design inspiration resource, not just for web design. The show and tell for designers.
Product landing page gallery. My #1 inspiration resource when I build a landing page.
The ultimate showcase of delicious One Page websites.
A showcase of the finest web and interactive design. Currently over 4900 websites.
Get quick inspiration for common website elements such as forms, sliders, navigations, etc.
Website Design inspiration
Tutorials - Notes, Guide
Install Sass by Command Line (window)
Torrent Download for Video Computer, IT, Design , Development Course
Torrent Download for Video Computer, IT, Design , Development Course
Learning - Coding, Computer Language, Photoshop Tutorial
Download Tutorial for Web and graphic
Download Tutorial for Web and graphic
All Computer Lan, Javascript, PHP, Wordpress , CMS and etc Tutorials
Knowledge Tutorial of HTML, CSS, Javascript, API, DOM, Extensions
Web Desiging, Development element, tutorial, learn new thinks
Learn Full Web and Graphic Thinks
Responsive View
Check your website in Resonsive View
Torrent Download for Video Computer, IT, Design , Development Course
Torrent Download for Video Computer, IT, Design , Development Course
CRO - Guide
PDF for CRO
PDF for CRO
PDF From Tutorial Point
Persentation for CRO
Hacking Tools
Check your website in Resonsive View