UIの合否を数値で出す｜タップ領域・コントラスト・320px幅の実測手順
UIの合否は、主観ではなく数値で出せます。タップ領域が24×24 CSSピクセル以上か、文字と背景の...
続きを読む 
Web制作
Web制作業界の最新動向とキャリア論を扱うカテゴリです。AI時代のディレクターに必要なスキル、SEOディレクター/Web解析士の違い、職種別のスキルマップ、AI検索時代のSEO戦略、LAPRASの活用法、海外Webデザイナーとの比較など、業界の最新動向を実務目線でまとめます。AI検索時代のSEOは AI時代のWeb制作完全ガイド も参照してください。
全102件の記事中、91-102件を表示
レスポンシブデザイン入門｜スマホ対応で必須の基本原則と実装方法を解説｜Web制作初心者向け
レスポンシブデザインとは、1つのURL・1つのHTMLに対してCSSで表示を切り替え、画面幅にかかわ...
続きを読む 
色彩設計の基本｜Webデザインに役立つ配色理論とカラーパレット実装例｜アクセシビリティ対応
配色システムが重要な理由 Webデザインにおける配色は、単なる見た目の美しさだけではありません。ブラ...
続きを読む 
タイポグラフィの基本とデザイン活用術｜初心者向け完全ガイド
タイポグラフィとは、書体・文字サイズ・行間・字間・行の長さを設計して、読みやすく意図の伝わるテキスト...
続きを読む 
Webデザインの基礎点検｜症状から直す領域を逆引きする
Webデザインの基礎は、読んで覚えた時点ではまだ使えるようになっていません。作り終えた画面に当てはめ...
続きを読む 
jQueryで簡単に作成できるカレンダーデモアプリ｜メモ機能付き
最近、Webアプリケーションでカレンダーを使いたいシーンが増えてきました。例えば、スケジュール管理や...
続きを読む 
UXデザイン実践ガイド｜アクセシビリティ・モバイルファースト・モーダルUI設計
Googleは検索ランキングにおいてUX（ユーザーエクスペリエンス）を重視しており、アクセシビリティ...
続きを読む 
CodePenの使い方｜HTML・CSS・JavaScriptの動作確認に便利な入門ガイド...
コードペン（CodePen）とは、HTML・CSS・JavaScriptをブラウザ上で書いて即時プレ...
続きを読む 
Notionの基本的な使い方｜タスク管理と情報整理に役立つ操作ガイド｜初心者必見
1. Notionとは？ Notionは、メモ、タスク管理、プロジェクト管理、データベース機能を一つ...
続きを読む 
初心者からプロまで！おすすめ画像圧縮ツール5選
画像圧縮はWebサイトの表示速度向上やSEO改善に欠かせない作業です。しかし、どのツールを使えば良い...
続きを読む 
Webデザインの参考サイト｜探し方と自分の案に落とす手順
Webデザインの参考サイトを開くと、たいていは「きれいなサイトを眺めて終わり」になります。ブックマー...
続きを読む 
Web制作の無料ツール17選｜レイアウト・コード比較・SEO診断・デザイン【すべて登録不要...
Web制作の作業ツールは、「何を入れて何が返ってくるか」と「入れたデータがどこへ行くか」の2点で選べ...
続きを読む