背景画像をブラウザの枠いっぱいに表示するテクニックの考察
最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。 各デモはページ下部のDownload Files」で、まとめてダウンロードできます。 背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック：その1 CSSだけで実装するテクニック：その2 jQueryを使ったテクニック 背景画像をブラウザの枠いっぱいに表示するテクニックとは 前提として、下記のポイントが挙げられます。 画像でページをいっぱいにします。 空きは無いようにします。 画像のサイズは必要があれば調整しま
[CSS]パンくずの実装はどのようにするのがよいかの考察
パンくずは何要素で実装していますか？ ul要素？ ol要素？ p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul
HTML5&CSS3入門 with HTML5 パック 第3回 multiple background imagesの利用 | デベロッパーセンター
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 パック for Dreamweaver CS5」を使用します（詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください）。HTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 第2回では、CSS3のプロパティの1つである「border-
コンタックス専門店 カメラの極楽堂へようこそ！ 極楽堂はツァイス系の中古カメラ店です
ご注文、ご意見、お問い合わせはこちらまで （お名前とお住まいの都道府県名は必須で頂戴しております。ネチケットをご理解下さい） 極楽堂サイト内の画像・文章などの無断転載、 コンテンツへの直接リンクは固くお断り致します。 All right reserved. Copyright since 2001 by GOKURAKUDO ｜住所・電話などの店舗情報｜最寄駅から極楽堂へ｜サイトマップ｜メールでお問い合わせ｜極楽堂をホームページに設定｜極楽堂をお気に入りに登録｜ ｜162-0052 東京都新宿区戸山１－１－８ カメラの極楽堂 電話：03-5273-1932 mail ：info＠gokurakudo.net（＠は小文字に変えて下さい）｜ご意見・ご感想｜
githubがhistory.replaceState使ってた - Webtech Walker
JavaScriptでhistory.pushStateとhistory.replaceStateっていう履歴管理のための仕様があるんですけど、これを使うとlocation.hashを使って実装しているような、ページ遷移をしないでコンテンツを入れ替える（Twitterの新UIみたいな）ものを実現できます。 5.4 Session history and navigation — HTML5 Manipulating the browser history - MDC Doc Center で、これを実際使ってるところは見たことなかったんですけど、githubがいつの間にか使ってました。適当なリポジトリに入ってhistory.replaceStateをサポートしてるブラウザ（現時点ではchromeかsafari）で見るとページ遷移なしで動いて、切り替わるときにURLが書き換わってるのがわかる
F-02Cで撮影した写真達 - これからゆっくり考L
このエントリーはケータイ会議7（F-01C、F-02C、F-03C）の レビュー記事です F-02Cで撮影した写真がたまってきたのでドバっと公開。 設定はサイズだけフルHDに変更してますが後はデフォルトのままです。 【F-02Cのカメラ機能】 ・1220万画素高機能 ・高性能CMOSセンサー「Exmor® for mobile」と、高性能画像処理エンジン「Milbeaut® Mobile」が、低ノイズと高解像度を両立。微妙な質感や細部まで美しく再現します。 ※「Milbeaut」「ミルビュー」は、富士通セミコンダクター株式会社の登録商標です。 ※「Exmor」は、ソニー株式会社の登録商標です。 浅草。 空の色が綺麗。 拡大してもくっきり綺麗。 日本一美味しいらしいミートソースパスタ。 ぼかし強調機能を使わなくてもある程度は背景がぼけます。 白山ベーグル。窓際席。 ワイン厨房 晩酌邸 -vi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
