Awesome
#A curation of resources for Web Developers
Regular Visits
- Web design weekly
- Sidebar
- AWWWards
- A list apart
- The Neo Design
- Codrops
- Scotch.io
- CSS tricks
- TechCrunch
- SitePoint
- Smashing Magazine
- Speckyboy
- Vandelay design's blog
- Hack design
- Line 25
- Web Dev Snippets
- Codular
- Lonely pixel
- SiteBuilderReport
- Codacy
- Code School Blog
- Web Designer Depot
Tutorials
- Hack design
- Tutsplus
- Tutorialzine
- Codeplayer
- Dive into HTML5
- HTML5 Rocks
- Code Bright for Laravel PHP
- PHP the right way
- Human JavaScript
- User managaement in node.js
- node.js guides
- Learn AngularJS in 30 minutes
- 5 practical AngularJS examples
- Getting started with OAuth
- Jekyll resume
Workflow
- Thoughtbot's Playbook
- Web dev checklist
- Pre-deploy checklist
- Visual Designers Checklist for the Web
- Desktop development with HTML5, CSS3 and JavaScript
- Apache Cordova - platform for building native mobile applications using HTML, CSS and JavaScript
- PHỞ - automated workflow for front-end developers
- Yeoman - the web's scaffolding tool
- Periodic table of web design process
- How to start a web design project
- Finding a winning workflow for frontend development
Business
- Freelancer life
- Simple contract template
- 33 ways to get more clients
- Avoiding client headache
- Don't screw up client presentations
- Starting and running your own business
- Business Validation Cheat Sheet
Tools
- 10 essential tools for startups
- uiFaces - sample avatar mockups
- Adobe Kuler color wheel
- Daux.io - documentation generator
- Online style guide generator
- SEO site checkup
- Developer and power users tool list for windows
- Vagrant
- Forp - PHP Profiler
- RawGit - easy CDNs
- SinglePafe.guru - singlepage design made easy
- Reveal.js - HTML presentations made easy
- Firebase - store and sync data in realtime
Cheatsheet
- 20 Useful HTML5 Code Snippets You Should Know
- Responsive breakpoint cheatsheet
- AngularJS cheatsheet
- SEO periodic table
Design
- A baseline for Front-End developers
- Gestalt Principles
- The role of visual design
- Clean up your mess
- The boring Designer
- Paralyzed by choice in Front-End development
- How to cultivate culture in online communities
- Most common technical interview questions for front end developers
- 10 best free ebooks for designers
- Google's best practices for modern web development
- Google design principles ands material design
- User Personas
- Briefbox - practice design briefs
UX and UI
- 10 differences between UX and UI designers
- UX crash course
- Google's UX design approach
- Flat UI Colors
- Good UI - tips for building good UIs
- Free UX Resources
- User onboarding teardowns
- A/B testing with PHP
- Google Content Experiments
CSS
- CSS guidelines
- GitHub's style guide
- Groupbuddies Sass project architecture and style guide
- CodePen's CSS
- Medium's CSS
- GitHub's CSS
Templates, Frameworks and Components
- Layers CSS
- Flat UI
- PixelKit Bootstrap UI kits
- Bourbon - Sass mixin library
- Simple CSS spiners
- 20 Free useful flat HTML templates
- Web and mobile GUI templates
- CodyHouse - A free library of HTML, CSS, JS nuggets
- HTML5 up - spiffy templates
- 20 Free useful flat HTML templates
- Web and mobile GUI templates
Inspiration
- AWWWards
- Codrops' playground
- Panda - Collections for designers
- Minimalist Gallery
- Collection by #2E353F
- Beautiful sites for Open Source projects
- Moodboard
- Uber
- Hyperakt
- Jacob Tomlinson's minimal blog
- Jason Cha's DailyBible
- Iuvo's playground
- JS demos
- Flat Surface Shader demo
- A collection of active backgrounds
Plugins
- Shepherd - Guide your users through a tour of your app
- HTML5 slider with range support
- jQRangeSlider
- Chosen - Better select boxes
- Selectize - textbox and select hyrbid
- Datatables
- You might not need jQuery
- Masonry
- MixItUp - filtering and sorting
- jQuery FocusPoint
Icons
Fonts
- Typ.io - Fonts that go together
- Beautiful Web Type
- Google web fonts typography
- Open Sans
- Lato
- Best new web fonts of 2013
- Blokk font
- Fresh free fonts
- 10 commandments of typography
Stock images
Other curations
- Backend development bookmarks
- 50 CSS Libraries, Frameworks and Tools from 2014
- Web Field Manual
- Tevko's resources
Javascript
- Idiomatic JS
- Make your own AngularJS
- JavaScript Garden - Documentation on JavaScript quirks
- JavaScript hacks explained