The digest of fresh materials from the world of the front-end for the last week No. 259 (April 17 - 24, 2017)
We bring to your attention a selection with links to useful resources and interesting materials from the frontend area.
← Digest last week
Material prepared dersmoll and alekskorovin
| Web development |
| CSS |
| Javascript |
| Browsers |
| Entertaining |
Web development
- Web Standards Podcast, Issue No. 65 : Firefox, Safari, Chrome, Async and ES, PhantomJS Everything, Web Component Debate, and Magical Dependencies.
- Reflections on Unfulfilled Web Component Promises
- 10 most devastating mistakes in mobile SEO
- Ambient light sensors can be used to steal data from the browser
- Facebook has opened frameworks for building the interface: Litho, React Fiber, Relay Modern and React VR
- Performance:
- Detailed performance analysis techniques with Dev Tools on the Google Developers Blog
Presentation of the pwmetrics library , designed to analyze various factors affecting page loading speed- Five Lazy Load Image Techniques to Improve Site Performance
- Performance Testing - Tools and Waterfall Charts
- Slides and video from the Render 2017 conference : Workflow in the modern frontend by Umar Hansa, How to choose the right technology from Jeremy Keith, We are starting to use CSS Grid Layouts today from Rachel Andrew and other reports
- F8 Recordings, Facebook Developer Conferences
- Mega Tags - the most comprehensive social meta tag generator
- What's New on AMP by Example : New Design, Interactive Sandbox, Component Updates, and New Examples
- RealWorld - see how absolutely the same blogging platform works on completely different stacks: React / Angular and Node / Rails / Django
- Morphing SVG Slider - 20th Century Women
- Creative page concept for developer / designer
CSS
- Remy, emy, and why refusing them is not a problem
- It's time to start using custom CSS properties
- Going to the system font stack in 2017
- 8 examples of how you don't need and how to write CSS selectors
- CSS Grid Layout - New Terminology
- CSS Grid Cheat Sheet: A Complete Visual Grid Guide
- Between the lines - in detail about the technique for implementing adaptive typography and layouts
- The problem with atomic CSS
- Building Sustainable Architecture on Sass: Part 2
- ragrid - base grid on flexbox
- How we made our product more personalized with CSS variables and React
- Journey to CSS High-Performance and Supported Media Queries
- On the state of variable fonts in browsers at the beginning of 2017
- Using flow-root today
Javascripts
JavaScript revolution. Literally- Debugging JS methods on the client
- Difficult lessons: five years with Node.js
- Static Land Specification
- Overview of JS testing in 2017
- Parsing JavaScript Testing Tools: Sinon.js vs testdouble.js
- JavaScript: what excites me in 2017
- JavaScript: learning regular expressions for beginners
- We control the mouse and touch input using the Pointer Events API
- CSS in JS. Rockey.
- Practice:
- Array Traversal Methods
- Add a comment to the code: good, bad, ugly
- Responsive JavaScript Background Images
- Getting started with Three.js
- Getting started with Chart.js: introduction
- ES2016 +:
- Native ECMAScript Modules - First Review
- Asynchronous Functions 101
- Async Iterators and Generators
- It's time to master the arrow functions
- React:
- React # 12 Five-Minute Podcast - React 15.5 and Other News
- Facebook is preparing to release React Fiber, restarting the React JS library ·
- Oculus publishes React VR WebVR library
- Create your own Redux, part 2: connect function
- React Move - beautiful and isolated animations of everything in the react
- Quick tip: how to style React components with styled-components
- Choosing between React and Angular: A Deep Comparison
- Using AngularJS Components and Directives in React
- When does a project need React?
- Things Nobody Will Tell You About React.js
- Vue:
- Vuejs 2 Authentication Guide
- Unit Testing for Vue.js and TypeScript
- The power of custom directives in Vue
- Let's create a web application with Vue, Chart.js and API
- Creating a Tic-Tac-Toe Game on Vue 2: Part 2
- vee-validate - a simple plugin for validating input fields for Vue.js
- Angular:
- All you need to know about detecting changes in Angular
- Angular Developer Interview Questions
- Angular 2.0 vs Polymer
- Libs & Plugins:
- zuck.js - javascript library that allows you to add stories EVERYWHERE
- Forall.js - Expressive static types and invariant JavaScript checks. Similar to TypeScript, but with nuances
- d3-annotation - add annotations to visualizations
- lodash-form-collector - form data collector on lodash
- simple-slider - a simple micro-carousel, 1.2kb
- HR.js - plugin for highlighting and replacing text in the DOM
Browsers
- Google is credited with the intention to embed the "inappropriate" ad blocking feature in the Chrome browser
- Chrome Web Browser Release 58
- Firefox 53 release , plus developer details
- Testing Firefox Beta 54
- Restructuring the Firefox development process and abandoning the Aurora branch
- Improved JavaScript, WebAssembly, and Shared Memory performance in Microsoft Edge
- Details on how to rewrite the DOM in Microsoft Edge
Entertaining
- A social network in virtual reality, computer control by the power of thought and many new products for developers - all that Facebook showed at the F8 conference . 8 important announcements from the Facebook F8 conference and their importance for marketers
- Google has opened access to the Cloud Speech API, the underlying Google Assistant Speech Recognition Technology
- “Even the creators of AI do not fully know how it works”: 4 problems of artificial intelligence
- Mastercard introduced a new generation biometric bank card
- Video: Grigory Bakunov showed his own voice assistant for the car
- "We are not Facebook or Instagram": Pinterest service removed the Like button
- Elon Musk plans to create full-fledged neural interfaces for connecting the brain with a computer in 8-10 years, and medical products in four
- How Reddit created r / Place
- The entire Harvard programming course . 23 lectures in Russian for 40-60 minutes
- New version of Google Earth: Earth at a glance
- Google Hire - New Job Search Service
- Internet Archive Launches Macintosh Online Emulator
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
← Digest last week
Material prepared dersmoll and alekskorovin
