Changes by Tom

Tom Roseveare

Documenting the code journey of this site

Get in touch
v4.1
November 2024 英文
  • Upgrade to Eleventy v3.0.0
  • Switch to ESM from CJS for internal configuration files
  • Eleventy Image now available natively, but not yet integrated
v4.0
June 2024 英文
  • A design overhaul with more structured layout and componentised approach, this time designing Figma-first (not browser-first)
  • New art direction with tighter branding elements.
  • New experiments, including GSAP integration, JS-based animations, CSS Grid layouts, and soon, use of Eleventy Images.
  • It feels like a miracle to get this released, having dropped web development for over 6 months in late 2023.
v3.1
2023年4月 英文
  • Upgrading to Eleventy 2.0.0 brings a new i18n (internationalisation) plugin to the mix.
  • Groudwork for i18n requires transitioning most pages into layout templates and partials, with content moved to JavaScript data files and new logic added to config.
  • Pagespeed challenge: aiming for full marks requires numerous optimisations — far too many to list here.
  • Upgraded blog with native 'like' support powered by Firebase and experimental sharing via the Web Share API. Added new Content Security Policy headers.
v3
2023年3月
  • Eleventy (11ty)という静的サイトジェネレーターで構成、新しく公開されました。ビルドの爆速は特徴で、Node.jsを生かしてnpmというパッケージマネージャーも使用。
  • 名前通り, 11種類のテンプレート言語がすぐに使用可能です。 当ブログなら、主にMarkdown *.md (ブログのコンテンツのデータを扱うため)と Nunjucks *.njk (レイアウトのテンプレートとpartialsというテンプレートの一部ファイルを扱う)を使用。
  • コード変更の際はGithubのリポジトリにプッシュして、Netlifyは毎回も自動に再生成されてくれます。CloudflareのCDNでデータの配信する。
  • 技術スタックを詳しく説明するブログをお待ちください。
v2
2023年1月
  • 新しい複数ページのウェブサイトをプッシュ
  • 変更に関しては、前よりCSSのGridとFlexboxを使用、タイムラインのバグ修正等とファイルの拡張子を非表示にする。
  • Domain management was moved to Cloudflare (despite not being my registrar) and, thanks to Cloudflare's email options, further free SMTP email options are made possible using Sendinblue.
v1
2022年12月 英文
  • Public launch under my own domain, connected to Github.
  • Connected to Cloudlflare's CDN for better global distribution and more granular caching controls.
  • Features: Several new style experiments in terms of animation and AI-generated imagery.
vβ
2022年半ば 英文
  • Single Landing Page: simple layout with multiple position:absolute sections that animate on-and-off screen, simulating a web app-like multi-page site.
  • Environment setup: setting up git, Github and new repositories. Switching from Sublime Text to Visual Code Studio.
  • Switched domain registrar from Mailchimp to Porkbun for more granular DNS control.
.