HTML/CSSを学ぶ 中央揃えにleft: 50%; transform: translateX(-50%);などという馬鹿げた記述をするな
こんにちは。今回はよく紹介される中央揃えテクニックについて思うところがあったので、最新の中央揃えを解説します。よく紹介される、position: absolute;にしてleft: 50%; transform: translateX(-5...
HTML/CSSを学ぶ 
その他 GitHubリポジトリで特定のフォルダのみダウンロードする方法
こんにちは。GitHubリポジトリで、全部ではなく一部のフォルダのみダウンロードしたい時ってありますよね。例えばそのプロジェクトを使ったサンプルコードを提供してくれているリポジトリがありますが、そのサンプルだけ軽く試したい時はそこだけ欲しい...
HTML/CSSを学ぶ 【コピペ可】文字数制限のかかったいい感じのtextareaを作る方法
こんにちは。今回はtextareaタグをいい感じにする方法を紹介します。作るものの確認文字数制限 ＋ それが分かりやすいように右下に表示をします。制限文字数を超えると赤くなってユーザーが気づきやすくしています。 const textarea...
Web制作の考え方を学ぶ 初心者WebデザイナーがやりがちなNG5選【コーダーの対策も紹介】
そのデザイン、コーダーを困らせていませんか？初心者が陥りやすいミスと、コーダー側での解決策をわかりやすく解説します。
その他 X（旧Twitter）に群がるインプレゾンビとは【強力な対策も紹介】
インプレゾンビとはXのトレンドを見るたびに、謎の言語や同じ文章のコピペ、ChatGPTやClaudeなどのAIで生成したと思われる不自然な日本語など邪魔な投稿やリプライが目につきますよね。これらはインプレッション（投稿の表示回数）稼ぎを目的...
HTML/CSSを学ぶ 【position: absoluteなし】一見重なっている要素を重ねずにlinear-gradientで解決する
こんにちは。今回は、デザイン上の見た目は要素が重なっているように見える要素をスマートに実装する方法を解説したいと思います。重なっているデザインといえばposition: absolute;を使った実装法がまず思いつくと思いますが、posit...
Web制作を学ぶ Webサイトで実際に表示されているフォントが何か確認する方法
Webサイトで使われているフォント名の調べ方をブラウザ別に完全解説。拡張機能なしでも簡単！画像やPDFのフォント識別法も紹介
その他 【メディア掲載】レバレジーズ株式会社様のメディア、freelancehubにてポートフォリオの作り方記事が掲載されました。
先日公開したポートフォリオの記事（）がfreelancehubに掲載されました。他にもイラストレーター向け、デザイナー向けのポートフォリオ解説記事も紹介されていますのでぜひ読んでみてください。フリーランスハブのトップページ【】 フリーランス...
その他 【2024年8月最新版】X（Twitter）のうざいインプレゾンビを最も強力に消し去る方法【位置情報でフィルター】
X（旧Twitter）でユーザーを悩ませるインプレゾンビ。特にトレンドを表示してもインプレゾンビのリプライや投稿だらけで一体なんのトレンドなのか分からないことが増えていますよね。消したいと思う方がほとんどでしょう。（インプレゾンビが何かにつ...
その他 【10万インストール突破！】X（Twitter）のインプレゾンビ対策のブラウザ拡張機能「x-zombie-killer」を公開しました。
こんにちは。昨今のX（旧Twitter）におけるインプレゾンビにはみなさん辟易していると思います。僕もです。先日自動でミュートワードを設定する方法を紹介しました。今回はそれ＋大幅に機能を追加・強化して拡張機能化して簡単に導入できるものを作っ...