The digest of fresh materials from the world of the frontend for the last week №214 (May 30 - June 5, 2016)
We offer you a selection with links to useful resources and interesting materials from the frontend area.
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 from last week .
Material prepared dersmoll and alekskorovin .
| Web development |
| CSS |
| Javascript |
| Browsers |
| News and entertaining |
Web development
- Podcast Web Standards, Issue # 18 : Newbie articles, Reset or Normalize, jQuery and Bootstrap for amateurs and admins, atomic CSS, CSS programming, service workers in Safari.
More comfort in front-end development with TARS- Why are we glad that we did not get to themeforest
- Neural networks, typography and layout: Digest of interesting materials about creating letters and working with email in Habrahabr
- Understanding semantics . Translation of the article Understanding semantics
- localForage: improved offline storage
- Progressive Web Apps:
- Regressive web applications . Translation of the article Regressive Web Apps
Progressive Web Apps: How to Migrate to HTTPS (Progressive Web Apps: How to migrate to HTTPS)- Progressive Web applications and our regressive approach (Progressive Web Apps and our regressive approach)
- Performance Optimization:
Performance analysis of web applications in 2016, Ilya Klimov, FrontendDevConf- What web developers need to know about the future of AMP (What is the Future of AMP)
- How to improve page performance and get the most out of your web host.
- How to Make a Favicon Small and Cached (How to Make a Favicon Small and Cacheable)
- Image optimization: major mistakes and solutions (Image optimization: Common mistakes and solutions)
- Ways that you can tell the browser how and what to optimize (Ways to Optimize)
- Accessibility:
- WCAG 2.0 checklists
- Accessibility is not about morality, but for the general public. (It's Not About Morals:)
- How the use of Yeoman changed our approach to work (How Using Yeoman Changed the Way We Work)
- Project documentation with Hexo Static Site Generator (Project Documentation with Hexo Static Site Generator)
- 5 cool Mozilla technologies you've never heard of (5 More Awesome New Mozilla Technologies You've Never Never Heard Of)
- A list of everything that can be in a <head> . But don't make your head too fat
- Spectacular web:
- Radial SVG Slider
- Multi-Layer Page Reveal Effects
- A selection of interesting sites for June on css-tricks
- Weekly selection of beautiful effects on CSS / SVG / JS # 40
CSS
- 5 Flexbox methods you should be aware of
- CSS3 Generated Content Module Updated After 13 Years
- Insert a line break . Translation of the article Injecting a Line Break
- Ragged Avatars with CSS Clip-Path
- Representation of the CSS clip-path property (Introducing the CSS clip-path Property)
- BEM
- How to work with CSS preprocessors and BEM
- Fighting BEM: 10 major problems and ways to avoid them (Battling BEM (Extended Edition): 10 Common Problems
- I (finally) understood BEM (BEM I (finally) understand)
- CSS in BBC Sport (part 1)
- Details on line spacing text in CSS (CSS Text Line Spacing Exposed!)
- CSS Modules: (CSS Modules: A review from the front-end)
- A collection of simple CSS Modules
- The history of the origin of standard browser styles and CSS reset files
- Improving CSS with Parker (Improving Your CSS with Parker)
- Do not build the Bootstrap grid system on the flexbox (Don't build a Bootstrap style grid-system with Flexbox)
- Flexbox: flex-direction: column. Confusion with the columns continues
- At </> mic Docs - style generator and Sass component manager
- Creating animated screensavers for video using sprites (Building Animated Covers for Video with Sprites)
- Sass acceleration: architecture in Sass (Jump Start Sass: Architecture in Sass)
- ClosestColor - defines similar colors
Javascript
- OOP in javascript
- RxJS: Reactive Extension for Front End Development
- Requests to the Rest API from JavaScript are compact and beautiful
- Records from KharkivJS # 6 2016
- Front-end Hyperpolyglot - a comparison of the same features implemented in six frameworks (React, Angular 2, Angular 1, Polymer, Vue, Ember) (Front-end Hyperpolyglot)
- React:
- React: Redux dive
- React diving: containers
- "Building React Applications with Idiomatic Redux" . 26 lessons from the creator of the library Dena Abramova
- An animated performance guide in React . Report by Lin Clark on react-europe 2016 (A cartoon guide to performance in React)
- Getting started with TDD in React (Getting Started with TDD in React)
- 22 interesting open source projects at React
- Angular:
- Angular Attack: my experience of participating in the hackathon
- Angular 2 brings the world to the frontend galaxy
- Quick hosting setup for Angular 2 applications with Angular CLI and GitHub Pages (Quick Angular 2 Hosting with the Angular CLI and GitHub Pages)
- Application Architecture on AngularJS (AngularJS Application Architecture)
- Angular Universal in practice - how to create SEO-friendly single-page application with Angular 2 (Angular Universal Practice)
- Build A Simple Mobile App With NativeScript And Angular 2 (Build A Simple Mobile App With NativeScript And Angular 2)
- WebPack and Angular 2
- 18 interesting open source projects on Angular
- How to write your own Virtual DOM (How to write your own Virtual DOM)
- Why you shouldn't be afraid of TypeScript (Why You Shouldn't Be Scared of TypeScript)
- Vanilla JS repository . Because sometimes you feel guilty using jQuery.
- Motion Detection with JS (Motion Detection with JavaScript)
- Stop IE8 Support: Implications for JS (Dropping IE8 Support: Consequences for JavaScript)
- The legend of the equality operator in JS (The legend of JavaScript equality operator)
- Async and Await (Async and Await)
- Three types of prototype inheritance: ES6 + Edition (3 Different Kinds of Prototypal Inheritance: ES6 + Edition)
- Regular Expressions in JavaScript (Regular Expressions in JavaScript)
- Smooth scrolling in five lines of JavaScript (Smooth Page Scroll in 5 Lines of JavaScript)
- Designing and creating your own JavaScript library: tips and tricks (Design and Build Your Own JavaScript Library: Tips & Tricks)
- Infinite collections with ES6 generators
- Proper use of Google Maps JavaScript API (Harnessing the Google Maps JavaScript API the Right Way)
- Plugins:
- gDoc.js - use Google Spreadsheets as CMS (gDoc.js - Use Google Spreadsheets as your CMS)
- Pixel.js - software & hardware library for creating large interactive displays
- Multirange view: a small polyphil for the HTML5.1 slider with two sliders (by Lea Verou) (Introducing Multirange: A tiny polyfill for HTML5.1 two-handle sliders)
- microlight.js - micro-library for improving code readability with style selections
- barba.js - library for creating smooth transitions between site pages (Create badass, fluid and smooth transition between your website's pages.)
Browsers
- Opera Max has crossed the mark of 10 million users and is considering the introduction of a paid subscription or unobtrusive advertising
- Tor Browser 6.0 release
- Browser Trends June 2016: Microsoft's failure (Browser Trends June 2016: Microsoft Misfortune)
- Level up: creating a new browser (Microsoft Edge) (Level Up: Building a Brand-New Browser)
- The Web should work for everyone: Microsoft Edge and Content Design (The Web Should Be The Work Of Everyone: Microsoft Edge And Inclusive Design)
- What's next for EdgeHTML (What's Next for EdgeHTML)
- Chrome 51: Intersection Observers, Passive Event Listeners and Credential Management API
News and entertaining
- w3.org: Finishing HTML5.1 ... and starting HTML 5.2
- Xiaomi will buy 1,500 patents from Microsoft and will pre-install Office and Skype on their smartphones.
- Google launches mobile suitability assessment tool
- Google has published an action plan for the project AMP
- Computex 2016: the results of the exhibition and the main novelties
- 5 of the most amazing gadgets Computex 2016
- Google’s Boston Dynamics division will move to Toyota
- Instagram has closed API for third-party services that allow you to view the tape and like photos.
- Instagram will start paying users for content.
- GNU Project Introduces Its Own Payment System GNU Taler
- Why virtual reality is cool
- 15 serious films about hacker culture and wrong side of the industry
- Alibaba does not believe in tears: Jack Ma's 5 biggest failures and how he overcame them
- "All Tesla errors were due solely to stupidity."
- IT companies help genomic medicine
- Faster, higher, weaker: Why perfectionism hinders development
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 from last week .
Material prepared dersmoll and alekskorovin .
Source: https://habr.com/ru/post/302630/
All Articles