Highlights from Chrome Dev Summit 2018
Key takeaways from Chrome Dev Summit 2018, including new web proposals like Portals for navigation and the Squoosh image compression app.
Ire Aderinokun — Investor, entrepreneur, and software engineer with deep expertise in web technologies, early-stage startups, and frontier markets, focused on building and backing mission-driven companies advancing financial inclusion across Africa and emerging economies.
155 articles from this blog
Key takeaways from Chrome Dev Summit 2018, including new web proposals like Portals for navigation and the Squoosh image compression app.
Explains the First Input Delay (FID) web performance metric, its causes, and its importance for user experience.
A developer's personal challenge to write 30 short blog posts in 30 days to overcome writer's block and self-imposed constraints on content.
Explains the key differences between CSS Grid's grid-template-* and grid-auto-* properties, focusing on explicit vs. implicit grids.
Developer creates a DevTools extension to toggle CSS feature queries for easier fallback layout testing.
Explains the CSS display: contents property, detailing how it visually removes an element's box while preserving its content in the layout.
A tutorial on recreating GitHub's contribution graph layout using CSS Grid, demonstrating its efficiency and power.
Overview of key new features and changes in the official HTML 5.2 specification, including the native <dialog> element and Payment Request API for iframes.
A guide to implementing web localization and translation using HTML attributes like lang, hreflang, and translate for multilingual websites.
A video series tutorial on implementing Web Push Notifications using Firebase Cloud Functions, from setup to sending messages.
A guide to using the free, open-source tool pa11y for automated accessibility testing in web development, covering setup and basic configuration.
Explains the CSS concept of collapsing margins, where adjoining vertical margins between block-level elements combine into a single margin.
Explains the CSS minmax() function for creating flexible grid layouts with minimum and maximum size constraints.
A technical comparison between CSS animations and the Web Animations API, using a case study to illustrate key differences and implementation details.
A developer shares their process of recreating a logo animation using pure CSS, including an introduction to CSS animations and keyframes.
An introduction to asynchronous functions in JavaScript, covering their syntax, usage with async/await, and error handling.
The author details the process of redesigning and rebuilding their tech blog, focusing on logo creation, design decisions, and performance improvements.
A developer's guide to creating Alix, a Chrome extension that uses CSS selectors to lint HTML for accessibility issues.
Using CSS selectors to visually highlight invalid, unsemantic, or inaccessible HTML elements for easier debugging and linting.
Explains the async and defer attributes in JavaScript, detailing how they control script loading and execution to optimize web page rendering.