simplu27
3/3/2015 - 1:20 PM

Web Design References & Resources: HTML, CSS, RWD, FTP, SERVER, Text Editors, Site Testing, etc.

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