The last digest of this winter season is already published!
Review the detailed introduction to Webpack, check the variable fonts, find out how to use CSS animations like a pro and learn about functional JavaScript for lazy developers. Sounds interesting, doesn’t it?
Web Development
- Back End vs Front End Web Development – Exploring Both Sides
- A Real World test of HTTP/2 speed. (WordPress, many images & plugins, tested with/without H2 with/without CDN.)
- Set a Timed Debugger To Web Inspect Hard-To-Grab Elements
- A Detailed Introduction To Webpack
- A perf audit of nytimes.com Identifying the performance bottlenecks
- Getting Started with VoiceOver & Accessibility
- Toolbars, keyboards, and the viewports
- HTML5 Form Attributes (Part 1)
- Code review checklist
- The HTML5 Robot Let the robot chose a tag for you
- Do we need a new heading element? We don’t know
- FLIP Your 60 FPS Animations, FLIP ’Em Good /li>
- Won WebAssembly logo contest
- Flatris – a beautiful, mobile-friendly implementation of Tetris, this project is a playground for integrating and experimenting with web technologies.
- Drawing and Animating Jelly Shapes with Canvas
CSS
- Variable fonts
- CSS Grid: Learning new layout
- Box Alignment Cheatsheet
- Nuances of CSS Transitionend Events
- Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap..
- The Unexpected Power of Viewport Units in CSS
- Responsive Design Beyond the Media Query
- spacegrid + A basic, responsive grid layout to help you get started on your next project.
- Why I Love Element Queries & You Should Too!
- Scaling SVG Clipping Paths for CSS Use
- Getting started with variable fonts
- Understanding and Applying Recursion in CSS
- How to Use CSS Animations Like a Pro
- Responsive CSS Patterns without Media Queries
JavaScript
- Modern JavaScript Apps with Neutrino
- Getting back to the basics of JavaScript…: Flex Those JavaScript Array Muscles
- An Animated Intro to RxJS
- Quick Tip: User Sortable Lists with Flexbox and jQuery
- Why Learn Functional Programming in JavaScript? (Composing Software)
- What tech stack should I use for my SPA?
- Functional JavaScript for Lazy Developers (Like Me)
- ReactiveMaps — a data aware UI components library for building realtime maps
- Building Delicious Forms with Ember.js
- A 10 minute primer to JavaScript modules, module formats, module loaders and module bundlers
- ES2015+:
- Understand promises before you start using async/await
- Even with async/await, raw promises are still key to writing optimal concurrent javascript
- What You Should Know About Numbers in ES6 JavaScript
- What You Should Know About ES6 Maps
- Angular:
- AngularJS 1.x Fundamentals (Part 2)
- Front-end: Angular vs React vs Vue
- From angular.module to ngModule
- React:
- ECMAScript 2016+ in Firefox
- React Storybook: Develop Beautiful User Interfaces with Ease
- React Select — a flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete and ajax support.
- How does React decide to re-render a component?
- Introducing redux-query
- Redux Store Validator
- Libs & Plugins:
- babel-preset-env: a preset that configures Babel for you
- unfetch — bare minimum fetch polyfill in 500 bytes
- AR.js – Efficient Augmented Reality for the Web using ARToolKit – 60fps on mobile!
- Image Processing in Javascript
- walletjs — a little library to handle money amounts.
This post first appeared on Web Design And Development Blog | Zfort Group, please read the originial post: here