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!