Sharing my bookmark
Tags: tools, javascript, php, css
Published: 2018-12-03 23:35:33

---
title: Sharing my bookmark
published: true
description: my dev related bookmark shared with you.
tags: #tools #javascript #php #css
cover_image: https://thepracticaldev.s3.amazonaws.com/i/zdbotz5lcddpehct8nlc.jpg
---

Hi, folks

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

###JavaScript 
- [idiomatic.js](https://github.com/rwaldron/idiomatic.js) : Principles of Writing Consistent, Idiomatic JavaScript
- [JS Tip](http://www.jstips.co/) : A JavaScript tip per day
- [Superhero](http://superherojs.com/) : A collection of the best articles on creating, testing and maintaining a large JavaScript code
- [JavaScript The Right Way](http://jstherightway.org/) : A guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.
- [Eloquent JavaScript](http://eloquentjavascript.net/) : This is a book about JavaScript, programming, and the wonders of the digital (*absolutely recommended*)
- [Project Guidelines](https://github.com/elsewhencode/project-guidelines) : A set of best practices for JavaScript projects
- [You Dont Know JS](https://github.com/getify/You-Dont-Know-JS) : A book series on JavaScript.
- [YOU MIGHT NOT NEED JQUERY](http://youmightnotneedjquery.com/) : A resource for doing things without jQuery.
- [33 js concepts](https://github.com/leonardomso/33-js-concepts) : 33 concepts every JavaScript developer should know. (*absolutely recommended*)
- [Alligator](https://alligator.io/) : JavaScript Related tutorials made easy.
- [JavaScript30](https://javascript30.com/) : Build 30 things in 30 days with 30 tutorials

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

###CSS
- [Magic of css](https://adamschwartz.co/magic-of-css/) : The magic of CSS.
- [MaintainableCSS](https://maintainablecss.com/) : 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](http://bradfrost.com/blog/post/atomic-web-design/) : A methodology for creating design systems. There are five distinct levels in atomic design.
- [CSS guidelines](https://github.com/chris-pearce/css-guidelines) : Sensible CSS Guidelines for large scale projects.
- [Codyhouse](https://medium.com/codyhouse) : Web design nuggets.
- [Idiomatic CSS](https://github.com/necolas/idiomatic-css) : Principles of writing consistent, idiomatic CSS.
- [ColorSpace](https://mycolor.space/gradient) : CSS Gradient generator.
- [The stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context) : Understand more the stacking context in CSS


###UI/UX
- [Design better data tables](https://uxdesign.cc/design-better-data-tables-4ecc99d23356) : The ingredients of a successful data table UI
- [Hackdesign](https://hackdesign.org/lessons) : An easy to follow design course for people who do amazing things.
- [Goodui](https://goodui.org/) : A/B test patterns to find out which ones work better than others.
- [Refactoring UI](https://refactoringui.com/) : Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
- [Daily UI](http://www.dailyui.co/) : Become a better designer in 100 days.
- [Design Principles](https://principles.design/) : An open source collection of Design Principles and methods.
- [Design Better](https://www.designbetter.co/) : Introducing the best practices, stories, and insights from the world’s top design leaders.
- [Web Design: How to Use Icons on Landing Pages](https://icons8.com/articles/web-design-how-to-use-icons-on-landing-pages/)
- [Dieter Rams: Ten Principles For Good Design](https://readymag.com/shuffle/dieter-rams/ten-commandments/)
- [The Best Place for Error Messages on Forms](http://uxmovement.com/forms/the-best-place-for-error-messages-on-forms/)
- [Micro interactions](http://microinteractions.com/) : Designing with Details

###PHP
- [Ham](https://github.com/radiosilence/Ham) : PHP Microframework.
- [No Framework Tutorial](https://github.com/PatrickLouys/no-framework-tutorial) : A small tutorial to show how to create a PHP application without a framework.
- [Design Patterns](https://github.com/domnikl/DesignPatternsPHP) : sample code for several design patterns in PHP.
- [PHP The Right Way](https://phptherightway.com/) : An easy-to-read, quick reference for PHP popular coding standards.
- [Awesome PHP](https://github.com/ziadoz/awesome-php) : A curated list of amazingly awesome PHP libraries, resources and shiny things.
- [Survive The Deep End: PHP Security](https://phpsecurity.readthedocs.io/en/latest/index.html) : PHP Security Book
- [PHPtown hall](https://phptownhall.com) : A podcast for developers who want to keep up to date with the latest random happenings in the PHP community.


###General Dev Related
- [What technical details should a programmer of a web application consider before making the site public?](https://softwareengineering.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before)
- [A List Apart](https://alistapart.com) : Explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
- [The A11Y Project](https://a11yproject.com/) : A community-driven effort to make web accessibility easier.
- [30 seconds of interviews](https://30secondsofinterviews.org/) : A curated collection of common interview questions to help you prepare for your next interview.
- [Why Web Developers Need to Care about Interactivity](https://philipwalton.com/articles/why-web-developers-need-to-care-about-interactivity/)
- [Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap/) : Roadmap to becoming a web developer in 2018
- [Top 12 Things That Destroy Developer Productivity](https://hackernoon.com/top-12-things-that-destroy-developer-productivity-2ddf0abc190)
- [Web Performance 101](https://3perf.com/talks/web-perf-101/) : An introduction to the modern web loading performance.

---

I hope that you enjoyed this list. It will be great if you too share your bookmarks with us 🦄

peace