Collective #488
Inspirational Website of the Week: Next Level Fairs
A great exhibition of artwork with wonderful animations. Our pick this week.
Get inspiredA New Way to Build Beautiful WordPress Popups
Popups are the best way to get leads, conversions, and sales. Just because most popups are ugly, doesn’t mean yours have to be the same!
Check it outSimulating blobs of fluid
Peeke Kuepers's article on implementing the double density relaxation algorithm.
Read itFirefox 65: WebP support, Flexbox Inspector, new tooling & platform updates
Read what's new in this coming FireFox version.
Check it outTHREE.Phenomenon
THREE.Phenomenon is a 900b wrapper around three.js built for high-performance WebGL experiences.
Check it outTaotajima.jp WebGL deconstruction
A great deconstruction of the effects seen on the taotajima.jp website.
Read itHTML, CSS and our vanishing industry entry points
Rachel Andrews on the importance of HTML and CSS as entry points into the web industry professions.
Read itNew Year, New Website
Meagan Fisher shares her motivations and struggles behind redesigning her own website.
Read itFuture JavaScript: what is still missing?
Axel Rauschmayer explores the missing features in JavaScript that he finds most important.
Read itHow I Learned to Stop Self-Sabotaging Design Critiques
Stuart Norrie shares some great advice on how to get the best of a design critique session.
Check it outWebAudio Polyphonic Synthesizer
A WebAudio polyphonic synthesizer with three different audio oscillators, filter and low frequency oscillator for modulation and MIDI support.
Check it outPure CSS lettering, a bad and fun idea
Kenneth Ormandy shares how he created letters using only CSS.
Read itJavaScript Tip
A useful JavaScript tip by Wes Bos.
Check it outAnimated CSS burger components
A collection of animated burgers for React or as plain HTML/CSS.
Check it outWhy isn't the internet more fun and weird?
Jarred Sumner writes on how the internet used to be more fun when publishing content and how Codeblog helps to bring that fun back.
Read itfakeit.digital
A fun digital handbook for the ones who choose agency life and have no idea what it's all about.
Check it outsocialsizes.io
Image and video sizes for social media with templates for Sketch, Adobe XD and Photoshop.
Check it outHow to setup Webpack config
Learn how to create your very first Webpack config from scratch.
Read itDesigning for Tomorrow - A Discussion on Ethical Design
Product designer Lu Han shares her thoughts on ethical design.
Read itx-spreadsheet
A JavaScript (canvas) spreadsheet for the web.
Check it outAwesome Podcasts
A list of important podcasts for software engineers.
Check it outSVG Filter Effects: Poster Image Effect with <feComponentTransfer>
Learn how feComponentTransfer works and how you can posterize images with this powerful SVG filter primitive.
Read it