Some Helpful Web Development Resources Worth Looking At

(Image from Merak Infoway Web Development).

During the past few years, I have come across quite a few helpful web development resources – that have played an important part in my learning. Since I seem to have hit a writers block, I thought I would put up the resources in here as a post, in the hope that it will help others out there looking for answers. If you like these helpful web development resources, I recommend that you bookmark this post, as I will update this post with new links from time to time. If you want to suggest some helpful web development resources, feel free to comment below – if they are not spam and they do check out, I will add them here.

Here are some helpful web development resources that have helped me develop my skills as a web developer:

H.T.M.L and C.S.S

• HTML5 Boilerplate
• L.E.S.S – The dynamic stylesheet language
• Cheat Sheets – CSS3.com
• Geometric Shapes Using Only CSS3
• More Geometric Shapes Using Only CSS3
• 960 Grid System
• Responsive Web Design
• HTML, CSS, and jQuery cheat-sheets
• HTML and CSS Frameworks – A Useful Collection
• The Guide To CSS Animation: Principles and Examples
• 70 Must See CSS3 Tips, Tricks And Tutorials
• Creating a Mobile-First Responsive Web Design
• 30 Useful Responsive Web Design Tutorials
• Responsive Web Design Guidelines and Tutorials
• How to Turn Any Site Into a Responsive Site
• Build a Street Fighter Demo with CSS Animations and JavaScript
• Surviving the Zombie Apocalypse with HTML5 and SVG

Back to top

P.H.P

• CodeIgniter – Open source PHP web application framework
• PHP Frameworks: Some You Must Try
• Object-Oriented PHP for Beginners
• Writing MySQL Scripts with PHP and PDO
• Why You’re a Bad PHP Programmer
• The Best Way to Learn PHP
• Test-Driven Development for PHP
• Object Oriented Programming Concepts in PHP

Back to top

MySQL

• A Visual Explanation of SQL Joins

JavaScript and jQuery

• jQuery: The Write Less, Do More, JavaScript Library
• Useful Javascript Frameworks
• Useful jQuery Plugins Review
• Thorax: Backbone + Handlebars
• Top JavaScript MVC Frameworks
• Evolving a New Mutation
• Get Started with Nodejitsu
• Automatic Type Conversion In The Real World
• Simple Animations Using requestAnimationFrame
• Create a Cross-browser Touch-based Joystick with Hand.js
• 50 Most Useful jQuery Plugins from 2012

Back to top

Ruby on Rails

• Ruby on Rails Tutorial: Learn Rails by Example book and screencasts by Michael Hartl
• Learn Ruby With the New Context Ruby Koans
• Ruby on Rails Tutorials – NetTuts

Back to top

ASP.NET

• How to create Asynchronous device Page in ASP.NET 4.5
• Tutorials: Getting Started with ASP.NET MVC

Back to top

Website Security

• How to prevent XSS attacks like Yahoo

Back to top

WordPress

• WordPress Codex
• 10 Must-Know Skills for a WordPress Plugin Developer
• How to Create a WordPress Plugin
• Create a Custom WordPress Plugin From Scratch
• WpRecipes.com : Daily recipes to cook with WordPress
• 10 Must-Know Skills for a WordPress Plugin Developer
• How to Create a WordPress Plugin
• Create a Custom WordPress Plugin From Scratch

Back to top

Git and Versioning

• Git Cheatsheet
• An Introduction To Git – learn.github.com
• GitHub Help

Back to top

Search Engine Optimisation and Social Media

• Matt Cutts: Gadgets, Google, and SEO
• SEOmoz: The Daily SEO Blog
• Google: Search Engine Optimisation starter guide
• Using Social Media and S.E.O for Success
• Types of Search Engine Optimization
• Social Media Dashboard Applications
• SEO Fundamentals for Web Designers
• How to Identify an Online Community for Your Business

Back to top

Mobile Development for the Web

• Mobile web content adaptation techniques
• Why We Shouldn’t Make Separate Mobile Websites
• Not a mobile web, merely a 320px-wide one
• Mobile Site vs. Full Site – Jakob Neilsen
• A separate mobile website: no forking way
• Common mobile web design mistakes
• Forms On Mobile Devices: Modern Solutions
• What Is Mobile-First Responsive Web Design?
• How To Make Your Websites Faster On Mobile Devices

Back to top

General Web Development, Tech

• CatsWhoCode.com
• Stack Overflow
• Smashing Magazine – Coding
• Tutorials – Nettuts+
• W3Schools Online Web Tutorials
• Web Design – HTML XML- Web Development – Website Design
• WebProNews – Breaking News in Tech, Search, Social, & Business
• Creative Examples of Integrating Google Map into Websites with Plugins
• Why an EC2 Instance Isn’t a Server
• Our 50 Favorite Web Development Resources from 2012 – SpeckyBoy

Back to top