The digest of fresh materials from the world of the frontend for the last week №260 (April 24 - 30, 2017)
We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.
← Digest last week
Material prepared by dersmoll and alekskorovin
| Web development |
| CSS |
| Javascript |
| Browsers |
| Entertaining |
Web development
What the front-end developer should be able to do
HTML Shorts: Is it possible to wrap a block in a link? . New weekly show where Vadim Makeev answers questions- Joys and bad things of the regression testing of the layout / Alexey Maleikov (HTML Academy)
- Performance:
- How we optimized Twitter Lite
- How to use preload, prefetch and preconnect to speed up the site
Image Optimization Tips- How to optimize images: a practical guide
- What does image optimization mean?
- Image Optimization with CDN
- Optimize web fonts for performance
- Benchmarking Guetzli (Google's new JPEG encoder) - comparing size and optimization time
- SVG:
')- Speed writing code from Ana Tudor: snail using SVG . And immediately a video on how to write a mixin on the generation of SVG polygons
- SVG morph
- SVG Line Morphing Transition
- Instruments:
- Sublime Text 3 plugins for frontend development
- Introduction to webpack philosophy
- webpack on twitter.com
- Using npm as a collector
- Animation:
- Google Progressive Web Apps Guide
- How we created our first offline first site
- awesome-wasm - selected materials on WebAssebly
CSS
- Stop using CSS in javascript for web development
- Rachel Andrew explains the nuances of creating specifications using the example of Grid Layout
- CSS in JavaScript: the future of component styling
- Advanced rubber typography with calc (), vw, breakpoint and linear equations
- The best way to set positions in CSS
- We draw spring drawing with CSS Grid
- Responsive Periodic Table with CSS Grids
- Implementation of system fonts on Booking.com - a learned lesson
- Now that custom CSS properties are ready, all values can be changed individually.
- Using CSS unicode-range to combine fonts
- How to set CSS Margins and Padding (and cool layout tricks)
- Different logical options for grouping CSS properties
- Sass Contrast Color Tool
- Doing a little bit of magic with CSS blend modes
- Adventure time - experimental game created without JS - only HTML5 and CSS3
Javascript
- Lambda calculus on javascript
- Functional JavaScript programming with practical examples
- Video reports from the conference JavaScript fwdays'17, held April 22 in Kiev
- We write productive JavaScript. 3 tips.
- State Management in CSS with Reusable JavaScript Functions
- Infographics: all javascript in one picture
- TypeScript 2.3 announcement . Why is TypeScript becoming more popular?
- How best to organize your JS / jQuery spaghetti code
- Quokka - Live JavaScript Scratchpad for JetBrains IDE (free tool)
- Does the appearance of Glimmer mean death for Ember?
- 10 examples of machine learning in javascript
- Theory:
- Informatics in JavaScript: Quick Sort (Quicksort)
- Sometimes undefined it's defined
- Concepts Clean Code, adapted for JavaScript
- So, what exactly makes JavaScript such a strange programming language?
- Javascript: 'This' for beginners keyword
- Patterns for object inheritance in javascript ES2015
- Understanding async / await in 7 seconds
- Vue:
- Use any Javascript library from Vue.js
- Progressive web application with Vue JS, Webpack and Material Design [part 1]
- React:
- Airbnb opened the source code React Sketch, a library for communication React and Sketch
- Things that nobody tells you about React.js , by Dan Abramov
- What projects need React? Everything!
- How to organize a large React application and make it scalable
- Creating a static site with React JS . Part # 1: Setting up the project and site UI
- Creating React applications with backend on Express
- recycle - functional and reactive library for React
- Creating your own Redux
- Angular:
- Free course "Getting Started with Angular v2 +" (works for v4)
- History of SPA frameworks: AngularJS 1.x and nostalgia
- Angular Reactive Programming
- angular-ssr - server-side rendering, compatible with angular / material, jQuery and other libraries
- Libs & Plugins:
- Moon is a fast library for creating interfaces.
- en-inflectors - a library for working with declensions of nouns, verbs and adjectives of the English language
- SmartPhoto.js - a simple mobile image viewer.
- {S} tr {M} an - a powerful library for working with strings
Browsers
- DevTools in the browser Vivaldi 1.10.289.3
- Launch of Vivaldi 1.9 web browser
- Additional insecurity warnings will appear in Chrome
- Browser market overview, April 2017
Entertaining
- Pavel Durov announced a number of innovations in Telegram: payments through bots, video messages and the Telescope function
- Google Maps and Google Search began to automatically translate reviews of various places into the user's native language.
- WordPress 4.8 will stop supporting Internet Explorer 8.9 and 10
- Google updated search engine to combat false information
- The world of the future: Myths about computer hacking and hackers in the movies
- On the way to billion: Instagram already has 700 million users . LinkedIn has 500 million users. It's more than Twitter and Snapchat.
- Yandex neural networks have mastered the sorting of letters
- Update Google algorithm "Fred". What do experts say?
- Neural network has mastered the video game on the language guide
- Burn the Library of Alexandria-2. Google has digitized 25 million books - why can't they be read?
- Steve Wozniak told how he sees the future of mankind
- Uber announced the launch of a flying taxi in 2020
- Mask told how the computer-brain interface will work in Neuralink
- Mine3D game
We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
← Digest last week
Material prepared by dersmoll and alekskorovin
Source: https://habr.com/ru/post/327666/
All Articles