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 :

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

Top comments (2)

Collapse
 
ffreemanjr profile image
ffreemanjr •

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.

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