Tutorial Sites There are lots of free resources on the web, but sometimes I think you get what you pay for. I have subscribed to many paid services over the past year and these are the ones that I have found some really good tutorials and resources
|
A huge library of courses and ebooks to help you learn. Monthly ($19.00/mo) or Yearly ($180) subscriptions give you access to all courses and ebooks. |
|
Get the iPad app and have access to all of the courses for a monthly $9.99 subscription gives you access to all courses. A very inexpensive way to go. |
|
Pay by the course. Subscribe to their newsletter and watch for deals |
Peer Support
|
If you have a question on anything to do with web development, here is where you will find an answer. A language-independent collaboratively edited question and answer site for programmers. |
Twitter Subscribe to twitter and follow these accounts
|
Tuts+ teaches creative and technical skills to millions of people worldwide, on topics such as design, development, photography, video, computing, and craft. |
|
Handy HTML5 and browser technology links and news courtesy of the HTML5 Weekly newsletter. |
|
Vitaly Friedman, editor-in-chief of Smashing Magazine, an online magazine for professional Web designers and developers. |
|
Social news site dedicated to JavaScript and related topics. |
|
Daily JavaScript news and links. A sister account to the JavaScript Weekly newsletter |
App.net Join App.net and follow these accounts.
@mlane |
Probably the best resource for JS, CSS and development tools - Senior UX Architect and Designer near Minneapolis, MN with over 15 years experience in creative design for desktop, web and mobile applications. |
@jifasnif |
Javascript is Fun and so Node is Fun. Not just node info here. |
@sentience |
Kevin Yank - Instructor and great information |
Web Design
Colour Schemes |
|
This online tool has some interesting ways of generating colour themes by allowing you to select from the scheme brightness/saturation, and contrast rather than selecting the individual colours that make up the scheme. A range of standard mathematical scheme methods are available including mono, triad, tetrad and analogic. |
|
This handy little tool creates a colour palette from any image on the web. Simply paste in the address of the image you’d like to analyze, and the site will grab the image, pull out the colours within it and generate a handy 3D pie chart showing colour usage throughout the image. Not so useful for creating traditional themes, but great for examining images and the colour distribution within them. |
|
Creating a colour scheme is essential to good design. We’ve gathered together some fantastic tools to help you perfect your colour choices. |
|
Enter a Web Site URL and get a complete breakdown of all colours used on that site. |
|
Enter a hex value and then have it automatically generate different shades of that same colour. |
CSS |
|
To use Button Maker, you just adjust the settings until you have a nice looking button, then press the button and it will give you the CSS. Copy and paste at your leisure. Now you can use the class name "button" on HTML elements to make them look like buttons. |
|
A powerful Photoshop-like CSS gradient editor from ColorZilla. |
|
Just Enter the URI of a document (HTML with CSS or CSS only) you would like validated: |
|
You hate writing vendor prefixes for all browsers? Just let CSSPrefixer do it for you!
|
|
SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze. Just install the Chrome Extension or ... |
|
Beautifies your CSS automatically so that it is consistent and easy to read. |
|
Float is a CSS positioning property |
Web Development
Sublime Text - My Code Editor of Choice |
|
My code editor of choice. Available for Mac, Windows and Linux |
|
The BEST set of tutorials to learn how to use SublimeText 2 |
|
Resource of Sublime Text Plugins and extensions |
|
When you’ve gotten comfortable with a quality text editor, it should really be unnecessary to move your hands off the keyboard. Sublime Text gives you a ton of power without ever touching your mouse. It takes a little while to get up to speed with its way of doing things, but the more you use these shortcuts, the more you want to use Sublime Text. |
|
Keep track of and reuse your recent clipboard items |
|
Sublime Text allows for plenty of text editing power out of the box, but the real power comes when you begin configuring it to meet your own needs. |
|
A large part of Sublime Text’s power comes from its extensive collection of packages. There are packages for pretty much every use case. I’m going to limit myself to listing 5 of the most useful for Javascript development, but its definitely worth looking around at the options to find more that fit what you want to do. |
HTML |
|
A quick tool for creating HTML tables out of spreadsheet data |
|
Use this tool to reformat CSV data into a HTML table. A HTML table makes it extremely easy to visualize your CSV. Unlike other sites, here you can see not only the HTML code, but the table itself, so this tool can be used as a CSV Viewer also. Filter output by any field. Online CSV sort by field value in character or numeric order. Choose and re-arrange CSV fields. New feature! Total numeric fields. |
|
This tool lets you see the structure of the YouTube API JSON-C response for a particular API query. You can complete the form to customize your API query and then click the Search button to execute that query. The page will display the API request URL for your query as well as a formatted response that shows how information is nested in the API response. |
|
This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. |
|
List of Common HTML Error Codes: Web Site Maintenance: Tools and Guides: IU Webmaster: Indiana University
|
Javascript Libraries, Tools and Tutorials |
|
A set of javascript tools for working with files. |
|
Use this tool to output JSON data from CSV. You have the option of making your attribute names upper and lower case. You can limit the number of records processed also. You can select the fields to output and rearrange CSV fields. You can filter CSV output by using the query tool. You can sort CSV data in ascending or descending order. |
|
For validating and formatting JSON |
|
The JSON Formatter was created to help with debugging. As data expressed as JSON is often written without line breaks to save space, it became extremely difficult to actually read and make sense of it. This tool hopes to solve the problem by formatting and validating JSON data so that it is easy to read and debug by human beings. |
|
Javascript Cookie Library with jQuery bindings and JSON support
|
|
JSON: What It Is, How It Works, & How to Use It |
|
A good blog post to help with understanding of Deferred and Promises |
|
Another blog post |
|
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it's not just for tables. |
jQuery |
|
Official jQuery Web site |
|
Alternative jQuery Documentation Browser
|
|
a faster, more usable interface which would allow me to quickly traverse each method's source. It's dead simple. Type in a jQuery method name (then wait a bit) and the corresponding source will show up. |
|
jQuery Mobile is the easiest way to build sites and apps that are accessible on all popular smartphone, tablet and desktop devices. For jQuery 1.6.4 and 1.7.1. |
|
A guide to the basics of jQuery |
|
Getting a grip on jQuery |
jQuery UI + |
|
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. |
|
|
|
Introductory Tutorial |
|
A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things! |
AJAX |
|
jQuery provides simple yet powerful functions which have extended the JavaScript AJAX methods and provide more flexible way. Let us see different ways of doing AJAX things in jQuery. |
|
Blog Post |
|
AJAX is about updating parts of a web page, without reloading the whole page. |
APIs |
|
The OpenWeatherMap service provides free weather data and forecast API suitable for any cartographic services like web and smartphones application |
|
Useful Google Maps API resources |
|
A JQuery plugin to create google maps with advanced features (overlays, clusters, callbacks, events...) |
Reference |
|
DevDocs combines multiple API documentation in a fast, organized, and searchable interface. Here's what you should know before you start: |
|
HTML Reference - (HTML5 Compliant)
|
|
CSS Reference
|
|
A collection of cheat sheets for most coding languages/ |
|
Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
|
|
Web Developer Tutorials | HTML5 and CSS3 Tutorials |
|