Hi guys,
I thought it would be cool to start a topic for people to share sites they find useful for their design/development processes. Here is a list of sites I find useful and/or use regularly:
General Stuff:
http://jsfiddle.net/ - Useful for JavaScript troubleshooting. Test your code and just play around with HTML/CSS and JavaScript. If you're looking for help with a piece of code, save your Fiddle and send it to someone else who can take a look at it You can also save revisions of your Fiddle to track your progress.
http://pastebin.com/ - Useful for sharing code online. Useful for when you run in to a bit of trouble with some server-side code. Instead of pasting masses of lines inside a topic, paste your code in to pastebin and get someone to have a look at it for you
http://jsonlint.com/ - JSON Validator
http://paletton.com/ - Color Scheme Designer. See what colours complement each other etc. Useful stuff.
http://www.lipsum.com/ - Lorem Ipsum - Useful for inserting dummy text in to your web pages.
http://net.tutsplus.com/category/tutorials/php/ - PHP tutorials, quizzes etc. They also do the same for JavaScript, HTML, CSS, WordPress, ASP.NET to name a few. Really good site.
Javascript:
You Don't Know JavaScript - https://github.com/getify/You-Dont-Know-JS
JavaScript scene https://medium.com/javascript-scene
Webpack Asset bundler https://webpack.js.org/
Jest, Automated tests for JavaScript https://facebook.github.io/jest/
CSS:
http://css3generator.com/ - Generate CSS3. Box Shadow, Border Radius etc.
http://border-radius.com/ - Generate border radius quickly!
http://www.javascripter.net/faq/hextorgb.htm - HEX to RGB conversion.
http://meyerweb.com/eric/tools/css/reset/ - CSS Reset Stylesheet. Resolve browser inconsistencies such as varying margins/padding.
http://www.cssplay.co.uk - Lots of experiments with CSS, menus and layouts.
CSS Wizardry: https://csswizardry.com/
Sass Guidelines https://sass-guidelin.es/
Responsive Design:
http://www.getskeleton.com/ - Responsive Grid.
Nebula - a framework built by WDF member, rbrtsmith: https://nebulaui.github.io/nebula/
Server-Side Coding:
http://net.tutsplus.com/tutorials/php/php-database-access-are-you-doing-it-correctly/ - How to connect to a database using PDO
http://www.php.net/manual/en/index.php - PHP manual for everything PHP!
Form Validation (Client-Side):
https://jqueryvalidation.org/ - (My preferred method) Simple to use. Include the necessary jQuery and Validation.js files. Simple usage example, call the function using $('#myForm').validate(); and add a class="required" to fields you want to validate Also allows you to create custom messages and make the validation more advanced!
I hope these are useful! If anyone has any others to share, please do
Lyndsey.