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