February 20, 2019 #379 — February 20, 2019Read on the Web? Frontend Focus Resource Prioritization – Getting the Browser to Help You — Use to load your key scripts at a higher priority. It’s improved Twitter Lite’s time to interactive by 36% says Addy Osmani.Sérgio Gomes (Google)? How A Screen Reader User Accesses The Web — Léonie Watson (a blind screen reader user and web accessibility expert) explores the web, explaining some unexpected properties of HTML elements that have a huge impact on accessibility and performance.Bruce Lawson Design for Developers ? New Course by Sarah Drasner — Become more self-sufficient for the entire process for execution, from concept to design to implementation. Understand the rules for designing and learn to create complex and beautiful front-end experiences.Frontend Masters sponsorPreloading Fonts and the Puzzle of Priorities — Another on preloading. This one’s a thorough and detailed look at how behaves specifically in regards to fonts, concluding that there’s a case to be made for preloading one or maybe two critical fonts.Andy Davies‘Trusted Types’ To Help Prevent Cross-Site Scripting? — A look at an experimental, Chrome-only API that aims to prevent DOM-based cross-site scripting by only letting special typed objects to make certain types of changes to the page. If this approach were to catch on in a standardized, cross-browser way it could be a big deal.Krzysztof Kotowicz (Google)Google Wants to Make It Harder for Sites to Detect That You’re Using Chrome’s Incognito Mode — The FileSystem API is being used to determine whether or not a user is in Incognito mode. Google is looking to stop this and eventually deprecate and remove the API.Kyle BradshawTrust is Good, Observation is Better: Intersection Observer v2 — Intersection Observer v2 adds the capability to not only observe intersections themselves, but to also detect if the intersecting element was visible at the time of intersection.Thomas Steiner (Google Developers)? JobsFull-Stack Developer, Permanent (London, UK) — We’re looking for a new member of the team to work closely alongside our Senior Developer & Designers.Birch Creative LimitedSr Front End Software Engineer (Americas) — Are you a top-notch Frontend engineer with a focus on building powerful, responsive, and maintainable web applications?Host ComplianceFind A Job Through Vettery — Vettery specializes in developer roles and is completely free for job seekers.Vettery? Tutorials & Opinion? Will Saving Images in 72 Dpi Save Your Website Bandwidth? — Discusses the misunderstood notion that images must be saved in 72 DP in order to optimize images for the web.The Web DemystifiedManaging Image Breakpoints with Angular — Angular has a built-in feature called BreakPoint Observer that evaluates media queries and reacts to the changing environment.Tamas PirosStruggling with MongoDB? Release the Full Power with Studio 3T — Get started with the IDE that saves you time and makes it easy. MongoDB for all, from startup to enterprise.Studio 3T sponsorHow @supports Works — The @supports query tests if a browser can support a particular property before applying a block of style.Chris CoyierUsing CSS Grid The Right Way — Three tips to help you understand and leverage the Grid spec.Violet PeñaIE10-Compatible Grid Auto-Placement with Flexbox — If you need to support older browsers here’s one approach to achieving grid-like layouts.Brian HoltShop Like a Developer – Discover and Experiment with Hot New Cloud Services ??Manifold sponsorHow to Theme with CSS VariablesRob WoodCSS Scroll Snap: How It Really WorksItzik PopA Discussion on Rebuilding Some of MDN with React — MDN is a hugely popular and useful resource for Web developers, and they’re considering reimplementing parts of it with React.. which provoked more discussion that you might expect(!)MDN Web Docs? Code and ToolsTextblock: Set Continuously Responsive Typography — A JavaScript tool for adjusting size, leading, and grades to cast ‘continuously responsive typography.’ It works over your current CSS as a progressive enhancement.GlyphicSplit.js: Create Resizable Split Views / Panes / Frames — There’s a React component variant too.Nathan CahillLightning-Fast GraphQL Service for Ecommerce??PIM & Subscription Commerce ?Crystallize sponsormailtolink.me: Mailto Link Generator — A simple markup generator for mailto links (direct links to email clients from the Web) that takes care of the formatting for you. Note that the address is not obfuscated, however.Michael Mckeeverhtml5-boilerplate v7 Released — Drops support for IE 9 and 10.Rob Larsen ? Upcoming EventsAn Event Apart, March 4-6 — Seattle, Washington — A 3-day conference with 17 sessions and a focus on digital design, UX, content, code, and more.UpFront Conference, March 22 — Manchester, UK — A frontend conference ‘open to everyone who makes for the web’.SmashingConf, April 16–17 — San Francisco, California — A friendly, inclusive event which is focused on real-world problems and solutionsCSSCamp 2019, July 17 — Barcelona, Catalunya — A one-day, one-track conference for web designers and developers. Source link