Front-end news summary #1

It takes me almost two weeks to create this super long list of articles worth to read and it’s just a summary of last few weeks.

Still most of old newsletters are waiting, but I make a order in my mails moving from Gmail to Google Inbox. Now I can take advantage of grouping and treating mails like a “to do” list.

In today’s highly competitive business environment, we all need to be in constant learning mode. No one can afford to take a vacation from developing new skills, especially as economic and political uncertainty threaten businesses and job stability and make future career prospects unclear.

Source: How to Trick Yourself Into Accomplishing Tough Goals

General

  1. Adapting to Input
    Sooo important topic, b/c designing “desktop” to be used with mouse and keyboard only, with tons of “on hover” content is, unfortunately, common practise.
  2. Real–world HTTP/2: 400gb of images per day
    Some “real” H2 test, but without removing H1.1 performance optimizations, shows up it’s not a good idea to just turn on H2 without worrying about front-end stuff.
  3. A Code Review, Or Yet Another Reason to Love the Web
    Good read about importance of code review, markup structure, naming conventions and power of community. Inspiring.
  4. A practical security guide for web developers
  5. Strategies for Healthier Dev
    Oh my god, so many bad behaviours to change… :D
  6. The Business Case for Progressive Web Apps
    Technical articles about Progressive Web Apps abound, but few tackle the question of why businesses should build Progressive Web Apps and why they should do so now.
  7. The death of the natives? A progressive shift for apps, web & marketers

Design

  1. Stop the overuse of overflow menus
    The trouble with overflow menus is that you didn’t actually take anything away, you just obnoxiously obfuscated it.
  2. Designing a styleguide
    “Consistency is important because it creates trust. And design is all about creating relationships between products and users.”
  3. Stop designing interfaces, Start designing experiences
    We don’t want our designers to spend any more time on interfaces, we want them to focus on the experience only.
  4. Centered Logos Hurt Website Navigation
  5. U.S. Web Design Standards

Performance

  1. Why our website is faster than yours
    Good case study of redesign focused on performance.
  2. The performance benefits of rel=noopener
    Due to the synchronous cross-window access the DOM gives us via window.opener, windows launched via target=”_blank”  end up in the same process & thread.
  3. A Comprehensive Guide to Font Loading Strategies

JavaScript

  1. Awesome Service Workers
    A curated collection of service worker resources.
  2. Web Notifications Introduction: News on Lock(screens)
    How the Guardian US Mobile Innovation Lab has experimented with telling stories in web notifications.
  3. The Service Worker Lifecycle
  4. Video course “ES6 for Everyone”
    I’m somewhere in middle of watching and really like it!
  5. Learn TypeScript in 30 Minutes
    This tutorial is aimed at people who are fairly proficient in JavaScript but are still beginners when it comes to TypeScript.
  6. What’s new inside jQuery 3.0
  7. How three dots changed JavaScript
  8. 12 Books Every JavaScript Developer Should Read
  9. VuePack
    A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2

Styling

  1. Web Design in 4 minutes
    It’s possible to style a page in 4 minutes?
  2. Full Width Containers in Limited Width Parents
  3. Considerations for Styling a Modal
  4. Current state of CSS Grids
  5. Structuring CSS in large projects
  6. High Performance SVGs
  7. BEMantic: DRY Like You Mean It
  8. Bootstrap considered harmful
  9. Refactoring CSS Without Losing Your Mind

Tools and plugins

  1. Sympli
    Collaboration platform for designers and developers that works with Xcode, Android Studio, Sketch and Photoshop.
  2. flatpickr
    A lightweight & powerful date-time-picker
  3. Fractal
    A tool to help you build & document web component libraries, and then integrate them into your web projects.

Accessibility

  1. Vox Accessibility Guidelines
  2. Accessible UI Components For The Web

PS. I’ll try to figure out a way to make it much easier to read in next issue, because I’m pretty sure that list of 40 articles doesn’t look so friendly.