The digest of fresh materials from the world of the frontend for the last week №255 (March 20 - 26, 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
- Web Standards Podcast, Issue # 60 : Background tabs, CSSO, CSS Peeper, course on SVG, participation in standards, accessibility or life, HTML linting, 5-line sidebar, JS download, jQuery not needed, push notifications, interdisciplinary, Front fronts
- Front podcast, №002 : Andrey Gurylev, urban communities and the perfect stack
- Layout is not stupid. Allowance for those who need to impose.
Outside the browser: from web to desktop applications- Results of Stackoverflow Developer Survey 2017 . What I learned from the Stack Overflow survey among 64,000 developers
- PWA:
- Progressive Web Apps - the next step in Responsive Web Design
- Website Upgrade to a Progressive Web Application
- Questions and answers about Progressive Web App from cloudfour
- Web performance:
')- We optimize the mobile version of the site: what is Google AMP
Do you know the speed of loading your site from mobile devices? Time to figure it out- Can Guetzli, Google's new JPEG decoder, help solve the bloated web problem?
- AMP Discussion
Amplify video podcast episodes: 7 ways in which AMP makes your pages fast , “But I already have a fast website”: For an instant download experience
- Lessons:
- Webpack for real-world tasks: banding the frontend and adding a compilation
- An introduction to Elm architecture and how to create our first application
- Creating productive animation expand & collapse in the Google Developer Blog
- Recreating legendary music from eight-bit games using the Web Audio API
- Adaptive Sprite Generator
- How and why you can use custom data attributes HTML5
- Which Responsive Design Framework is the Best? Of course it depends
- The complete guide to the layout of letters for Android
- A11Y Style Guide
- I was a web developer for 17 years, and this is what I learned - Daniel Khan
- Introduced CodePen Projects - IDE for CodePen
CSS
- Learn to think in REM. Talk about the obvious and about productivity in a small web studio
- Custom properties as a link between CSS and JS
- Align all properties and their new secrets
- CSS Grid Layout:
- CSS grids come for good
- Moz CSS Grid Showcase page: // a
- First impressions from CSS Grid Layout
- My first practice with CSS Grid Layout
- “Fallbacks” for grids
- Adding a Grid to an existing design
- Writing modular CSS (part 2)
- Sass development team answers questions
- Your CSS could be more understandable.
- Custom CSS properties come to Microsoft Edge
- You seem to be able to use custom fonts in HTML letters.
- A selection of hover effects from CodePen
- Text effects using CSS (and a small trick with contenteditable)
Javascript
- A brief history of javascript. Part 2
- Tracking js errors with Metrics
- The best reports of HolyJS 2016 Moscow: Access open
- Why NaN is not “Not a Number”?
- How to humiliate javascript
- Modern JavaScript for ancient web developers
- Life after JavaScript: the benefits of learning a second language
- We write JavaScript taking into account availability
- Javascript vs python in 2017
- Async / await pitfalls ES7
- Simplify asynchronous code with Async / Await functions
- Quick Tip: How JavaScript Links Work
- Large-scale web development with TypeScript
- How I learn any front-end framework
- Testing Service Workers
- Creating a book cover using javascript and p5.js
- Angular:
- React:
- Eureka! Moments of insight when studying React
- Understanding Deploying React Applications
- Cheat sheet on the composition of React components
- setState () Gate
- Functional setState is the future of React
- React is slow, React is fast: practical optimization of React applications
- Vue:
- Libs & Plugins:
- iterare - library for working with ES6 iterators
- 7 JavaScript libraries for dashboards
- MoveTo - lightweight animation library for scrolling to elements, without dependencies
Browsers
- Mozilla project to create a new Firefox interface design
- What's new in Chromium 57 and Opera 44
- Chrome 58 Beta: IndexedDB 2.0, improved iframe navigation, navigation and fullscreen mode for PWA
- Safari Technology Preview 26 release details
- Chrome 58 Technical Details
Entertaining
- GitHub adds protection against SHA-1 collision attacks.
- Twitter will give TV channels the opportunity to conduct professional live broadcasts
- Apple showed a red iPhone. And killed the iPad Air line . Apple's next innovation will be augmented reality.
- Google released the first test version of Android O
- Three branches of Node.js received updates
- Why Google does not plan to launch mobile-first index
- Mozilla co-founder and creator of JavaScript plans to create a blockchain-based advertising platform
- Business Insider: Facebook has formed a secret unit to develop brain scanners and augmented reality cameras
- School teacher guessed signal code on Adobe building
- Free Google Optimize brings A / B testing sites to the masses
- Priorities, faith and leadership: why teams at Apple and Google are more productive than competitors
- The largest advertisers have left YouTube. It cost Alphabet $ 35 billion
- “Interviewing is a free lesson”: what did I learn when I wasn’t taken as manager by Google
- GitHub now allows its employees to retain intellectual property rights created during business hours
- What is the difference between popular Open Source licenses? Explains Github
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/324888/
All Articles