The digest of fresh materials from the world of the frontend for the last week №353 (February 17 - 24, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers

---

Media

• Web Standards podcast, Issue # 162: Npm for an enterprise, JS download priorities, price for third-party scripts, JS directly in CSS, available TodoMVC, custom checkboxes, text alignment.
• Podcast devschacht # 70: How TypeScript Changes Our Thinking
• Podcast "CSSSR" News 512 - Issue №39 (18.02 - 24.02)
• Podcast "Frontend Youth (18+)" # 84 Each of us has seen more terrible
• Vadim Makeev's video blog: “13. Live with the answers " , 14. Custom checkboxes correctly
• MinskJS Meetup # 5 - 3 videos

Web development

• Development under WebAssembly: real rake and examples
• Convenient BEM
• AMP and Turbo Pages: Pros, Cons, and Implementation Results
• AMP promotes organic search traffic - research
• 30 essential practices for writing modern and effective HTML5
• Alexandra Shinkevich slides from the internal MK about front-end testing for developers
• Try GraphQL! GraphQL Interactive Guide
')

• Instruments:
  • New view on learning and documenting source code
  • How the size of the code depends on the minifiers, the collector and the language Unexpected webpack update
  • 10 safety tips for npm
  • ICONSVG - a tool to simplify the search process and generate popular icons for your project
  • 7 javascript sandboxes in 2019
  

• Accessibility:
  • Tips for making interactive elements accessible on mobile devices
  • Inclusive components: to-do list
  • What does the European accessibility standard EN 301 549 mean for US organizations?
  • Video about how screen reader users use the web
  

• Spectacular web:
  • Effects of filtering SVG. Part 6. Texture creation with feTurbulence
  • Create animations that will liven up your site.
  • How to create a fake 3D effect using WebGL
  • Blobs!
  • SVG SPA
  

CSS

• Why I write CSS in javascript
• Drawing in pure CSS . Top 5 CSS Properties I Rely On When Creating CSS Art
• JS-in-CSS - a workshop to be created directly from CSS (as part of the CSS HOUDINI experiment)
• 21 ways to optimize your CSS and speed up your website
• How does @supports work
• Proper use of CSS Grid
• Auto-leveling mesh on Flexbox, compatible with IE10
• Variables CSS + calc () + rgb () = Providing high contrast colors
• CSS: FLIP animations

Javascript

• FunES # 8: Math.pow is not equal **
• DOM manipulations in pure javascript
• Introduction to jQuery (version 2019)
• Complete Guide to ES10 Features
• Prioritize JavaScript loading in Chrome
• Parsing JavaScript solutions for general algorithmic issues (part 1)
• 12 ideas to improve your javascript skills
• XMLHttpRequest or Fetch API: What's the best for Ajax in 2019?

• Theory:
  • JavaScript: Big Whole Why?
  • How to get started with internationalization in javascript
  • Public and private class fields
  • Try / Catch / Finally . Problems with interviews and not only
  • JavaScript prototype class inheritance guide
  • It's time to talk about object-oriented JavaScript.
  • How to avoid blocking DOM in javascript
  

• VueJS:
  • 26 tips to save time when working with Vue
  • Creating a modern application using Nest.js, MongoDB and Vue.js
  • Optimizing application performance on Vue.js: Part 3 - Lazy loading of Vuex modules
  

• React:
  • A collection of 2,200 resources for everything related to Reak - from Next.js, Gatsby and JSX to animation, Apollo GraphQL and podcasts
  • Announcement Ionic React Beta
  • React Hooks, first impressions
  • Using Pre-Commit and Pre-Push Git Hooks in a React Project
  • React: communication between components
  • Progressive React . Want to make your website more efficient on React? Here is a quick checklist
  • Build Progressive Web Applications with React. Part 2
  

• Angular:
  • Styling Angular Applications with Bootstrap
  • Reactivating scroll position with RxJS
  

• Libs & Plugins:
  • Client-side NSFW content discovery through Tensorflow JS
  • Study, design, or document a code base by placing breadcrumbs in the source code.
  

Browsers

• CERN launched the Internet browser of the 90s in honor of the 30th anniversary of the global network
• “Yandex” began testing in a mobile “Yandex Browser” public chat rooms with people nearby
• 31% of Chrome add-ons use libraries with known vulnerabilities
• Microsoft Edge secretly allows Facebook to use Flash content
• Firefox will display a picture in picture mode and a redesigned add-on manager

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