div内で下揃え - CSSブログ～ホームページ制作会社 gravity works（グラビティ・ワークス）のCSSについての知識と備忘録div 内の要素を下揃えにする方法です。 大枠の div を「A」、そのなかで下揃えにしたい要素を div で囲って「B」とします。 ■ divA の設定 ・height を指定する ・position:relative; と入れる ■ divB の設定 ・position:absolute; と入れる ・bottom:0; と入れる（ピクセルで下からの高さを指定できます） これで、divA 内で divB を下揃えにすることができます。
Lightbox
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
JQuery Cycle Plugin
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
条件付コメント(Conditional Comments)実験ページ
IE5.5については「if gte IE 5.5」は通るのに「if IE 5.5」が通らないようです。 「if IE 5.5000」などとピリオド以下4桁全て書くと通ります。
条件分岐してIE6でのページ閲覧を出来なくする方法 | notizbloc
とりあえず僕がやった事のある方法です。（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をWPテーマ化する時の手順リスト
WordPressWPテーマ化手順 一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リストSTEP.1HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクル
XHTMLで書かれた汎用的に使える管理画面のテンプレート:phpspot開発日誌
Admin Templates - Professional XHTML Back-end Template XHTMLで書かれた汎用的に使える管理画面のテンプレートが有料ですが公開されています。 以下にサムネイルを掲載します。こうした画面を１から作るとなると、あまり得意ではない人にとっては骨折りな仕事かもしれませんが、こうしたテンプレートを使えばそれなりに見栄えのする管理画面を直ぐに容易できますね。 ＄４５ですが、労力に比べれば安く、カッコいい管理画面を作りたい場合に使えるかもしれません。 普通に頼んだら最低でも数万円はかかりそうですね。 関連エントリ 有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」
jsdo.it
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
IE6用透過png対応策、DD_belatedPNGの使用法と注意点
以前もこの「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
YosukeSugahara｜菅原洋介
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);
WordPress テーマ - Vicuna
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
近未来に頻繁に使われるであろうCSS3サンプル１０:phpspot開発日誌
10 examples of futuristic CSS3 techniques 近未来に頻繁に使われるであろうCSS3サンプルがまとまっていました。 本ブログで以前に紹介したものも多いですが、まとまっていて便利そうだったのでご紹介。 吹き出しをCSSオンリーで実装 シャドウ＆グラデーション付きの立体ボタン 枠付き写真をCSSで実装 ポラロイド写真風 角丸ファンシーなフォーム実装 立体的なドロップダウンメニュー MacOSのインタフェースをCSSで実装 近未来においては、こうしたものを組み合わせつつ更にJavaScript等とも組み合わさって今では信じられないインタフェースになっていそうな気がします。 １９９０年代後半の時代を振り返ってみると、あの当時当たり前だったサイトが一部のサイトで見られるものになるような、同じような状態になっているのかも。 関連エントリ CSS3等を使ったサンプル
Mega Drop Down Menu w/ CSS & jQuery | Dropdown Menu | drop down menus | CSS Menu Tutorial | Drop Down Menu Tutorial
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の特殊文字 ： IT用語辞典
▼ ご意見やご指摘、追加希望用語などはこちらからお送りください (個別にお返事はできかねますのであらかじめご了承ください) 当サイト「IT用語辞典 e-Wordsイーワーズ」はIT（Information Technology：情報技術）用語のオンライン辞典です。コンピュータ・情報・通信などを中心とする各分野の用語について、キーワード検索や五十音索引から調べることができます。用語の意味や定義、概要や要約、略語や別表記、英語表記や綴り、フルスペル、読み方や発音、仕組みや役割、歴史や由来、語源、構造や構成、要素、特徴、機能や性能、諸元、規格や仕様、標準、原因や要因、手法や方法、方式、種類や分類、利点やメリット、欠点やデメリット、問題点、対義語や類義語との違い、用例や事例、具体例、画像や図表、関連用語、外部資料や別の辞典による解説へのリンクなどを掲載しています。 当サイトは株式会社インセプトが制
CSS3 Examples and Best Practices - Web Designer Wall
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ページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
jQT
有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」:phpspot開発日誌
youlove.us
Google Code Archive - Long-term storage for Google Code Project Hosting.