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

デザイン五輪書

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

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

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

続きを読む »

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

 

デキる人程活用している!PHPのコメントアウト機能

読了までの目安時間:約 13分
デキる人程活用している!PHPのコメントアウト機能

コメントアウトとは? メモ書きとして役立つコメントタグ PHPでコメントアウトを行う方法 一行のみに対して…

続きを読む »

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

 

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

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

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

続きを読む »

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

 

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

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

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

続きを読む »

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

 

PHPでURLを取得する方法

読了までの目安時間:約 12分
PHPでURLを取得する方法

はじめに PHPを使ってURLを表示する!? WordPressで使用する方は要注意 $_SERVER変数…

続きを読む »

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

 

収集したデータをPHPでCSVファイルとして出力する方法

読了までの目安時間:約 8分
収集したデータをPHPでCSVファイルとして出力する方法

管理しやすいCSVファイル CSVファイルとは? PHPでCSVファイルを出力する PHPスクリプトを組み…

続きを読む »

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

 

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

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

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

続きを読む »

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

 

同ページ内リンクを活用し、ユーザビリティを向上!

読了までの目安時間:約 14分
同ページ内リンクを活用し、ユーザビリティを向上!

同ページ内リンクを活用しよう! リンクの役割 2通りの記述方法がある!? 古いブラウザへの対応 リンク移動…

続きを読む »

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

 

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

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

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

続きを読む »

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

 

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

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

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

続きを読む »

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

 

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

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

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

続きを読む »

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

 
TOPへ戻る