Web Development
• Learning Gutenberg: Series Introduction. A special long-form series we’re kicking off here totally dedicated to Gutenberg, a major change to the WordPress editor.
• Dynamic Bézier Curves
• Text editing techniques every Front-End developer should know
• Web Push Notifications
• Wired Elements — a set of common UI elements with a hand-drawn, sketchy look
- Performance:
• State of the Web: Top Image Optimization Strategies
• How to use Lazy Loading to Slash Page Load Time
• Making Legacy Sites More Performant with Modern Front-End Techniques
- Tools:
• Solving ESLint and Prettier’s battle for supremacy.
• 10 Firefox Dev Tools tricks that will blow your mind
• What’s New In DevTools (Chrome 68)
• Which accessibility testing tool should you use?
- Animations:
• Grid Layout with Motion Hover Effect and Content Preview
• MS fluent design – hover reveal on btn group
• segmented-type
CSS
• Z-Index Explained: How to Stack Elements Using CSS
• Dark theme in a day. Using a bunch of modern CSS to create a night mode for an app.
• Getting Started With CSS Layout
• Styling buttons, the right way
JavaScript
• Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- VueJS:
• Why VueX Is The Perfect Interface Between Frontend and API
• Vue.js — Considerations and Tricks
• Hello Protovue — Prototyping Component Framework for Vue.js
• Create & Publish Web Components With Vue CLI 3
• Vuido – Create native desktop applications for Windows, OS X and Linux using Vue.js.
- React:
• React v16.4.0: Pointer Events
• All Things React: Discover everything from the basics to the cutting-edge of React – Render Props, Context API, Suspense, CSS-in-JS, Progressive Web Apps, UI Libraries and more.
• Flow vs TypeScript in React — My two cents
• What can React Context API do for you? Multi-language text, Modals, and Theme switchers
• RSUITE – A suite of React components.
• Advanced Visualization with react-vis
- Angular:
• Angular Ivy change detection execution: are you prepared?
• Understanding provider scope in Angular
• Using Angular Augury to Debug Your Code
• Boosting Your Workflow with Angular 5 Snippets and VS Code
• Reactive programming in Angular: On push communication
- Libs & Plugins:
• nanoJS – Minimal standalone JS library for DOM manipulation.
• hybrids — UI library for creating Web Components with simple and functional API.
• Hyphenopoly — JavaScript polyfill for client-side hyphenation.
This post first appeared on Web Design And Development Blog | Zfort Group, please read the originial post: here