FirstLayout
@FirstLayout
福岡在住の Web デザイナー。ブログ Firstlayout とオンラインツールのブックマークサイト Benrito : http://benrito.net を運営しています。
You might like
Astro + Shiki でファイル名や diff などを表示するコードブロックを作る firstlayout.net/astro-x-shiki-…
Astro のちょっとしたメモ Astro の Polymorphic を使う時に any にしないためのデフォルト値 firstlayout.net/default-value-…
Benrito に HTML5Nest を掲載しました。HTML Living Standard に準拠した HTML の入れ子ルールを確認できるツールです。 9月末に掲載リクエストをいただいていたのですが、掲載が遅くなり申し訳ありません。 benrito.net/html5nest/
Astro で CSS のカスケードレイヤーを書いた時に意図しないレイヤー順序になったため、その対策をした内容です。 Astro での CSS カスケードレイヤーの順序の管理：問題ケースと解決方法 firstlayout.net/css-cascade-la…
昨年に全てのモダンブラウザが対応してから欠かせなくなったのが CSS の color-mix() 。色空間の違いによって、どれほど色が異なるのか知りたくなり一目で分かる一覧を作りました。 firstlayout.net/differences-in…
マテリアルデザイン 3 の色をサイトで使用する方法はいくつかあります。その 1 つの Material Color Utilities を使う方法を記事にしました。 firstlayout.net/generate-a-mat…
Cloudflare Pages に Wrangler を使ってプロジェクトの作成と直接アップロードをする方法をすぐに忘れるのでメモとして書きました。 Wrangler を使い Cloudflare Pages に直接アップロード firstlayout.net/upload-directl…
ブログを WordPress から Astro に変更したので、テストをかねて久しぶりに記事を書きました。 Nunjucks で作る JSON で末尾以外にカンマを出力する方法 firstlayout.net/how-to-output-…
リクエストを頂いた正規表現テスター CyrilEx Regex Tester を含め、9 個のオンラインツールを Benrito に追加しました。 benrito.net/?sort_order=ne…
Eleventy のバージョン 2.0.0 の安定版が先週リリースされてた。 試してみたら、ビルド時間が速くなりました。元々速いのに、さらに速くなって嬉しい。 他にも色々改良されていて大満足。 11ty.dev/blog/eleventy-…
Benrito に 6 つのツールを追加しました。 ・SVG Doodles! - SVG 形式のいたずら書き ・PWABuilder - PWA 対応の支援ツール ・Phosphor Icons - アイコン ・Icons by Craftwork - アイコン ・Heroicons - アイコン ・Feather - アイコン benrito.net/?sort_order=ne…
リクエストをいただいた Face Photo Restorer を含め Benrito に 9 つのツールを追加しました。 Face Photo Restorer は、古い顔写真を AI を使い復元するツールです。このツールは知りませんでした。教えていただきありがとうございます。 benrito.net/?sort_order=ne…
Benrito に 10 個のツールを追加しました。 今回追加した中でよく使うのが、README を簡単に作れるエディター readme soです。 今年もありがとうございました。良いお年をお過ごしください。 benrito.net/?sort_order=ne…
リクエストをいただいたツールを含め、12 個のオンラインツールを Benrito に追加しました。 benrito.net/?sort_order=ne…
Benrito に掲載するオンラインツールを募集しています。 お気に入りのツールがありましたら、リクエストフォームより URL を教えてください。 サイトの下部からもリクエストフォームに移動できます。 docs.google.com/forms/d/e/1FAI…
Web 制作時に便利なオンラインツールのブックマークサイト Benrito を作りました。 ブラウザのブックマークの整理を目的に作ったのですが、どなたかのお役に立つかもしれません。 ツールは随時追加していきます。 benrito.net
Windows で Safari の表示確認ができないとお悩みではありませんか？その悩みは解決するかもしれません。 Windows で Safari のブラウザテストをする firstlayout.net/browser-testin…
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: web.dev/priority-hints
Nunjucks のドキュメントに split の記述がないためメモ。 Nunjucks での文字列と配列の変換 firstlayout.net/converting-str…
以前 Cocoon のフォーラムで Invisible reCaptcha プラグインが PHP エラーを出すと見かけました。 「WordPress reCaptcha v3」と Google で検索したら 3 ページ目までに出てきたのはプラグインの使い方の紹介ばかりでした。 そこで自分で実装する方法を書いてみました。 firstlayout.net/using-recaptch…
United States Trends
- 1. RIP Beef 1,019 posts
- 2. #HardRockBet 4,323 posts
- 3. SNAP 646K posts
- 4. Jamaica 93.3K posts
- 5. Friendly 55.8K posts
- 6. McCreary 2,405 posts
- 7. MRIs 2,816 posts
- 8. #IDontWantToOverreactBUT 6,301 posts
- 9. #MondayMotivation 43.9K posts
- 10. Hurricane Melissa 55.9K posts
- 11. $ZOOZ 5,319 posts
- 12. #ChelleyxTrueReligion 3,489 posts
- 13. John Dickerson 1,298 posts
- 14. 53 Republicans 1,505 posts
- 15. Jack DeJohnette 3,065 posts
- 16. Sports Equinox 7,193 posts
- 17. $NXXT 3,253 posts
- 18. #NationalBlackCatDay 3,381 posts
- 19. Chapman 3,752 posts
- 20. Berghain 46.7K posts
You might like
-
ごん
@Gon_iPad_CL -
新開 香
@bianchi38 -
HowaPon
@PonHowa -
Kazuhiko Gomi
@MRGOMI -
草村@ものぐさWEBノート
@kusamura_mono -
表現士さち
@sachi164cm222 -
サイトウ マサカズ｜Webrandum
@31mskz10 -
永野海@防災弁護士（ひさぽ）
@kai_nagano -
エンタメどっこいしょ！
@entamedokkoisho -
たま@Webデザイナー・コーダー
@tama_creative -
Body Motion Lab 千葉市美浜区のストレッチ個人指導・ストレッチ教室
@BodyMotionLab -
suiq
@sui__q -
yugo
@ymmmo1 -
Toshihide Ii (BitByte)
@IiToshihide -
ogaki
@asaogaki
Something went wrong.
Something went wrong.