#The Web Resources
I have learned so mush over the last few years and have collected so many links I would like to share them with the Web Community.
I am by no means a top-notch developer but I have written a few apps which many Teachers and Students in Science and Math use today. Over the past four years I have had the opportunity to learn from the great minds in the Web Community like Taylor Otwell, Jeffrey Way, and many others. I hope to be able to give something back to the Web World by adding my own list of resources and the long list of resources can help no matter what stage of development your are in.
Feel free to ask me any questions or make suggestions regarding anything on this repo on twitter: @hjgarcia1.
##The tools of the trade (for me at least)
- I use a MacBook Pro (nothing against Windows or Linux - I am also a computer nerd)
- PHPStorm
- MAMP Pro - OSX
- ITerm2 - OSX
- CodeKit - OSX
- Git-Tower - OSX
- Sequel Pro - OSX
- Mou Markdown Editor - OSX
- LiveReload
(I will be adding Windows stuff in the near future. Once I get a chance to test it out, and make sure it can help.)
####Useful tips for PHPStorm users:
-
I use CodeKit for LESS, SCSS compilation and minification as well as JS concatenation and minification therefore I don't use the FileWatcher Plugin.
-
Good Collection of Themes @ http://www.phpstorm-themes.com/.
-
PHPStorm comes with git and database navigation built it. You don't really need Tower and Sequel Pro. Having does not hurt though.
-
Source Code Pro Font does work: For anyone on OSX trying to get this combination to work, you'll have to add in the SCP .ttf files to this folder : /System/Library/JavaVM.Framework/Home/lib/fonts
-
Useful Plugins are: AceJump
-
Some useful tutorials: Jetbrains TV, John Lindquist - Youtube, Fedor Korotkov - Youtube
-
Use Live Templates. Makes for faster editing.
##And here comes the Learning
Anything that requires a subscription I will add a $ sign next to it as a heads up. I will try to keep adding as many free resources as I can.
####Web Design
- Design School for Developers
- A-Z of Web Typography
- UX Foundations
- Web Design Theory
- Photoshop Tutorial (Good to know)
- Design Instruct
- Web Designer Depot
###HTML Courses, Tutorials and Tips:
- Web Development from Scratch
- Photoshop to HTML
- HTML5 and You
- Converting a Photoshop Mockup: Prequel, Part 1, Part 2, Part 3
- CoDrops
- Level Up Tuts - HTML5
- The New Boston - HTML5
- The New Boston - HTML and CSS
- Learning HTML and CSS (Subscription - $$$)
Sites to Keep an Eye On:
###CSS Courses, Tutorials and Tips:
- CSS-Basics
- CSS Almanac
- Converting a Photoshop Mockup: Prequel, Part 1, Part 2, [Part 3](http:/ /css-tricks.com/video-screencasts/14-converting-a-photoshop-mockup-part-two-episode-three/)
- CoDrops
- Level Up Tuts
- Level Up Tuts - CSS3
- Learning HTML and CSS (Subscription - $$$)
Sites to Keep an Eye On: