Hi, folks

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

JavaScript

• 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.

CSS

• 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

UI/UX

• Design better data tables : The ingredients of a successful data table UI
• Hackdesign : An easy to follow design course for people who do amazing things.
• Goodui : A/B test patterns to find out which ones work better than others.
• Refactoring UI : Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
• Daily UI : Become a better designer in 100 days.
• Design Principles : An open source collection of Design Principles and methods.
• Design Better : Introducing the best practices, stories, and insights from the world’s top design leaders.
• Web Design: How to Use Icons on Landing Pages
• Dieter Rams: Ten Principles For Good Design
• The Best Place for Error Messages on Forms
• Micro interactions : Designing with Details

PHP

• Ham : PHP Microframework.
• No Framework Tutorial : A small tutorial to show how to create a PHP application without a framework.
• Design Patterns : sample code for several design patterns in PHP.
• PHP The Right Way : An easy-to-read, quick reference for PHP popular coding standards.
• Awesome PHP : A curated list of amazingly awesome PHP libraries, resources and shiny things.
• Survive The Deep End: PHP Security : PHP Security Book
• PHPtown hall : 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?
• A List Apart : Explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
• The A11Y Project : A community-driven effort to make web accessibility easier.
• 30 seconds of interviews : A curated collection of common interview questions to help you prepare for your next interview.
• Why Web Developers Need to Care about Interactivity
• Developer Roadmap : Roadmap to becoming a web developer in 2018
• Top 12 Things That Destroy Developer Productivity
• Web Performance 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