-
- チョー簡単に段組が作れるCSS3、columnsプロパティ！
- CSS3では、たった1つのプロパティを記述するだけで、簡単に「段組(マルチカラム)」レイアウトが作れます。「3段組」のように段の個数を指定したり、「1段は20文字分」のように各段の横幅を指定して入るだけ並べたり、柔軟な段組構造が作成できます。段と段の間に罫線を引いたり、段と段の余白量を調整するのも、専用のプロパティを追記するだけで楽々実現できます。
- CSS3だけで特定の要素をアニメーションさせる方法
- CSS3では、「CSSだけ」で簡単なアニメーションを作成できます。スクリプトは一切不要。CSSソースを記述するだけで、文字を動かしたり、背景色を徐々に変化させたりなど、様々なアニメーションが実現できます。古いブラウザで閲覧した場合でも、ただアニメーションしない状態で表示されるだけなので、安心して活用できます。
- CSS3のborder-imageで、しましまの目立つ枠線を作る
- CSS3で追加された「border-image」プロパティを使えば、枠線の模様を画像で描画できます。しましま柄の画像を枠線として指定すると、とても目立つ「しましま(ストライプ)柄」のボックスを簡単に作ることができます。実線・破線といった平凡な枠線ではなく、もっと凝った枠線を引きたい際に便利です。
新着記事をもっと見る »
-
- ウェブ作成ソフト Microsoft Expression Web が無料化
- Microsoft製のホームページ作成ソフト「Microsoft Expression Web 4」が開発終了に伴って無料公開されました。ソース補完機能、入力支援機能、文法チェック機能、複数IEでの表示確認機能などを備えた、統合ホームページ作成ソフトです。
- 複数の画像がふわっと切り替わるスライドショーを作る
- 複数の画像が数秒間隔でフェイドアウト・フェイドインを繰り返す「ふわっと表示が切り替わる」効果のあるスライドショーを作る方法を解説。jQueryを使ったスクリプト「A Simple jQuery Slideshow」を使うことで、とても短いJavaScriptソースで作成できます。
- 画像上の自由な位置に文字を重ねる方法
- 画像の上に文字を重ねるために、画像を細かく分割したり、tableを駆使したり、文字ごと画像化したりしていませんか？ そんなことをしなくても、HTMLとCSSを使えば簡単に位置を指定して画像の上に文字を重ねられます。
人気記事をもっと見る »
-
- 1文字ずつ色を変えるなど、文字単位で装飾する方法
- ウェブ上のテキストを、「1文字ずつ異なる色でカラフルに表示させたい」と思ったことはないでしょうか。CSSだけでは1文字ずつ色を変えることはできませんが、ほんの数行のjQueryを同時に使えば「1文字ごとに別々の装飾を施す」ことは簡単にできます。jQuery＋CSS3で、1文字ずつ色(装飾)を変える方法を解説。
- アイコンをWebフォントで表示できる「Font Awesome」
- 豊富なアイコンをWebフォント機能を使って表示できる「Font Awesome」を使ってみましょう。画像ではなく、独自のフォントを使った「文字」でアイコンが表示できる点が特長です。文字なので、CSSを使って望みのサイズ・配色にできます。
- キャプション付き画像を横に並べて配置する
- アルバムのように、キャプション(タイトル名)を加えた画像を横方向にたくさん並べてみましょう。横に並ぶ数を指定せず、ウインドウサイズに応じて自動的に配置される「リキッドレイアウト」で実現する方法をご紹介。
おすすめ記事をもっと見る »
-
- (3) 知っておくと便利なFacebookページ用HTML記述法
- Facebookページに追加する「独自ページ」用のHTMLを記述する上で役立つ3点のTIPSをご紹介。縦方向のサイズ制限をなくす方法、単独で閲覧された場合にFacebook側へ誘導する方法、複数の独自ページ間でリンクする際の注意点など。
- (2) 自由にHTMLを書くFacebookページの作り方
- 「Facebookページ」の中に、「1からHTMLソースを記述して自由にデザインしたページ」を追加する方法をご紹介。必要なだけページを加えて、Facebookページの内容をもっと拡充させてみましょう。
- (1) Facebookページの作り方（基礎編）
- Facebook内に独自のウェブサイトを持てる「Facebookページ」の作り方をご紹介。Facebookの機能を活用して口コミでの広がりが期待できたり、訪問者とのコミュニケーションが取りやすいなどのメリットがあります。ぜひ作ってみて下さい。
-
- facebook 西村文宏
- 西村文宏のfacebook個人アカウントです。主にTwitterでのつぶやきを自動で垂れ流しています。
- Twitter 西村文宏
- 西村文宏のTwitter個人アカウントです。フォローは歓迎です。記事の新着情報も流しますが、個人的なつぶやきが多いです。(^_^;)
- にししふぁくとりー
- 西村文宏の個人サイトです。こちらへもぜひお越し下さい。
ぜひ、ページ上部にある「いいね！」ボタンをクリックして、ホームページ作成TIPSに関する最新情報をチェックして下さい！
この「ホームページ作成TIPS」Facebookページは、All About ホームページ作成ガイドサイトで公開している解説記事「Facebookページの作り方」のために作ったFacebookページです。
解説記事は以下の通りです。
第1回：「Facebookページの作り方（基礎編）」公開中！
第2回：「自由にHTMLを書くFacebookページの作り方」公開中！
第3回：「知っておくと便利なFacebookページ用HTML記述法」公開中！