• hawksworx
  • blog
  • speaking
  • about
  • search

Notes - page 211

  • 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 • January 9th 2020 replying to this from @philhawksworth
I also told Netlify which folder to publish to the CDN by setting the "publish" value in the netlify.toml

I could have omitted the toml and just run this command to deploy it to prod:

netlify deploy --prod --dir=./

More CLI info in the docs...

📚 https://docs.netlify.com/cli/get-started/#deploy-directories?utm_source=twitter&utm_medium=wget-cli-pnh&utm_campaign=devex
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 9th 2020
Getting questions about the @Netlify config I added here.

I was too lazy to address the page at its full downloaded folder path, so I added a redirect from the root for convenience.

Psst, redirects in @Netlify are powerful! Check the docs!

📚 https://docs.netlify.com/routing/redirects/redirect-options/?utm_source=twitter&utm_medium=wget-cli-pnh&utm_campaign=devex https://twitter.com/philhawksworth/status/1214942635300982785
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 9th 2020
RT @Netlify: More ways to JAMify your Angular app: Angular Universal 9.0 RC pre-render builder which spins up multiple workers to pre-rende…
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 9th 2020 replying to this from @charis
@charis @cole007 As long as you use an off-the-wall enamel mug, you can hold on to your hipster badge.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 9th 2020 replying to this from @cole007
@cole007 @charis Heh. I’ve only ever use the inverted method. Maybe today I’ll try regular for once.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 9th 2020 replying to this from @charis
@charis I adore my aeropress. I’ve used it almost every single day since receiving it as a gift a couple of years ago. That, and a fresh grind really improved my coffee.

I even travel with it and a hand grinder.

It’s a bit time consuming for more than one person. But solo, it’s great!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 9th 2020
RT @GetShifter: Introducing Shifter Netlify Forms! Deploy static WordPress sites to @Netlify using Shifter webhooks and receive form submis…
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @anton_bearer
@anton_bearer @Netlify Hmmm. Not quite my intention.

Hopefully the main barrier stopping people from doing that isn't, "if only I could find a way to make my site look like that site".
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @nilsmielke
@nilsmielke @zachleat @jlengstorf Oops. Check again now.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @benedfit
@benedfit @shortdiv Yeah good question. I think it will depend to some extent on the size of the build vs the number of visitors. As soon as a site gets any real level of traffic, I’d expect pre-rendering to be favourable in regards to energy.

Measurements are tricky. But I’m very curious too.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020
This is a super release! And the fact that @zachleat did it live during his livestream with @jlengstorf was pretty cool to watch too.

https://www.learnwithjason.dev/let-s-learn-eleventy https://twitter.com/eleven_ty/status/1214681563507699713
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020
I'm really interested learning more about the energy implications of a JAMStack architecture.

Especially building a site once, and then serving it up as static assets from a CDN, rather than compiling things for each users requests, just-in-time.

Another great @shortdiv post: https://twitter.com/shortdiv/status/1214984701720612864
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @allanwhite
@allanwhite @danfascia @elibelly @figmadesign @CodePen @tailwindcss @Netlify @eleventy @eleven_ty I've enjoyed working with pug in the past. I like it. But I've not done it often enough lately to have all the muscle memory I like to have.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @piccalilli_
@hankchizljaw @zachleat @davatron5000 @chriscoyier Should suit me nicely when I'm focussing on building a styleguide comprised of components that I'll later use all over the site.
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @drewm
@drewm @Netlify A timely reminder that as a Netlifyer it is your duty to ensure that you have added any appropriate pets to this site, @drewm

https://petsof.netlify.com/

(this shit is important)
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020
Ok, I didn’t see that coming. https://twitter.com/davecribb/status/1214488612768751618
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @piccalilli_
@hankchizljaw @zachleat @davatron5000 @chriscoyier Ooooh something like this would be really handy for a snappy development experience:

eleventy —watch /path/to/folder/or/page
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @budparr
@budparr @Netlify Excellent!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @nystudio107
@nystudio107 @Netlify I’m as late to the party as ever! :)
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @_munter_
@_munter_ @Netlify Oh, this looks great!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @DavidDarnes
@DavidDarnes @Netlify @smashingconf Tickets not on sale soon!
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @allanwhite
@allanwhite @elibelly @figmadesign @CodePen @tailwindcss @Netlify I like these a lot!
Number 7 is clutch.

FWIW, I've started jumping into the prototyping in code with @tailwindcss and @eleventy (my personal "SSG du jour") so often that I made a little starter template to help me start faster.

https://eleventail.netlify.com/
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @philhawksworth
@Netlify And I'm not simply advocating hosting your own knock-off version of @smashingconf, BTW.

It just so happens that I'm using their lovely site in a demo/experiment of my own
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020 replying to this from @philhawksworth
@Netlify Those wget options:

-p: Get any dependencies needed for offline viewing
-H: Include dependency files from other hosts
-k: Update paths in the local HTML to point at local files
-E: Add .html to the file name if it is an HTML file but doesn't have a suitable extension
  • Permalink
  • |
  • Twitter
A photo of Phil Hawksworth's face
Phil Hawksworth @philhawksworth • January 8th 2020
Fun tip:
I often grab local versions of sites to experiment and learn from. You can get a site's html and all of the page's dependencies with a single wget command:

wget -H -E -k -p SOMEURL

And then as a bonus, deploy it right from the @netlify CLI!

https://docs.netlify.com/cli/get-started/?utm_source=twitter&utm_medium=wget-cli-pnh&utm_campaign=devex
Embedded image from Twitter
  • 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.