ウェブデザイン テクニック

デザイン五輪書

分かりやすい図解入り!CSSで角丸を設定する方法

読了までの目安時間:約 10分
分かりやすい図解入り!CSSで角丸を設定する方法

CSSでボックスを角丸にする 角丸でサイトの雰囲気が変わる?! border-radiusプロパティの設定…

続きを読む »

ホームページ作成 Webデザイン

 

図解で分かりやすい!CSSで画像を中央寄せする方法

読了までの目安時間:約 11分
図解で分かりやすい!CSSで画像を中央寄せする方法

CSSで画像を中央寄せする際に必要な概念 急がば回れ ブロック要素とインライン要素 画像を中央寄せにするC…

続きを読む »

ホームページ作成 Webデザイン

 

CSSでテーブルタグをデザインする

読了までの目安時間:約 58分
CSSでテーブルタグをデザインする

テーブルタグ テーブルタグとは? コピペするだけでは意味がない テーブルタグを記述する table要素とc…

続きを読む »

ホームページ作成 Webデザイン

 

ブログ背景画像の選び方や設定方法

読了までの目安時間:約 8分
ブログ背景画像の選び方や設定方法

ブログの背景画像について 背景画像がブログの印象を作る!? ブログの背景に使用する画像とは? 文字の可読性…

続きを読む »

ホームページ作成 Webデザイン

 

WordPressのタグクラウドに、3Dタグクラウドを設置する方法

読了までの目安時間:約 21分
WordPressのタグクラウドに、3Dタグクラウドを設置する方法

タグクラウドは名脇役!? タグクラウドとは? タグクラウドの役割 タグクラウドを3Dタグクラウドに! WP…

続きを読む »

ホームページ作成 WordPress

 

スシ食いねェ!border-radiusプロパティで寿司を握る!?

読了までの目安時間:約 27分
スシ食いねェ!border-radiusプロパティで寿司を握る!?

CSSで絵を書く!?? CSSはウェブデザイナーの武器! スシ食いねェ! 玉子を握る 図形の元は<d…

続きを読む »

ホームページ作成 Webデザイン

 

WordPressにファビコンを設定する方法

読了までの目安時間:約 17分
WordPressにfaviconを設定する方法

ファビコンを設定しておきましょう! ファビコンとは? ファビコンの設置方法 下準備 作成したファビコンを表…

続きを読む »

ホームページ作成 WordPress

 

CSSのpositionプロパティでクリックできる商品棚を作る

読了までの目安時間:約 52分
商品棚

前置き インパクトもバッチリ! 商品棚を作る Photoshopの新規ファイルを作成する 棚を作る 商品棚…

続きを読む »

ホームページ作成 Webデザイン

 

WordPressのテーマを自分流にカスタマイズする

読了までの目安時間:約 38分
WordPressのテーマを自分流にカスタマイズする

作業の前に・・・ テーマのカスタマイズ カスタマイズを行う上での注意点 カスタマイズを行う為の必須プラグイ…

続きを読む »

ホームページ作成 WordPress

 

レイヤースタイルでテレビを作成してYouTube動画を貼る方法

読了までの目安時間:約 45分
レイヤースタイルでテレビを作成してYouTube動画を貼る方法

前置き 動画投稿サイトの魅力 貼り付ける動画をおしゃれに Photoshopでテレビを作成する テレビのサ…

続きを読む »

ソフトウェア Adobe Creative Cloud

 

border-imageでコンテンツ量に応じて伸縮する背景画像を作る

読了までの目安時間:約 25分
border-imageでコンテンツ量に応じて伸縮する背景画像を作る

前置き 伸縮する背景画像!? 実は、背景画像ではありません・・・ 注意点! 罫線画像の準備 キリンの画像を…

続きを読む »

ホームページ作成 Webデザイン

 

WordPressのテーマのアップデートをスムーズに行うには?

読了までの目安時間:約 12分
WordPressのテーマのアップデートをスムーズに行うには?

WordPressのテーマには最新のものを! WordPressのテーマとは? サイトの構造は年々変化する…

続きを読む »

ホームページ作成 WordPress

 
TOPへ戻る