TriggerHappyButton トリガーハッピーボタン - jsdo.it - share JavaScript, HTML5 and CSS 株式会社ブレイド デザイナーの小原です。 私が作成したTriggerHappyButton トリガーハッピーボタンがGoldPrizeを授賞しました！！ JAM Session3の結果ページ http://jsdo.it/event/jam/session3/result 「TriggerHappyButton」のメイキング記事 https://www.blades.co.jp/blog/2010/10/jsdoit_triggerhappy …
Category Archives
「CSS」のトピックスを表示
2010年07月21日12:12
CSSで画面全体に対して天地中央に配置するテクニック(2)
前回のエントリーで、CSSで画面全体に対して天地中央に配置するテクニック（1）として定番のテクニックをご紹介しました。今回は前回の手法の問題点を解決する別のテクニックをご紹介したいと思います。 定番テクニックの問題点のおさらい 定番のテクニックである「絶対配置+ネガティブマージン」にはコンテンツ表示上の大きな問題があります。それは、ブラウザの表示スペース（つまりbodyの大きさ）がコンテンツ表示領域（divなど）よりも狭い場合、コンテンツの全体が表示されないと いうことです。 これをわかりやすく説明するために、ブラウザで表示した例を見てみましょう。ソースは前回のエントリーでサンプ …
2010年07月15日13:01
CSSで画面全体に対して天地中央に配置するテクニック(1)
画面全体に対して天地中央に配置するようなレイアウトを、Flashサイトなどでよく見かけます。 このレイアウトをHTMLとCSSで実現するテクニックを2回に分けて紹介します。 今回は定番の手法として広く使用されているテクニックについて解説します。 定番のテクニック -絶対配置+ネガティブマージン- まず、以下のような内容のHTMLファイルを用意します。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " …
