Workflow Considerations for Using an Image Management Service
16.10.2019
There are all these sites out there that want to help you with your images. They do things like optimize your images and help you serve them performantly.
That's a very good thing. By any metric, images are a major slice of the resources on websites, and we're notoriously bad at optimizing them...
Firefox Kiosk Mode
16.10.2019
As someone who loves the HTML and web APIs, I want to see them used in all different types of devices and mediums. Being that I work for the amazing Mozilla Corporation, seeing Firefox and the gecko web engine thrive in those spaces is important to me. Firefox was recently featured in the Firefox...
Case Study: Chang Liu Portfolio V4
16.10.2019
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's portfolio reimplementation.
Case Study: Chang Liu Portfolio V4 was written by Chang Liu and published on Codrops
Ten-Ton Widgets
15.10.2019
At a recent conference talk (sorry, I forget which one), there was a quick example of poor web performance in the form of a third-party widget. The example showed a site that installed the widget in order add a "email us" button fixed to the bottom right of the viewport. Not even a live-chat widget...
Let’s Make a Fancy, but Uncomplicated Page Loader
15.10.2019
It’s pretty common to see a loading state on sites these days, particularly as progressive web apps and reactive sites are on the rise. It’s one way to improve "perceived" performance — that is, making it feel as though the site is loading faster than it actually is.
There’s no shortage of ways...
WordPress Plugin Overload? Give Jetpack a Try!
15.10.2019
The WordPress ecosystem has a plentiful supply of plugins that offer everything from AMP to Zapier integration and so, so, so many other things in between. It's a significant contributor to what makes WordPress great because plugins can account for the needs of nearly any website.
How many plugins...
How to Create a QR Code
15.10.2019
QR codes aren’t everyone’s cup of tea but I quite like them. If I see something I want to remember or check out later, especially when on the road, it’s super easy to take a quick picture — it’s much easier than trying to remember a URL and much faster than typing...
10 Interesting JavaScript and CSS Libraries for October 2019
15.10.2019
Our resources collection for the month of October includes helpful fronted libraries, a cute CSS framework, and some awesome Node.js tools
Weaving One Element Over and Under Another Element
14.10.2019
In this post, we’re going to use CSS superpowers to create a visual effect where two elements overlap and weave together. The epiphany for this design came during a short burst of spiritual inquisitiveness where I ended up at The Bible Project’s website. They make really cool animations, and...
Collective #557
14.10.2019
Design System Playground * roughViz * GitSheet * How to design delightful dark themes * Able
Collective #557 was written by Pedro Botelho and published on Codrops
Stop Animations During Window Resizing
14.10.2019
Say you have page that has a bunch of transitions and animations on all sorts of elements. Some of them get triggered when the window is resized because they have to do with size of the page or position or padding or something. It doesn't really matter what it is, the fact that the transition...
Scrape the Web with scrapestack (Sponsored)
14.10.2019
I first grew to love Firefox not as a web developer but as user, and what drew me to this amazing new browser was its add-on ecosystem. The add-on I used the most? Web scrapers. Piracy had just hit mainstream and I also need imagery and documentation to create my first websites. Scrapers were...