deep-space.blue

Line Break Cleaner プラグイン：https://www.figma.com/community/plugin/1537450151622815002/line-break-cleaner こんなときに使える 見かけの改行位置に入った改行文字を削除して、テキストボックスの大きさに合わせて自動改行するように変更したい ht...

Figmaでデザイン仕様書を作るとき、余白などのサイズを書き込むことはありますか？ 「Frame Height→Text Sync」は寸法表示要素の作成を助けるプラグインです。 プラグイン使用例 Frame Height→Text Sync プラグインの紹介画像 プラグイン：https://www.fig...

お知らせ・コラム・ブログなど、文章を主体とした記事コンテンツのデザインテンプレートを作成する際、適した文字サイズやスタイリングとはどのようなものでしょうか。 この記事ではnoteのようなユーザー投稿型サイトから4サイト、筆者が「記事を書いてい...

1920×1080の解像度のモニターを使っているお客さんが「見づらい」というので、よくよく話を聞いたら「150%」で見ているという！ レスポンシブ対応とはいえ、そんな変な拡大率「150%」に合わせて綺麗にしてくださいなんて言わないでほしいと思いますよね？ ...

Windows PCを利用しているとディスプレイの設定に「拡大/縮小」（Windows10だと「テキスト、アプリ、その他の項目のサイズを変更する」）という項目があります。それとは別に「ディスプレイの解像度」という項目もあります。 それぞれに推奨値があり、「デ...

前提 メインのドメインexample.comはネームサーバー＆Webサーバーともにさくらのレンタルサーバーで利用中 新たにサブドメインhoge.example.comで、XServerをWebサーバーにしてサイトを作りたい とりあえずサイトが開くようにする 1. XServerのWebサーバー...

コマンド rsync -avz -e "ssh -p 10022 -i ~/.ssh/[hoge].key" [username]@[hostname]:/home/hogehoge/www/example.com/ ./ ※ポートとか鍵ファイル指定いらないときはrsync -avz [username]@[hostname]:/home/hogehoge/www/example.com/ ./ /home/hogehoge...

Astro も Tailwind CSSも3系で時代が止まっていたので、Astro 5系・Tailwind CSS 4系のはじめ方を確認したメモです。 Astro や Tailwind CSS（3系）を見たことがある人向け。 Astroプロジェクトのはじめ方とTailwind CSS の入れ方 Astro の Getting Starte...

CSSの三角関数とzoomプロパティを組み合わせて、画面幅に合わせていろいろな物を画像のように拡縮できるというテクニックがXにあったので、その理屈を確認したメモです。 凄いテクニック： https://twitter.com/tak_dcxi/status/1890589347227087120 今回...

この記事では「WebサイトにあるPHP製メールフォームから送信したメールが、迷惑メールにならずに届くようにしたい！」という視点で、SPF / DKIM / DMARC についてゆるめに解説します。 SPF / DKIM / DMARC とはざっくりどんなもの？ メールを受け取るサー...