DEV Community

Cover image for Sharing my bookmark
Mazen Touati
Mazen Touati

Posted on

Sharing my bookmark

Hi, folks

I've thought recently about sharing my dev related bookmark. So without further ado let's begin :


  • idiomatic.js : Principles of Writing Consistent, Idiomatic JavaScript
  • JS Tip : A JavaScript tip per day
  • Superhero : A collection of the best articles on creating, testing and maintaining a large JavaScript code
  • JavaScript The Right Way : A guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.
  • Eloquent JavaScript : This is a book about JavaScript, programming, and the wonders of the digital (absolutely recommended)
  • Project Guidelines : A set of best practices for JavaScript projects
  • You Dont Know JS : A book series on JavaScript.
  • YOU MIGHT NOT NEED JQUERY : A resource for doing things without jQuery.
  • 33 js concepts : 33 concepts every JavaScript developer should know. (absolutely recommended)
  • Alligator : JavaScript Related tutorials made easy.
  • JavaScript30 : Build 30 things in 30 days with 30 tutorials

JavaScript Libraries

  • Awesome Javascript : A collection of awesome browser-side JavaScript libraries, resources and shiny things.
  • Microjs : A micro-site for micro-frameworks
  • ZeptoJS : Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API.
  • chartist.js : Simple responsive charts.
  • Nivo : nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries.
  • Sizzle : A pure-JavaScript CSS selector engine designed to be easily dropped in to a host library.
  • DynamicsJS : JavaScript library to create physics-based animations.
  • Simulacra : Data-binding function for the DOM.
  • NProgress.js : A nanoscopic progress bar. With realistic trickle animations to tell your users that something's happening!
  • Turbolinks : Turbolinks makes navigating your web application faster.
  • Clusterize.js : Tiny plugin to display large data sets easily.
  • Rivetsjs : Lightweight and powerful data binding + templating solution for building modern web applications.
  • hyperdom : A fast, feature rich and simple framework for building dynamic browser applications.
  • barbajs : Create badass, fluid and smooth transition between your website's pages.
  • Vivusjs : Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.
  • Selectize : Selectize is the hybrid of a textbox and box. It's jQuery-based and it's useful for tagging, contact lists, country selectors, and so on.
  • Popmotion : A functional, flexible JavaScript animation library.


  • Magic of css : The magic of CSS.
  • MaintainableCSS : Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.
  • Atomic Design : A methodology for creating design systems. There are five distinct levels in atomic design.
  • CSS guidelines : Sensible CSS Guidelines for large scale projects.
  • Codyhouse : Web design nuggets.
  • Idiomatic CSS : Principles of writing consistent, idiomatic CSS.
  • ColorSpace : CSS Gradient generator.
  • The stacking context : Understand more the stacking context in CSS



General Dev Related

I hope that you enjoyed this list. It will be great if you too share your bookmarks with us πŸ¦„


Top comments (2)

ffreemanjr profile image

Mazen, Thank you for sharing your bookmark. I see a lot of good stuff there that I, as a newbie who is learning can use as reference.

julesmanson profile image
jules manson

Damn!!! these are awesome resources. I am bookmarking the living dogshit out of it (a funny way of saying I am saving this). Thank you so much.