FirstLayout

福岡在住の Web デザイナー。ブログ Firstlayout とオンラインツールのブックマークサイト Benrito : を運営しています。

[FirstLayout @FirstLayout]

Astro + Shiki でファイル名や diff などを表示するコードブロックを作る

https://t.co/K4rvyVKKeg

[FirstLayout @FirstLayout]

Astro のちょっとしたメモ

Astro の Polymorphic を使う時に any にしないためのデフォルト値
https://t.co/nhHD2aNJZO

[FirstLayout @FirstLayout]

Benrito に HTML5Nest を掲載しました。HTML Living Standard に準拠した HTML の入れ子ルールを確認できるツールです。

9月末に掲載リクエストをいただいていたのですが、掲載が遅くなり申し訳ありません。

https://t.co/IOv7kRYicy

[FirstLayout @FirstLayout]

Astro で CSS のカスケードレイヤーを書いた時に意図しないレイヤー順序になったため、その対策をした内容です。

Astro での CSS カスケードレイヤーの順序の管理：問題ケースと解��方法
https://t.co/O1oO4jMoor

[FirstLayout @FirstLayout]

昨年に全てのモダンブラウザが対応してから欠かせなくなったのが CSS の color-mix() 。色空間の違いによって、どれほど色が異なるのか知りたくなり一目で分かる一覧を作りました。
https://t.co/rnWUKP4Ur2

[FirstLayout @FirstLayout]

マテリアルデザイン 3 の色をサイトで使用する方法はいくつかあります。その 1 つの Material Color Utilities を使う方法を記事にしました。
https://t.co/BdGleSKVyu

[FirstLayout @FirstLayout]

Cloudflare Pages に Wrangler を使ってプロジェクトの作成と直接アップロードをする方法をすぐに忘れるのでメモとして書きました。

Wrangler を使い Cloudflare Pages に直接アップロード
https://t.co/TowJPJ0Yt0

[FirstLayout @FirstLayout]

ブログを WordPress から Astro に変更したので、テストをかねて久しぶりに記事を書きました。

Nunjucks で作る JSON で末尾以外にカンマを出力する方法
https://t.co/e26PZlG0Vl

[FirstLayout @FirstLayout]

リクエストを頂いた正規表現テスター CyrilEx Regex Tester を含め、9 個のオンラインツールを Benrito に追加しました。

https://t.co/MkcbTXFk2r

[FirstLayout @FirstLayout]

Eleventy のバージョン 2.0.0 の安定版が先週リリースされてた。

試してみたら、ビルド時間が速くなりました。元々速いのに、さらに速くなって嬉しい。
他にも色々改良されていて大満足。

https://t.co/wLfPUC4Q6M

[FirstLayout @FirstLayout]

Benrito に 6 つのツールを追加しました。

・SVG Doodles! - SVG 形式のいたずら書き
・PWABuilder - PWA 対応の支援ツール
・Phosphor Icons - アイコン
・Icons by Craftwork - アイコン
・Heroicons - アイコン
・Feather - アイコン

https://t.co/MkcbTXFk2r

[FirstLayout @FirstLayout]

リクエストをいただいた Face Photo Restorer を含め Benrito に 9 つのツールを追加しました。

Face Photo Restorer は、古い顔写真を AI を使い復元するツールです。このツールは知りませんでした。教えていただきありがとうございます。

https://t.co/MkcbTXFk2r

[FirstLayout @FirstLayout]

Benrito に 10 個のツールを追加しました。

今回追加した中でよく使うのが、README を簡単に作れるエディター readme soです。

今年もありがとうございました。良いお年をお過ごしください。

https://t.co/MkcbTXFk2r

[FirstLayout @FirstLayout]

リクエストをいただいたツールを含め、12 個のオンラインツールを Benrito に追加しました。

https://t.co/MkcbTXWn4r

[FirstLayout @FirstLayout]

Benrito に掲載するオンラインツールを募集しています。
お気に入りのツールがありましたら、リクエストフォームより URL を教えてください。

サイトの下部からもリクエストフォームに移動できます。

https://t.co/sVwWiA1o4y

[FirstLayout @FirstLayout]

@MrYhira とりあえず全てのツールを登録して、詳細ページには「説明は後日追加します」と書いておこうかなと思って���ます。
そうでもしないと、なかなかブラウザのブックマークを整理できなくて。年末のバタバタと W 杯で時間もあまり取れていないし。
ですので、たくさんツールを教えていただけると幸いです。

[FirstLayout @FirstLayout]

Web 制作時に便利なオンラインツールのブックマークサイト Benrito を作りました。

ブラウザのブックマークの整理を目的に作ったのですが、どなたかのお役に立つかもしれません。

ツールは��時追加していきます。

https://t.co/W3uvtmEAhO

[FirstLayout @FirstLayout]

Windows で Safari の表示確認ができないとお悩みではありませんか？その悩みは解決するかもしれません。

Windows で Safari のブラウザテストをする

https://t.co/JV2iRSIFKw

[Addy Osmani @addyosmani]

Want to load your (LCP) hero image sooner?

Try <img fetchpriority=high> to boost its priority. Now used in production by Google Store, eBay, Etsy, Yahoo. Learn more: https://t.co/pZ64GXlXlW