マウスオーバーで背景がスライドダウンし、同時にコンテンツを横スライドさせるダイナミックなjQuery - かちびと.net
jQueryを使った面白いスライダーがあった のでメモ。IE6、7でも一応は動いてくれます よ。メニューのボタンにマウスを乗せると、 他のボタンがフェードアウトし、マウスを乗 せたボタンだけ下にスライド、同時にコン テンツが横にダイナミックにスライドします。 なかなか凝った感じで、IEでも一応動いてくれるので個人的な備忘録としてエントリー。ページ全体を使用するスライド系のjQueryプラグインです。 WanderWall 元記事ではcss3とHTML5 を使っているとありますが、動作そのものはjQueryを中心に作ってあるみたいなのでIEでも一応動作はしてくれます。全く同じ動きではないですけど、応用すれば普通に使えそう。 こんな感じでスライドします。他のメニュー項目はフェードアウト。 IE6のキャプチャです。一応は動いてくれますが、css3を使っているメニューの傾きやグラデーション、ドロッ
[CSS]角丸やシャドウだけではないCSS3の大切な三つのテクニック
CSS3って角丸とかシャドウとかグラデーションでしょ、という人に知っておいてほしいCSS3の大切なテクニックを紹介します。 3 Advanced CSS3 Techniques You Should Learn デモページ（※キャプチャはChrome） [ad#ad-2] 1. Advanced Selectors CSS3で最も重要といってもよい特徴の一つが「Advanced Selectors」です。簡単に説明すると、特定のHTMLエレメントに対してIDを使用しないで、スタイルを適用できるものです。 リスト要素で配置した下記のデモを見てください。 背景色を奇数番目はブルーに、更に5番目はレッドにしています。
【レポート】iPhone 4でも3でも綺麗に表示されるCanvasの使い方 | エンタープライズ | マイコミジャーナル
WaltPad - A TypePad-powered blog by Walt Dickinson iPhone 4のディスプレイ解像度はiPhone 3GS/3Gに比べ縦2倍、横2倍になっている。Retinaディスプレイと呼ばれるこの高DPIディスプレイはフォントなどのスケーラブルデータを美しく表示する手助けをする。しかし、スケーラブルではないデータ、例えば画像などはそのまま2x2倍へ引き伸ばして表示するため、どうしてもギザギザが目立ってしまう。 iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方 iPhone 4に対応したWebサイトを作る方法 これはHTML5のCanvasを使った場合でも同様だ。Canvas要素で描画した内容は基本的にピクセルベースであり、iPhone 4では2x2倍に引き伸ばして表示される。この問題は、画像であれば、CSS3のメディアクエリを使って解
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
