おもしろネタ
パングラムとは？「The quick brown fox」の意味と使われる理由を解説
フォントの見本でおなじみ「The quick brown fox jumps over the lazy dog」の意味と由来を解説。アルファベット全部を使う短文パングラムとは何か、いろは歌との関係やWeb制作での使いどころまで解説します。
Webデザイン42記事・4ページ目
パソコン
やさしさゴシックとは？商用利用OKの無料日本語フォントの入手先と使いどころ
やさしさゴシックは商用・非商用問わず無料で使える日本語フォント。配布元fontna.comでの入手先、ライセンスと商用利用の可否、レギュラー・ボールド・V2の違い、使いどころと似た無料フォントまで管理人がまとめて解説します。
パソコン
東京スカイツリーの公式サイトが「縦に高すぎる」と話題に｜Web制作の遊び心
高さ634mの東京スカイツリー。開業当時の公式サイトは塔の高さを縦長デザインで表現したユニークな作りでした。その昔話から、パララックスなどWebデザインの遊び心とスクロール演出を長年Web制作をしてきた管理人が語ります。
Web制作
ブログのデザインをリニューアルした話。読みやすさを優先して見えてきた課題
WeberNoteのデザインを大きくリニューアルした体験談です。読みやすさを優先してテーマを変えた理由、実際に変えてよかったこと、公開してから気づいた表示速度という新たな課題まで、運営者の目線で正直につづりました。
Web制作
CSSのfloatとは？回り込み・clearfix・Flexboxの使い分けを解説
CSSのfloatの基本と回り込み、clearやclearfixでの解除、高さが潰れる問題の対処法を初心者向けに整理。レイアウトはFlexboxやCSS Gridを使う今の主流の考え方もあわせて解説します。
Web制作
商用利用OK・漢字対応の日本語フリーフォントおすすめまとめ
商用利用OKで漢字にも対応した日本語フリーフォントを、今も入手できる定番だけ厳選しました。Noto Sans JPやBIZ UD、Zen系などをライセンス付きで紹介し、CSSでのWebフォントの使い方も解説します。
パソコン
ワイヤーフレームとは？作り方の基本と今どき定番ツールをまとめて徹底解説
Webサイトの設計図「ワイヤーフレーム」の役割と作り方を初心者向けに解説。FigmaやCacoo、diagrams.netなど今使える定番ツールと、完成サイトと見比べるコツ、参考になるギャラリーまで実例つきで紹介します。
パソコン
Facebookプロフィールをおしゃれに見せるカスタマイズ術と推奨サイズ
Facebookプロフィールをおしゃれに見せたい人へ。カバー写真とプロフィール写真の推奨サイズ、プロフィール動画やアバター、注目の写真、自己紹介の使い方まで、今できるカスタマイズ術を運営者の本音でまとめました。
Web制作
ホームページリニューアルで失敗しないコツ。自己満足のデザインにしない方法
ホームページのリニューアルで失敗しないコツを、長年Web制作をしてきた管理人が実体験から解説。自己満足のデザインを避け、ユーザー目線・目的設定・SEOやスマホ対応まで、公開前のチェックリスト付きで紹介します。
Web制作
Adobe Animate（旧Flash）でオブジェクトを中央に配置する方法を解説
FlashはAdobe Animateへと進化しました。整列パネルを使ってオブジェクトを水平・垂直方向の中央にきれいに揃える方法や、ステージ基準の使い分け、座標指定で正確に置くコツまで、初心者向けにやさしく解説します。