Cheatsheets/Guids:
- ES2015+ Cheatsheet
- JS Cheatsheet
- CSS Cheatsheet
- JS Regex Cheatsheet
- DOM Cheatsheet
- GIT Cheatsheet
- React Cheatsheet
- Redux Cheatsheet
- Vue Cheatsheet
- Vuex Cheatsheet
- Angular 4 Cheatsheet
- Flex Cheatsheet
- Sass/Scss Cheatsheet
- Graphql Cheatsheet
- CSS Grid Cheatsheet
- CSS Grid playground
- Grid by Example
- CSS Terms/Vocabulary Cheatsheet
- PHPUnit Cheatsheet
- Bootstrap Glyphicons Cheatsheet
- Fontawesome Glyphicons Cheatsheet
- HTML5 canvas Cheatsheet
- HTML5 Semantic Cheatsheet
- Email & Newsletters
- Chrome Devtools Cheatsheet
- Web Accessibility Checklist
- IxD Checklist
- A free guide to elements
- Code Review Etiquette
- CSS Grid Guide
- Animation Easing functions PostCSS Plugin
Design
API:
Lib
- React styleguidist (Styleguide Generator)
- Runtime type checking using Flow
- Transform SVG into React components
- GitHub-inspired simple and modern charts for the web with zero dependencies.
- Accessible W3C conform accordion written in ES6.
- Focused elements don't have to be ugly
- sonar: Linting the web forward
- Quickly craft clean, responsive emails
- Light Modal
- React component for transportation of modals, lightboxes, loading bars... to document.body Demonstareted concepcions
Service:
UX
- Questions UX Designers Should be Asking
- Using Empty States to your Advantage
- Wireframes, flows, personas and beautifully crafted UX deliverables for your inspiration
Articles:
- Scaling your Redux App with ducks
- Animating Clipped Shapes
- Flexbox and Grids, your layout’s best friends
- How Sass Can Save You a Lot of Time
- The CSS Holy War & How To Think Beyond Dogma
- The react story
- Netflix functions without client-side React, and it's a good thing
- How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path
- React Component Patterns
- componentDidMakeSense — React Lifecycle Explanation
- Optimize React Performance
- Introducing heatmaps in Mapbox GL JS
- The VS Code Roadmap 2018
- Chrome 63 Beta: Dynamic module imports, async iterators and generators, Device Memory API, and permissions UI changes
- Introducing new JavaScript optimizations, WebAssembly, SharedArrayBuffer, and Atomics in EdgeHTML 16
- Release Notes for Safari Technology Preview 43
- Optimize Images to Reduce Page Weight: File Formats, Tools and RWD
- How to Get 100/100 Google Page Speed Score with Middleman and Nginx
- Fast By Default: Modern Loading Best Practices (Chrome Dev Summit 2017) (video)
- Stop Designing For Only 85% Of Users: Nailing Accessibility In Design
- Collapsible Sections
- Alt-texts: The Ultimate Guide
- What’s the difference between JavaScript and ECMAScript?
- HTML Web Component using Vanilla JavaScript
- JavaScript Frontend Framework CLI Showdown
- 3+ years of Ember, 6 months of React
- When do I know I’m ready for Redux?
- React 16 Release: What’s New?
- What Does Redux Do? (and when should you use it?)
- Unit testing in JavaScript Part 1 - Why unit testing?
Guidelines:
- Microsoft YamUI Design
- Alibaba Ant Design
- Appear Here Styleguide
- Apple Developer Design Guidelines
- Atlassian Design Language
- Audi UI Kit
- BBC GEL (Global Experience Language)
- Blueprint
- BuzzFeed Solid
- Cards Binary Design
- Cloudflare
- Co-op Design Manual
- Dropbox Scooter
- Duolingo Design Guidelines
- Enigma Boundless
- Estonia Country Design Guidelines
- FutureLearn Pattern Library
- GitHub Primer
- Google Material Design
- GOV.UK Service Manual
- Help Scout
- Heroku Purple3
- Hewlett Packard grommet
- IBM Carbon
- IBM Design Language
- IBM Northstar
- Intuit Harmony
- JetBrains Ring UI
- Lonely Planet Rizzo
- Lost My Name Design System
- Louder Than Ten Manual
- Mailchimp Content Styleguide
- Mailchimp Patterns
- Marvel Styleguide
- Microsoft Fluent
- Mixpanel Product Styleguide
- Mozilla Photon Design System
- NHS.UK Service Manual (Alpha)
- nib Health Funds
- Nordnet
- Nutanix Prism
- Office UI Fabric
- Oracle Alta UI
- PatternFly Open Interface Project
- Pivotal
- Pluralsight Design System
- Predix Design System
- Pusher Chameleon
- Rambler
- Salesforce Lightning Design System
- SAP Fiori
- SEEK Style Guide
- Shopify Polaris
- Sky Toolkit
- Stack Exchange: Stacks UI
- The University of Melbourne Design System
- Trello - Nachos
- U.S. CMS.gov Design System
- U.S. Web Design Standards
- Ubuntu Brand Guidelines
- USPTO UI Design Library
- VMware {code}
- VMware Clarity Design System
- VMware UI Pattern Library
- WeWork Plasma
- Yelp Styleguide