Issue 411 - The many ways to link shapes using HTML and CSS (24)

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”.

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.

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

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.'

Accessibility for Web Developers. Get the Whitepaper — Learn everything you need to know about accessibility standards, how to conform to the laws and what this means to you.

Full User-Experience Monitoring with Datadog Synthetics — Datadog’s AI-powered Browser Tests can be created in minutes and update themselves. Try it for free.

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.

Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.