Web Design References & Resources: HTML, CSS, RWD, FTP, SERVER, Text Editors, Site Testing, etc.
# Web Design & Development Resources
# 2015 Mar
============================================================
HTML Reference:
============================================================
http://www.w3schools.com/html/default.asp
http://www.w3schools.com/tags/default.asp
http://www.w3schools.com/html/html_examples.asp
http://overapi.com/html/
http://html.net/tutorials/html5/
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
HTML Tutorials
http://htmldog.com/guides/html/
HTML & CSS
Learn how to create websites by structuring and styling your pages with HTML and CSS.
http://www.codecademy.com/tracks/web
============================================================
CSS Reference:
============================================================
http://www.w3schools.com/css/default.asp
http://www.w3schools.com/cssref/default.asp
http://overapi.com/css/
http://speckyboy.com/2014/12/11/50-css-tools-resources-2014/
http://www.cssauthor.com/css-resources/
============================================================
Web Design Reference:
============================================================
https://developers.google.com/web/fundamentals/
https://www.khanacademy.org/
http://learndesignprinciples.com/index.html
http://tutorialzine.com/2014/09/50-awesome-tools-and-resources-for-web-developers/
============================================================
Responsive Web Design Resource:
============================================================
http://tutorialzine.com/2014/12/50-useful-libraries-resources-responsive-design/
18 Best Tools and Libraries for Responsive Web Designs
http://devzum.com/2015/03/03/best-tools-and-libraries-for-responsive-web-designs/
RWD TOOLS:
http://ami.responsivedesign.is/
http://responsivedesign.is/resources
============================================================
PHP:
============================================================
http://www.phptherightway.com/
http://learnxinyminutes.com/docs/php/
http://learn-php.org/
https://phpacademy.org/
============================================================
Text Editor:
============================================================
Sublime Text 3
http://www.sublimetext.com/3
Notepad++
http://notepad-plus-plus.org/
============================================================
FTP:
============================================================
Cyberduck
https://cyberduck.io/?l=en
Filezilla
https://filezilla-project.org/
============================================================
Testing and Tools:
============================================================
https://developers.google.com/speed/pagespeed/insights/
https://www.google.com/webmasters/tools/mobile-friendly/
Make the Web Faster
https://developers.google.com/speed/
Google for Webmasters
https://developers.google.com/webmasters/googleforwebmasters/
https://www.google.com/webmasters/
Webmaster Academy
https://support.google.com/webmasters/answer/6023933?hl=en&ref_topic=6001171&rd=1
Google Analytics
https://developers.google.com/analytics/
Web Fundamentals
Best practices for modern web development
https://developers.google.com/web/fundamentals/?hl=en
============================================================
Server:
============================================================
WampServer
http://www.wampserver.com/en/
============================================================
Other resources:
============================================================
Tevco Resources:
https://github.com/tevko/Resources
.htaccess
A collection of useful .htaccess snippets.
https://github.com/phanan/htaccess
Pattern-Primer
Generating styled markup from a folder of markup snippets.
https://github.com/adactio/Pattern-Primer
Learn to code
A guided tour through curated, free coding tutorials on the web
https://www.bento.io/
============================================================
GENERATORS:
============================================================
Colorful CSS Gradient Background Generator
http://www.webcore-it.com/colorful-background/#
============================================================
jQuery Plugins
============================================================
imgCentering.js – Centering Images with jQuery
http://www.inwebson.com/jquery/imgcentering-js-centering-images-plugin/
http://www.inwebson.com/demo/imgcentering/
TouchTouch
A gallery optimized for touch devices
http://demo.tutorialzine.com/2012/04/mobile-touch-gallery/
============================================================
PHOTOSHOP
============================================================
Photoshop-Export-Layers-to-Files-Fast
https://github.com/jwa107/Photoshop-Export-Layers-to-Files-Fast
============================================================
MENU & NAVIGATION
============================================================
# Pushy is a responsive off-canvas navigation menu
# using CSS transforms & transitions
http://www.christopheryee.ca/pushy/
https://github.com/christophery/pushy