The digest of fresh materials from the world of the frontend for the last week No. 227 (September 4 - 11, 2016)
We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.
Digest last week .
“The material was prepared by dersmoll and alekskorovin .
| Web development |
| CSS |
| Javascript |
| Browsers |
| News and entertaining |
Web development
10 Webpack features- Webpack manual
- Availability of “custom html controls for blind users
- Frontend: Development and Support
- Future sites: automatic assembly based on AI and not only
- Podcast Web Standards, Release # 32 : Safari 10 is coming soon, Chrome 53 is already, custom elements, border-image, font-display, Lia Vera and HTML, wombats in socks and npm.
- HTML / JavaScript Optimization Selection
- Bootstrap 3 support has been discontinued, although the fourth version is still in the alpha stage.
What elements in HTML5 are outdated? (What is obsolete in HTML5?)- Designers Guide to Web Performance Optimization
- Browser Scroll Animation Guide (A Guide to Browser Scroll Animations)
- 10k Apart:
- Tips for creating a site for the competition 10k (Building in 10k: Markup for Accessibility, Clarity, and Affordance)
- Tips for faster page loading in the context of a 10k contest (10k Tips for a Lighter Page Load)
- Another project implementation variant for the 10k contest - with webp, service workers and other buns (Image Beast - My 10 K Apart Entry)
- What does the sound look like? Web audio art (What does a sound look like? Web Audio Art!)
- Building Blocks Of Progressive Web Apps
- 10 golden rules of responsive SVG (10 golden rules for responsive SVGs)
- BroadcastChannel API: messaging for the web (BroadcastChannel API: a message bus for the web)
- Using SVG for transparent bitmaps (Using SVG's for Transparent, Raster Images)
- The Washington Post announces a 'lightning-fast' mobile site that will run on progressive web application technology and use the AMP (Washington Post Unveils 'Lightning-Fast' Mobile Website)
- Announcing Quill 1.0 Text Web Editor Release
- Robots and You: A Guide to Robots.txt (Robots and You: A Guide to Robots.txt)
- SEO Guide ( SEO Guide for SEO)
- Oh, your mother, git!
CSS
- Development of extensible components in HTML and CSS
- Making lower case code blocks
- Several ways to change the order of elements using CSS (A Few Different CSS Methods for Changing Display Order)
- We translate everything to Flexbox (Going all-in on Flexbox)
- Creating scalable components with relative CSS units (Building Resizeable Components with Relative CSS Units)
- Auto prefixes using CSS variables! (Autoprefixing, with CSS variables!)
- At what stage is the working draft on CSS Grid Layout (Where Things Are at a CSS Grid Layout Working Draft)?
- Simple CSS Media Queries - a collection of media expressions for devices
- CSS is! Important
- CSS in trivago - part 1: Structure and ITCSS
- How to give names to color variables in Sass (How to name Sass color variables)
- Interview with Harry Roberts before Webexpo Prague: CSS and ITCSS refactoring
- Getting started with CSS counters (Getting Started with CSS Counters)
- Sass iteration using control directives (Loop Through Sass Code Using Control Directives)
- nth-child vs nth-of-type
- radiobox.css - a set of animations for radio buttons (radiobox.css - Tiny set of CSS3 animations meant for your radio inputs.)
- Mutant Cursor , with svg and animations (Mutant Cursor)
- “ Prairie Web Fonts” - talk about the current state of web fonts from Richard Fink on alistapart (Webfonts on the Prairie)
Rachel Andrew: CSS Grid Demo - Multiple Image Hero Layout
Javascript
- 4 types of memory leaks in javascript and how to deal with them
- Building our full stack on javascript: The Basics
- Samsung adds JavaScript to the Internet of Things (Samsung brings JavaScript to the Internet of Things)
- Farewell to Node.js v5, preparation for v7 (Farewell to Node.js v5, Preparing for v7)
- Debugging JavaScript on production (Debugging Production JavaScript)
- Measures against document.write () (Intervening against document.write ())
- Introducing JavaScript arrow functions (Arrow Functions Introduction)
- My new favorite ES6 toy: unstructured objects as parameters (My New Favorite ES6 Toy: Destructured Objects as Parameters)
- JavaScript: arrays versus objects (JavaScript: Arrays vs Objects)
- Ad var died? What should I use? (Is var Dead? What should I use?)
- Preparing for a JavaScript interview: what is the composition of functions? (Master the JavaScript Interview: What is Function Composition?)
- Native infinite scrolling with the IntersectionObserver API (Native Infinite Scrolling with the IntersectionObserver API)
- Best Practices for Working with Node.js (Node.js Best Practices)
- Introduction to Chart.js 2.0 - six simple examples (An Introduction to Chart.js 2.0 - Six Simple Examples)
- Lessons:
- Help with HyperDev - a free interactive course on Node for beginners (Learn Node.js - a free interactive course for Node beginners)
- Lesson: How to Build JavaScript with a Rollup (Tutorial: How to Bundle JavaScript With Rollup)
- Getting started with PouchDB, a client-side JavaScript database (Getting Started with PouchDB, Client-Side JavaScript Database)
- Guide: How to use Vue.js with jQuery plugins (Guide: How to use Vue.js with jQuery Plugins)
- Framework:
- JavaScript frameworks: distributed channels for good ideas (JavaScript Frameworks: Distribution Channels for Good Ideas)
- Animating React Elements with BoxArt (Animating React Elements with BoxArt)
- Build an ambitious web application with Ember.js (Building Ambitious Web Applications with Ember.js)
- react-fake-component - component for visual simulation of loading content
- React Native Elements - cross-platform UI toolkit
- How to scale React Applications (How To Scale React Applications)
- Routing in React Apps: Routing React Apps: The Complete Guide
- How to use the react-redux module (How to Use the react-redux Package)
- Creating forms with React and Redux (Creating Forms with React and Redux)
- Angular 1.6 - removed expression sandbox (Angular 1.6 - Expression Sandbox Removal)
- From ngAnimate to Angular 2 animate (From ngAnimate to Angular 2 animate)
- Plugins:
- awesome-grid - supervised list of libraries and resources on dynamic tables (grids) for developers
- appmetrics.js is a small (1.1Kb) library for measuring the performance parameters of a web page and sending the result to Google Analytics.
- timeago.js - converts the date to a clear view "3 hours ago"
- cookies.js - to work with cookies in the browser
- Fuse.js - library for implementing fuzzy search (request may contain errors)
- granim.js - plugin for creating interactive animated color gradients
Browsers
- Install extensions in desktop Chrome can now be directly from Android
- Chrome will start marking pages open via HTTP as unsafe
- Launch of Vivaldi 1.4 web browser
- Mozilla: Multi-process version of Firefox 400% -700% more responsive than usual
- Google has significantly optimized performance and power consumption of Chrome 53
- Firefox 49 for developers
- DevTools Digest, September 2016
News and entertaining
- Apple presentation: swimmers' watch, iPhone without minijack, Mario
- Apple and Sony conferences (September 7, 2016)
- Sony presentation: announcements of the PlayStation 4 Pro and the new console design
- Microsoft is preparing to introduce a competitor to the popular corporate Slack messenger
- The new image format HVIF allows you to create beautiful icons weighing 500 bytes
- The largest IT deal in European history is completed: ARM has become part of SoftBank
- Baidu discovered machine learning.
- OpenOffice is dead, long live the LibreOffice!
- New statistics Steam shows that users no longer buy virtual reality headsets HTC Vive and Oculus Rift
- Stack Overflow project history - expert answers to your questions
- Project Ara's story: why Google failed to create a modular smartphone
- Facebook news feed turns 10
- SWIFT research: Bitcoin is a speculative asset that is not able to crowd out classic currencies.
- Why does the processor have neurons?
- How does the news feed on Facebook
- In Bank of America, it was assumed that humanity exists in the matrix
- Special people in the team: why Western IT companies highly value employees with autism
- How to derive real benefit from attending conferences, and not just prosit your day of life
- “Japanese Bill Gates”: biography of SoftBank founder Masayoshi Sana
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 .
“The material was prepared by dersmoll and alekskorovin .
')
Source: https://habr.com/ru/post/309708/
All Articles