Below is a collection of silly tools and resource links to help your front-end development.

Secret to productivity is not finding more time to do more stuff, but finding the strength to do less of the stuff that doesnt need doing. - David Heinemeier Hansson

gh-Pages URL Generator The Walking Dead - Abrahamisms

🧰 Tools / Generators

CSS

• WebGradients
• List - Gradient Backgrounds
• https://cssgradient.io
• CSSmatic - Box Shadow
• Favicon Generator
• CSS Gradient Animator
• CSS3 RGBA Generator
• CSS Grid Generator
• CSS-Tricks - Font Stacks

JS

• JSON Generator

React

• https://divjoy.com

Misc

• Snazzy Maps
• https://www.funkify.org/simulators

🏘 Frameworks / Libraries

CSS

• http://devinhunt.github.io/typebase.css

JS

• cdnjs
• JavaScripting.com
• reveal.js
• bideo.js
• carbon
• Materialize
• https://introjs.com
• https://lodash.com/

Lightbox

• fancybox
• chocolat.js
• Featherlight
• Lity

Animation

• animista
• Pose
• Animate.css

🌟 Inspiration

CSS

• CSSline
• CSS Nectar
• Unmatched Style

JS

• https://electerious.com
• https://2019.stateofjs.com/

Animation

• https://codepen.io/littlesnippets/pen/RWeOob

📚 Learn / Reference

General

• The Odin Project
• https://web.dev/

HTML

• https://www.toptal.com/designers/htmlarrows
• HTML Semantics Cheat Sheet

CSS

• https://css-tricks.com/solved-with-css-dropdown-menus/
• http://stephen.io/mediaqueries
• https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Unity

• https://www.lynda.com/Unity-2D-tutorials/Unity-5-2D-Building-Adventure-Game/513588-2.html

Comand Line

• Conquering the Command Line

📦 Collections

Each link is a collection of curated resources, guides and inspiration.

Evernotes

• Development - Code for Web/Mobile
• Flowcharts / Sitemaps
• Prototyping
• Front-end Frameworks
• git
• HTML
• CSS
• JavaScript / jQuery
• Regular Expressions - RegEx
• Website Management / Maintenance
• User Testing
• Code Editors / Environments

Bonus! YouTube Playlists

• Development

Double Bonus!

• Resource Cards