Collective #492
Inspirational Website of the Week: Florian Monfrini
Smooth animations on scroll and modern typographic elements made us chose Florian Monfrini's website as inspiration for this week.
Get inspired
Meet The #1 WordPress Popup Plugin
Build Popups in the same place you build your website, so your site design remains consistent and you are able to get more conversions.
Check it out
An Introduction To WebBluetooth
Read all about WebBluetooth which makes it possible to create PWAs that can control your lights, drive a car or even control a drone.
Read it
Announcing the #StateOfCSS 2019 Survey
Read about the launch of the first ever State of CSS survey. By Sacha Greif.
Read it
MIDI CITY 2000
An interactive art experiment where MIDI songs become cities. Made by Monica Dinculescu.
Check it out
To Grid or to Flex?
Michelle Barker's tips on how to pick the best layout method for the job: grid or flexbox.
Read it
Bluetooth Anywhere
The folks at de Voorhoede made some experiments to see if it's possible to control a device over Bluetooth, from a JavaScript app, on iOS and Android.
Read it
Pure CSS Still Life - Water and Lemons
Ben Evans created this absolutely incredible CSS only artwork.
Check it out
Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom
Nolan Lawson shares how he built a carousel with native browser APIs.
Read it
Making Future Interfaces: Inline SVG
A fantastic video by Heydon Pickering on inline SVG, how to hand code SVG, and how to make generative art with SVG and JavaScript.
Watch it
Intro to Font Metrics
An article by Weston Thayer where he takes a look at font metrics.
Read it
How I got rid of the new sponsored Facebook posts
Maurizio Carboni shares how he wrote a script that descrambles the DOM structure created by Facebook to confuse AdBlockers.
Read it
instant.page
Instant.page preloads a page right before a user clicks on it and thereby helps to make a page feel more "instant".
Check it out
Ludwig
Ludwig is a toolbox by Uber that allows to train and test deep learning models without the need to write code.
Check it out
Solar System 3D Animation (Pure CSS)
A fantastic demo by Fabricius Seifert.
Check it out
Understanding Service Workers and Caching Strategies
Aayush Jaiswal's guide will help you understand service workers and when to use which caching strategy.
Read it
Constructable Stylesheets: seamless reusable styles
Jason Miller writes about Constructable Stylesheets which are a new way to create and distribute reusable styles when using Shadow DOM.
Read it
Tips for making interactive elements accessible on mobile devices
Ire Aderinokun covers some of the new Web Content Accessibility Guidelines that relate to interactive elements on a web page.
Read it
CSS Scroll Snap - How It Really Works
Learn how to use CSS Scroll Snap in this article by Itzik Pop.
Read it
Miu Miu Twist
A great little pixel art promo game.
Play it
Uppy
In case you missed it: Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application.
Check it out
Free Font: Karton
A decorative typeface made by Elena Voynova.
Get it
Rainbow Tunnel
A mesmerizing demo by Tiibiix.
Check it out
SVG Filter Effects: Conforming Text to Surface Texture with <feDisplacementMap>
Learn how to make text conform to the texture of a surface using feDisplacementMap in this fifth article of our SVG Filter series.
Read it