20 Useful Websites For Javascript & CSS Snippets

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.

Codepen

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

CodeSandbox

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.

Plunker

CSS Tricks

A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!

CSS Tricks

30 seconds of code

Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.

30 seconds of code

30 Seconds of CSS

A curated collection of useful CSS snippets you can understand in 30 seconds or less.

30 Seconds of CSS

Stackoverflow

Stackoverflow is a language-independent, collaboratively-edited question and answer site for programmers, where you can find CSS-tagged snippets.

stackoverflow

Code Snippets

A quick reference for commonly used JavaScript methods and browser APIs.

Code Snippets

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.

Code to go

Codepad

Share and save free code snippets, HTML5, CSS3 and JS Demos. Collaborate with other web developers using this free code sharing tool.

Codepad

Snipplr

It lets your store and share all of your commonly used pieces of code and HTML with other programmers and designers.

Snipplr

CodeMyUI

Handpicked code snippets you can use in your web projects.

CodeMyUI

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!

Dwitter

Tweetsnippet

It is a curated list of tips and tricks from Twitter.

tweetsnippet

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.

Snippets

Bootsnipp

It is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft.

Bootsnipp

Web Code Tool

Easy snippets of code essentials and generators.

Web Code Tool

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!

EnjoyCSS

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.

cssdeck

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!

liveweave

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.