YA-awesome
Yet Another Awesome List 🤓
https://github.com/chengcyber/YA-awesome
Last synced: 5 days ago
JSON representation
-
ES6
-
- Javascript 30 seconds of code
- JavaScript has Unicode Problem
- Glossary of Modern JavaScript Concepts: Part 1
- Glossary of Modern JavaScript Concepts: Part 2
- ES6 in depth
- JavaScript Patterns for 2017
- You Don't Know JS
- Airbnb JavaScript Style Guide
- What the f.ck JavaScript
- Modern JavaScript Cheatsheet
- JavaScript Algorithms
-
Addy Osmani
- 深度剖析:如何实现一个 Virtual DOM 算法
- JavaScript Start-up Performance
- How to write your own Virtual DOM
- The Cost of JavaScript
- Page Lifecycle API
- 浏览器的渲染原理简介
- Write your Virtual DOM 2: Props & Events
- How Virtual-DOM and diffing works in React
- High Performance Browser Networking
- Unix Network Programming
- Matt-Esch/Virtual-DOM
- maquette(Virtual DOM lib)
- Inside look at mordern web browser (part 1/4)
- The inner workings of virtual DOM
- Page Lifecycle API
-
Dmitry Soshnikov
- JavaScript. The Core
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JS scope: static, dynamic, and runtime-augmented
- JavaScript. The Core
-
How JavaScript Works - Alexander Zlatkov
- Event loop and the rise of async programming + 5 ways to better coding with async/await
- Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path
- A comparision with WebAssembly + why in certain cases it's better to use it over JavaScript
- Service Workers, the lifecycle and use cases
- The mechanics of Web Push Notifications
- Tracking changes in the DOM using MutationObserver
- The rendering engine and tips to optimize its performance
- Inside the Networking Layer + How to optimize its performance and security
- Under the hood of CSS and JS animations + how to optimize their performance
- The internals of Shadow DOM + how to build self-contained components
- WebRTC and the mechanics of peer to peer networking
- An overview of the engine, the runtime, and the call stack
- A comparision with WebAssembly + why in certain cases it's better to use it over JavaScript
- Under the hood of CSS and JS animations + how to optimize their performance
- The building blocks of Web Workers + 5 cases when you should use them
- Memory management + how to handle 4 common memory leaks
- Inside the V8 engine + 5 tips on how to write optimized code
- WebRTC and the mechanics of peer to peer networking
- Event loop and the rise of async programming + 5 ways to better coding with async/await
- Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path
- Service Workers, the lifecycle and use cases
- The mechanics of Web Push Notifications
- Tracking changes in the DOM using MutationObserver
- The rendering engine and tips to optimize its performance
- Inside the Networking Layer + How to optimize its performance and security
- Storage engines + how to choose the proper storage API
- The internals of Shadow DOM + how to build self-contained components
-
-
Tool
-
Addy Osmani
- Awesome WPO
- GTmetrix
- 7 steps to become a UI/UX designer
- Don't Make Me Think
- Simple and Usable Web, Mobile, and Interaction Design
- Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules
- Designing Interfaces: Patterns for Effective Interaction Design
- The Psychology Principles Every UI/UX Designer Needs to Know
- 18 designers predict UI/UX trends for 2018
- Adobe: The Evolution of UI/UX Designers into Product Designers
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- The Psychology Principles Every UI/UX Designer Needs to Know
- Forget Google and Use These Hosted JavaScript Libraries in China
- 18 designers predict UI/UX trends for 2018
- Adobe: The Evolution of UI/UX Designers into Product Designers
-
-
Uncategorized
-
Uncategorized
- Awesome HTML5
- Awesome SVG
- Awesome Canvas
- Awesome WebGL
- MDN Web Doc - CSS
- Google HTML/CSS Style Guide
- SaSS
- The WebGL API: 2D and 3D graphics for the web
- HTML5 权威指南
- SVG: Scalable Vector Graphics
- HTML Spec
- HTML5 Canvas 核心技术
- Canvas API
- Opinionated CSS styleguide for scalable applications
- Principles of writing consistent, idiomatic CSS
- Canvas API
-
-
Other Company Design Guide
-
Material Design Implementaions
- Salesforce Lightning Design System
- Designer News
- Dribbble
- One Page Love
- Creating Usability with Motion: The UX in Motion Manifesto
- Reddit Web Design
- Apple Design
- Facebook Design - What's on our mind?
- The Next Web
- Smashing Magazine
- Awwwards
- Sitepoint
- IBM Design Language
- 12 basic principles of animation
- Understand the 12 principles of animation
- Prototypr: 6 Animation Guidelines of UX Design
- Transitional Interfaces
- UI Animation and UX: A Not-So-Secret Friendship
- Invisible animation
- Designing Interface Animation by Val Head
- Animation principles in motin design
- Integrating Animation inot a Deisgn System
- Great UI/UX Animations Group 2
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Web Designer News
- Inspired UI
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- CodePen
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- Inspired UI
- Inspired UI
- Inspired UI
- Inspired UI
- Inspired UI
- Inspired UI
- Inspired UI
- Inspired UI
- UI Movement
- Inspired UI
- Prototypr: 6 Animation Guidelines of UX Design
- Medium - Design
- UI Animation and UX: A Not-So-Secret Friendship
- Designing Interface Animation by Val Head
- Integrating Animation inot a Deisgn System
- Marvel Blog
-
-
Material Design
-
Material Design Implementaions
-
Addy Osmani
-
-
UI Framework
-
Practice
-
Addy Osmani
- WPO Stats - Web Performance Optimization
- Browser Diet
- Google: PageSpeed Insights Rules
- Yahoo: Best Practices for Speeding Up Your Web Site
- A Simple Performance Comparison of HTTPS, SPDY and HTTP/2
- Nginx: 7 Tips for Faster HTTP/2 Performance
- 10 JavaScript Performance Boosting Tips
- Getting started with the Picture Element
- Improve Page Load Times With DNS Prefetching
- Pinterest: Driving user growth and performance improvements
- 10 JavaScript Performance Boosting Tips
- Nginx: 7 Tips for Faster HTTP/2 Performance
- Native Responsive Images
- Jank Busting for Better Rendering Performance
-
-
Practices
-
CSS Reset
-
Atomic Design
-
Addy Osmani
- Pattern Lab by Brad Frost
- 网页设计: Atomic Design 简介及工作实例
- Atomic Design with React
- Atomic Components: Managing Dynamic React Components using Atomic Design
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Atomic Design with React
- Pattern Lab github
- Atomic Design with React
- Atomic Design 原子设计| 构建科学规范的设计系统
- Atomic Design Blog by Brad Frost
-
-
WebSocket
-
Addy Osmani
- Are WebSockets the future?
- WebSockets
- HTML5 WebSocket: A Quantum Leap in Scalability for the Web
- StackOverflow: My Understanding of HTTP Polling, Long Polling, HTTP Streaming and Websockets
- Real-Time Web by Paul Banks
- Web Performance in Action
- High Performance JavaScript
- High Performance Web Sites: Essential Knowledge for Front-End Engineers
- Awesome WebSockets
- HTML5 WebSocket: A Quantum Leap in Scalability for the Web
- An introduction to WebSockets
- Websockets 101
-
-
Compilation
-
HTTP/2
-
Microsoft: Fluent Design System
-
Addy Osmani
- What's new and coming for Windows UI: XAML and composition
- Intruducing Fluent Design
- Fluent Design: Evolving our Design System: Build 2018
- Microsoft Build 2018: Fluent Design System Demo
- Microsoft Build 2018: Fluent Design System Evolution
- Fluent Design System inside of Microsoft Office: Build 2018
- Fluent Design: Evolving our Design System: Build 2018
-
Programming Languages
Categories
Sub Categories
Keywords
javascript
8
awesome-list
6
css
4
awesome
4
es6
3
list
3
styleguide
2
education
2
es2015
2
learn-to-code
2
book
2
programming
2
naming-conventions
2
webgl-spec-sheet
1
webgl-references
1
webgl-programming
1
webgl-articles
1
webgl
1
learning-webgl
1
glsl-editors
1
webgl-tutorials
1
normalization
1
opinionated
1
async
1
book-series
1
closures
1
astro
1
es6-javascript
1
git
1
html
1
learning-resources
1
nodejs
1
snippets
1
snippets-collection
1
webperf
1
webperf-metrics
1
webperformance
1
svg
1
awesome-canvas
1
canvas-element
1
canvas2d
1
draw-graphics
1
html5-canvas
1
particles
1
prototypes
1
php-websocket
1
websocket
1
websocket-api
1
websocket-chat
1
websocket-client
1