• hawksworx
  • blog
  • speaking
  • about
  • search

Notes - page 1242

  • Newest
  • Previous
  • Next
  • Oldest

The archive of what I posted on Twitter, which I now self host due to a lack of trust in Twitter and some other reasons.

I'll soon begin refelcting all my Mastodon posts here too. I'm happier self-hosting or maintaining an archive of my content on URLs that I can own.

There are tools to help you do this too. Such as this one from the makers of Eleventy.

A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 3rd 2019 replying to this from @dizzyd
@dizzyd I love that iPhones now come with this as their default wallpaper.
Can't wait to see those residuals come rolling in! $$$$$
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 3rd 2019 replying to this from @dizzyd
@dizzyd "We're gonna need a bigger screen"
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 3rd 2019 replying to this from @
@ryanheybourn @Netlify Hooray!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @swyx
@swyx @github Narrator:

The project to refresh the content on https://jamstack.org began to take a particularly heavy toll on one member of the team.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @scottjehl
@scottjehl @jnschrag @Netlify @css Great tip. Thanks @scottjehl!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @piccalilli_
@andybelldesign @DavidDarnes @jina @eleven_ty @developurrs @zachleat Heh.
Noooooo.
Then again, did I forget to add this one?
And would it count @zachleat?
'tis but a little demo page,

https://twitter.com/philhawksworth/status/1145739587274399745
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @jnschrag
@jnschrag @Netlify @css Oh interesting. To be honest, I'd not picked up that nuance in the different usages of picture vs img elements.

I simply preferred the syntax of that element.
The same approach could be used with img and srcset.

Thanks for this info!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @jina
@jina @andybelldesign @DavidDarnes @eleven_ty @developurrs @zachleat Yeah, @andybelldesign!
Pfffft... you're *such* a typical 4 reference @eleven_ty sites sort of guy.

<Massive eye-roll />
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @jina
@jina @andybelldesign @DavidDarnes @eleven_ty @developurrs @zachleat Ok. Shit just got real.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @piccalilli_
@andybelldesign @DavidDarnes @eleven_ty @developurrs I'm assuming that the first to 11 wins some sort of massive mystery prize from @zachleat
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @piccalilli_
@andybelldesign @DavidDarnes @eleven_ty @developurrs Is this the right time to admit that I neglected to mention https://sagns.org and https://www.humdingerscomedy.com ?

Nobody's counting.
Except perhaps, @DavidDarnes.

So... is that 7? 😜
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @ScottsWebDev
@ScottsWebDev @eleven_ty @css \o/
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 2nd 2019 replying to this from @jamiebradley234
@jamiebradley234 @jamstackconf @middlesbroughfe @sanity_io @Netlify This will be great!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 1st 2019 replying to this from @vlh
@vlh @HenriHelvetica Nice one!

I also recommend signing up to some open mic nights and just running into it with white knuckles! Can't wait to hear how you like it.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 1st 2019
Roll your own lazy loading.

- A smattering of Picture elements
- A pinch of JS with Intersection Observer
- A dusting of CSS
- A helping hand from @eleven_ty

Explained on @css

https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/
Embedded image from social media
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 1st 2019 replying to this from @philhawksworth
A more detailed description of this now on @css

https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 1st 2019
RT @sarah_edo: 🔥 If you've ever wanted to learn to roll your own lazy loading, @philhawksworth wrote this excellent post to get you started…
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 1st 2019 replying to this from @mrm
@mrm @sarah_edo Interesting. I guess that's why so many other lazy loading approaches don't use a css blur effect.

Since that detail is all CSS, it could live in a media query to only apply the blur on larger screens as an enhancement, and assume that a larger screen means not mobile Android.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 1st 2019 replying to this from @s0rthak
@batrasoe @Netlify oooh thanks for spotting that!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • July 1st 2019 replying to this from @josledp
@josledp @Netlify Woohoo!
Welcome, Jose!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • June 30th 2019 replying to this from @Mandy_Kerr
@Mandy_Kerr This is probably something @bruised_blood would do brilliantly. Not sure if he has the availability though.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • June 28th 2019 replying to this from @stevecomrie
@stevecomrie @smashingconf @JAMstackTORONTO Thanks Steve! It was a real pleasure.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • June 28th 2019 replying to this from @ishyfddt
@Rishygddt @smashingconf @JAMstackTORONTO Likewise, Ron!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • June 28th 2019
Waving a fond farewell to Toronto, which is utterly lovely.
And to the attendees, speakers and organisers of @smashingconf Toronto and @JAMstackTORONTO, who all made this visit so much fun.

Until next time! 👋
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • June 28th 2019 replying to this from @datanotion
@datanotion @Netlify Hi Pat, It's probably worth asking this over in the @Netlify Community. It may even have already been answered and the folks talking overt there are most helpful. I see there is also a DNS topic already:

https://community.netlify.com/search?q=%23topics%3Adns
  • Permalink
  • |
  • Twitter
  • Newest
  • Previous
  • Next
  • Oldest

The source code of this site is available on GitHub and is hosted and updated by Netlify automatically after each code commit

Other than where specified, the content on this site is published under a Creative Commons Attribution 3.0 licence.

Subscribe to a feed of blog posts on this site.