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