Layout-Fun with CSS Grid — Tobi experiments with various CSS Grid layouts here, explaining how to work with layout changes that occur following a browser resize.

Tobi Reif

The Many Ways to Link Up Shapes and Images with HTML and CSS — Once you move beyond squares and rectangles, you need to step beyond traditional techniques and try out things like SVG, image maps (as old as they are!), and clip-path.

Bailey Jones

Webinar: Building Great Search Experiences with Search UI — Building a search application from scratch doesn’t have to be a complex task. Join our webinar on Oct 16 to learn how to create premium search experiences with our free and open-source Search UI. No expertise in UI required.

elastic.co sponsor

An HTML Element 'Potentially Worth $18M' to Indiegogo Campaigns — I’m not so sure of the math here, but this is an interesting play on the recent 'HTML attribute potentially worth $4.4M to Chipotle' post that makes the point that small tweaks to user experience on the web can mean big money at scale.

Adrian Roselli

WebHint in Firefox DevTools: Improve Compatibility, Accessibility and More — This excellent tool provides feedback about your site’s compatibility, performance, security, and accessibility. It’s now available in Firefox as an add-on.

Harald Kirschner (Mozilla)

Europe’s Top Court Says 'Active Consent' Is Needed for Tracking Cookies — The ruling notes that pre-checked consent boxes for dropping cookies are not legally valid and that consent must be obtained prior to storing or accessing non-essential cookies, such as tracking cookies for targeted advertising.

Natasha Lomas

Mozilla Disables TLS 1.0 and 1.1 in Firefox Nightly in Preparation of Deprecation — Support for both the TLS 1.0 and TLS 1.1 protocols are now disabled in Firefox Nightly.

Martin Brinkmann

Frontend Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.

X-Team

Can You Help Our Client Migrate to Node.js? (Docklands, London) — Do you have experience and strong opinions on Node best practices? Come and share your advice with an engaged, friendly team of excellent software engineers.

CareersJS

Find A Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

Enhancing The Clickable Area Size of UI Elements — Sometimes only very tightly defined parts of your UI elements will be clickable, but there are ways to improve the experience.

Ahmad Shadeed

How CSS Grid Changes The Way We Think About Structuring Our Content — A look at how the “extra layer of control” that Grid offers helps simplify your markup and lets us write less code.

Kevin Powell

Accessibility for Web Developers: Whitepaper. Get Your Copy

Progress Kendo UI sponsor

Some Things You May Not Know About Chrome DevTools — Ten quick-fire features you may have not stumbled across.

Loftie Ellis

A Love Letter to My Website — Now this isn’t particularly related to development, but here Tobias shares his “declaration of love for personal websites” — and thinks we should be making more of them. I’m inclined to agree.

House of van Schneider

3 Easy-to-Apply CSS Improvements That You Can Use in Your Project Right Now

Mac Daniel beginner

A Zero DIV Pure CSS Pixel Art Animation — This is a fun experiment in CSS art, using no HTML, JavaScript or images. Not practical in production of course as the resulting CSS file is massive. Here’s a time-lapse video showing the 'making of.'

Ben Evans codepen

Cutestrap: A Powerful 2.7KB Pure CSS Framework — Bills itself as “a progressive CSS Framework built with modern techniques and an eye towards the future with a simple API and robust customization options”.

Tyler Childs

OGL: A Minimal WebGL Framework — WebGL is not the easiest technology to use on its own, so libraries like Three.js are often used to make its functionality more accessible. This is a lighter weight attempt to keep you close to the metal without cutting your hands.

Nathan Gordon et al.

Proactively Identify Front-End Issues with Datadog Synthetics — Try Datadog Synthetics and run root cause analyses to resolve issues before your customers notice them.

Datadog Synthetics sponsor

Screen Size Map for Responsive Webdesign — An interactive map that illustrates the responsive and adaptive device landscape and popularity of various screen sizes.

Boana

remove.bg: Remove A Background From Image — This free tool has been updated to support images up to 25 megapixels.

Kaleido

Cursor? — This is a somewhat weird and trippy cursor effect, making use of SVGs.

Hazem Osama codepen