The digest of fresh materials from the world of the frontend for the last week №256 (March 27 - April 2, 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
We try to do web-frontend on Rust (WebAssembly)- Adaptive Email Guide
- Meet variable fonts!
Awesome Newsletters: a selection of weekly newsletters on the subject of web development- Performance:
- Free image compression tools to speed up the site
- Preload, Prefetch and Chrome Priorities
- Increase site speed with machine learning
- Mobile Development: RWD, PWA, AMP or Instant Articles?
- How to choose the perfect image format to optimize your site
- Are SVG images a good option for site performance?
- For web developers, speed is new SEO
- AMP: breaking news. About the negative aspects of using Google AMP
- WebPack Review
- Accelerate WordPress Theme Development with Gulp
- Why now is the time for business to think seriously about Progressive Web Apps
- How to create a moving underscore effect with CSS and JavaScript
- Experimental mockup of the 3D room demonstration
Media
- Podcast Web Standards, Issue # 62 : Everything that you didn’t want to know about Olya, Vadim and Lesha in a random release. Nothing interesting, pass by.
- Podcast Web Standards, Issue # 61 : Beta Chrome 58, Safari TP, Edge custom properties, button switch, grids in practice, quick menu, editor in browser, BEM heresy, layout for shkoloty.
- Radiojs podcast, Release №48: Brains
- Front podcast 003 : Andrey Sitnik, tab selection and English-language conferences
- Five Minutes React podcast: # 8 - Plan for Addons in React 16 , # 9 - Lifting State Up Example Explained
Recording of the “Moscow JS” broadcast in the Superjob office- MinskCSS Meetup # 2
CSS
- CSS animation will wait
- Custom CSS properties as an API
- CSS Grid Layout:
')- CSS Grid in practice: add grids to existing design
- Month of CSS grids: first results
- Beautiful alignment of blocks on a rubber grid. In a new way
- Introducing CSS Grid Layout
- CSS Grid and Flexbox: a comparison in practice
- Creating complex layouts using CSS Grid Layout , free course at egghead.io
- 3 CSS Grid properties that make my heart flutter
- A simple visual online builder to facilitate the work on CSS grids.
- Will CSS Grid replace Flexbox?
- CSS Custom Properties in Microsoft Edge
- Tame naughty styles with these three CSS methodologies
- Deep CSS immersion: matrix3d () for the perfect custom scrollbar
- Viewport Units in CSS: Quick Start
- CSS is good, it's just really complicated.
- Stylelint Config Generator
- Responsive CSS Animation
- Responsive font calculator: generating responsive font values
- About the new pseudo-class: focus-ring from the CSS Selectors Level 4 specification
Javascript
- You know what transducers are.
- Handbook of modern JavaScript concepts: part 1
- Garbage Collector in V8 Illustrated Guide
- Create a first-person game engine for 265 lines of JavaScript code
- 77% of sites use at least one vulnerable JS library
- Improving JavaScript with Flow
- Cyclow - a reactive front-end framework for JavaScript
- 12 extremely useful JavaScript hacks
- Basics of working with DOM on vanilla JavaScript (without jQuery)
- Glimmer - UI components for Ember
- ES2015 +:
- First look at ES2018 (April Fools)
- ECMAScript Observable
- Using Generators in Iterators
- Six reasons why Async / Await will be replaced by promises
- React:
- How to create your own React Router v4
- React 2017 Simple Development
- Yes, React captures the development of the frontend. And that's why
- Reactide - the first dedicated IDE for developing web applications on React
- React Bits - collection of React templates, techniques, tips and tricks
- Watch out for Undefined State in React
- Angular:
- We are friends of Angular with Google (Angular Universal)
- Angular v4: Hybrid Upgrade Application
- Angular 4 is here? Here are some of its features.
- What's new in Angular 4?
- Vue:
- Vue.js Tutorial: an example of how to create and render a SEO-friendly website
- Creating a Tic-Tac-Toe Game with Vue 2: Part 1
- Cheat Sheet by VueJS 2.2
- Seven ways to set a component template in Vue.js
- Unidirectional data flow with Vuex
- Plugins:
- polished - tools for writing styles in JavaScript
- Popper.js - library for creating tooltips
- Choices.js - easy plugin for drop-down lists, analogue to Select 2 or Selectize but without jQuery dependency
Browsers
- Mozilla develops Firefox binary verification tools
- Chrome developers intend to limit popup JavaScript dialogs
- Launch of Vivaldi 1.8 web browser
- FF Developer Edition 54: new features inspector and debugger, MDN help in netmonitor and much more
- New features in Safari 10.1
Entertaining
- CodePlex is closing
- Ilon Musk founded the company Neuralink, which will be engaged in connecting the brain to a computer
- Google has opened a portal for its 2000 open source projects.
- Visual Studio Code takes 13% of CPU resources due to cursor flicker
- With Flash Player, everything is bad: the logistics company FedEx is ready to “pay” $ 5 to customers for using Adobe Flash Player
- SMS death: operators disable service worldwide
- Ex-YouTube employee went to Apple. He will develop the company's video platform
- Free Google Optimize brings A / B testing sites to the masses
- Difficult situations in IT, and what to do with them?
- Bad advice: why do we need unsupported code and how to write it
- Exchange of variable values: analysis of popular ways to solve a known problem from IT interviews
- How did RuTracker change a year after “perpetual blocking”?
- There are no irreplaceable: What is the diffusion of technology and how it affects jobs
- How not to drown in the information wave?
- Piracy is not a vice?
- April 1: April Fool's Day IT-humor: a collection of jokes of famous companies , How Russian and foreign brands joked on April 1 , Compilation of April Fool's Jokes 2017
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/325462/
All Articles