When I was in Porto a few weeks back, I took lots of pictures of the beautiful tiles. They reminded me of the ubiquitous repeating background images that were so popular on the early web. I was thinking about abstracting them into a collection of reusable patterns but now it looks like I’ve been beaten to it!
Tuesday, March 21st, 2017
Tuesday, February 21st, 2017
Send messages when you’re back online with Service Workers and Background Sync – Twilio Cloud Communications Blog
This example of using background sync looks like it’s specific to Twilio, but the breakdown of steps is broad enough to apply to many situations:
On the page we need to:
- Register a Service Worker
- Intercept the “submit” event for our message form
- Place the message details into IndexedDB, an in browser database
- Register the Service Worker to receive a “sync” event
Then, in the Service Worker we need to:
- Listen for sync events
- When a sync event is received, retrieve the messages from IndexedDB
- For each message, send a request to our server to send the message
- If the message is sent successfully, then remove the message from IndexedDB
And that’s it.
Wednesday, October 12th, 2016
This is a truly fantastic example of progressive enhancement applied to a form.
What I love about this is that it shows how progressive enhancement isn’t a binary on/off choice: there are layers and layers of enhancements here, from simple inline validation all the way to service workers and background sync, with many options in between.
Friday, September 30th, 2016
See, when I first heard about
background-repeat: round; I thought it was something to do with making things circular. But no, it’s about tiling a background image so that nothing gets cut off. The amount of tiling required is rounded to the nearest whole number.
Now I get it.
Wednesday, August 24th, 2016
Yummy wallpapers for your desktop, tablet, and phone, from NASA and ESA.
Friday, August 5th, 2016
A nice introduction to using Service Workers to enable syncing in the background: when the user is offline, tasks get queued up and then when the user is back online, those tasks execute.
Wednesday, July 23rd, 2014
Literally a library of patterns: y’know, for tiling background images. Old school!
Monday, February 25th, 2013
A very hand tip from Ben on using SVG background images with a PNG fallback for IE8 and below.
Monday, June 11th, 2012
If you’re adding some noise texture to your backgrounds, this little service might be handy. I usually base-64 encode these kinds of background images: it would be nice to see that added as an option here.
Sunday, May 22nd, 2011
Josh explains the pros and cons of embedding background images in your CSS using base 64 encoding.
Thursday, April 7th, 2011
A lovely bit of experimentation with prime numbers and multiple background images.
Monday, June 14th, 2010
A clever technique to create the effect of multiple background images using the :before and :after pseudo-elements.
Sunday, May 31st, 2009
There's something haunting about this: the physical settings of internet memes with the protagonists removed.
Tuesday, November 13th, 2007
Awesome iPhone wallpaper images from the awesome Anton.
Saturday, December 2nd, 2006
Got Safari? Try resizing this page.
Wednesday, August 3rd, 2005
Multiple background images (from CSS3) is implemented in Safari.... and has been for months!