There are many great Javascript and CSS code snippets that can make your life easier and speed up front-end development. In this post we are going to share you 20 Useful Websites For Javascript & CSS Snippets that will help you to save you some time when solving common problems.
Codepen
It is a cloud-based code playground that allows web developers to tweak snippets of their JavaScript, HTML5 and CSS code. It seamlessly works with lots of JavaScript preprocessors, libraries and frameworks, and it has has lots of options for sharing snippets.
CodeSandbox
It is an online editor that helps you create web applications, from prototype to deployment. It allows developers to simply go to a URL in their browser to start building apps. This not only makes it easier to get started, it also makes it easier to share with your remote team or with your client to review the code or can be used for further development on these sandboxes by just sharing the URL
Plunker
It is the best tool to prototype, experiment, share and debug your ideas on the web platform. From idea to implementation, Plunker helps you build something quickly and frictionlessly.
CSS Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
30 seconds of code
Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
Stackoverflow
Stackoverflow is a language-independent, collaboratively-edited question and answer site for programmers, where you can find CSS-tagged snippets. StackOverflow is an essential resource for programmers. Whether you run into a bizarre and scary error message or you’re blanking on something you should know, StackOverflow comes to the rescue.
Code Snippets
A quick reference for commonly used JavaScript methods and browser APIs.
Code to go
It helps developers learning JavaScript find up to date, accurate and ready to use snippets of JavaScript code for common use cases.
Codepad
Share and save free code snippets, HTML5, CSS3 and JS Demos. Collaborate with other web developers using this free code sharing tool.
Snipplr
It lets your store and share all of your commonly used pieces of code and HTML with other programmers and designers.
CodeMyUI
Handpicked code snippets you can use in your web projects.
Dwitter
It is a challenge to see what awesomeness you can create when limited to only 140 characters of javascript and a canvas. Give it a go!
Tweetsnippet
It is a curated list of tips and tricks from Twitter.
Snippets
This app collects some code snippets that are commonly used and searched on the Internet, and provides search functions on the page to quickly find the code we usually write down.
Bootsnipp
It is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft.
Web Code Tool
Easy snippets of code essentials and generators.
EnjoyCSS
It is an advanced CSS3 generator that allows you to get rid of routine coding. It gives access to a gallery with ready-made solutions from text effects to art and templates. It is a powerful CSS online generator that I recommend to others!
CSSdeck
You can use CSSDeck to make testcases and share with other people on IRC, forums, StackOverflow, etc. who help you solve your coding problems. You can even code with multiple people in realtime in various modes.
Liveweave
It is a HTML, CSS & JavaScript editor with real-time preview. It is the ultimate playground for web designers and developers, and a great tool to test, practice and share your creations!
