div 内の要素を下揃えにする方法です。 大枠の div を「A」、そのなかで下揃えにしたい要素を div で囲って「B」とします。 ■ divA の設定 ・height を指定する ・position:relative; と入れる ■ divB の設定 ・position:absolute; と入れる ・bottom:0; と入れる（ピクセルで下からの高さを指定できます） これで、divA 内で divB を下揃えにすることができます。
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
IE5.5については「if gte IE 5.5」は通るのに「if IE 5.5」が通らないようです。 「if IE 5.5000」などとピリオド以下4桁全て書くと通ります。
とりあえず僕がやった事のある方法です。（WALDのサイトもこれ使ってます。友人からのブーイングがすごいです、笑） 概要としては、CSSでdisplayを切り替えよう！というだけのもの。 1. HTMLの準備 <html> <div id=”wrapper”> ほげ </div> <div id=”forie6″> ふが </div> </html> みたいに書きます。<div id=”wrapper”>で囲まれている部分を通常表示して、<div id=”forie6″>で囲まれている部分をIE6で表示したい。 2. <head></head>内にCSSの条件分岐を書く。 <!–[if IE 6]> <link rel=”stylesheet” type=”text/css” href=”css/ie6.css” media=”all” /> <![endif]–> みたい
一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リスト STEP.1 HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクルードタグをindex.php、search.php、archive.phpに追加。 <?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?> STEP.2 header.phpのmeta
Admin Templates - Professional XHTML Back-end Template XHTMLで書かれた汎用的に使える管理画面のテンプレートが有料ですが公開されています。 以下にサムネイルを掲載します。こうした画面を１から作るとなると、あまり得意ではない人にとっては骨折りな仕事かもしれませんが、こうしたテンプレートを使えばそれなりに見栄えのする管理画面を直ぐに容易できますね。 ＄４５ですが、労力に比べれば安く、カッコいい管理画面を作りたい場合に使えるかもしれません。 普通に頼んだら最低でも数万円はかかりそうですね。 関連エントリ 有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl
ActionScript 3.0 でナビゲーションを作る時、 ボタンにテキストフィールドを含む場合の注意点 テキストフィールドを含む場合下記を記述しないとハンドカーソルになりません。 mc.mouseChildren = false; 例） mc.buttonMode = true; mc.useHandCursor = true ; mc.mouseChildren = false;//【ここがポイントです！】 mc.addEventListener(MouseEvent.CLICK, OnClick); mc.addEventListener (MouseEvent.ROLL_OVER, RollOver); mc.addEventListener (MouseEvent.ROLL_OUT, RollOut);
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
10 examples of futuristic CSS3 techniques 近未来に頻繁に使われるであろうCSS3サンプルがまとまっていました。 本ブログで以前に紹介したものも多いですが、まとまっていて便利そうだったのでご紹介。 吹き出しをCSSオンリーで実装 シャドウ＆グラデーション付きの立体ボタン 枠付き写真をCSSで実装 ポラロイド写真風 角丸ファンシーなフォーム実装 立体的なドロップダウンメニュー MacOSのインタフェースをCSSで実装 近未来においては、こうしたものを組み合わせつつ更にJavaScript等とも組み合わさって今では信じられないインタフェースになっていそうな気がします。 １９９０年代後半の時代を振り返ってみると、あの当時当たり前だったサイトが一部のサイトで見られるものになるような、同じような状態になっているのかも。 関連エントリ CSS3等を使ったサンプル
While in the process of redesigning 4wheelparts.com, I decided to explore new methods of working with our huge number of inventory and categories. I did some research and noticed a new trend for ecommerce sites in having what they call “mega drop down menus”. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites. I decided to experim
HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&&アンパサンド ¦¦¦破断縦線 µµµマイクロ記号 ‰‰‰パーミル ¤¤¤一般通貨記号 €€€ユーロ記号 ¢¢¢セント記号 £££ポンド記号 ¥¥¥円記号 ©©©著作権記号 ®®®登録商標記号 ™™™商標記号 ↑↑↑上向き矢印 →→→
The CSS3 trend is getting more and more popular. In fact CSS3 new features open a lot of new possibilities. Check out my previous post on "CSS3 Animation Demos" to see the things that you can do with it. However, don’t get too excited so soon because it is not fully supported by all browsers yet. But this doesn’t mean you shouldn’t use it at all. So, when should you use CSS3 new features? Well, co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く