[CSS]CSS Spritesに利用できる画像置換の実装例いろいろ | コリス
複数の画像を一枚にまとめて、スタイルシートで背景画像として指定するCSS Spritesに利用できる画像置換の実装例の紹介です。 画像置換する際には、CSSオフ時・画像オフ時・印刷時・音声ブラウザ対応・空タグ使用などを考慮する必要があります。 備考 コードは、参考サイトからサイズ指定などを変更しています。 画像置換元は、全てH3要素になっています。 H3は、テキスト(見出しのテキスト)もしくは画像(印刷用の見出し画像)です。 ブラウザに「背景画像」が表示されていれば、期待通りの動作です。 使用している画像は、次の通りです。 背景画像 印刷用の見出し画像 1pxの透過画像 名称は、Revised Image Replacementを参考にしています。 サンプル:01 -Classic FIR デモページ <textarea name="code" class="html" cols="60"
![[CSS]CSS Spritesに利用できる画像置換の実装例いろいろ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
ソーシャル名刺「Poken」日本上陸--対面のプロフィール交換を簡単に
欧州で人気のプロフィール交換ツール「Poken」が日本でも発売された。自分のプロフィール、ブログのURL、Twitter、FacebookのIDなどを登録しておくと、お互いのPokenをかざすだけでそれらの情報を交換することができる。使用レポートはこちら。 Pokenには小型のセンサーとUSB端子が内蔵されている。このセンサー同士をタッチすると、お互いの端末IDが交換されたという情報と、交換された時刻が記録される。この行為を「Pokenする」という。あるいはPokenのキャラクターが4本指であることから、「ハイフォーする」ともいう。 まだこの段階ではPokenした相手とプロフィールは交換されていない。交換するには、PCのUSB端子に接続し、Pokenのサイトにアクセスする。そこで自分のプロフィールを登録すると、Pokenした相手に自分のプロフィールが公開される。相手もプロフィールを登録する
昨日開催した合コンの結果を報告する:ハムスター速報 ２ろぐ
1 ：以下、名無しにかわりましてVIPがお送りします：2008/12/30(火) 13:15:38.64 ID:TCBw7dILO ちなみに俺の誕生日でもあった 4 ：以下、名無しにかわりましてVIPがお送りします：2008/12/30(火) 13:18:49.88 ID:TCBw7dILO まずはこちらのメンバー 男4人 俺：26歳商社営業 男Ａ：26歳ホテルマン 男Ｂ：26歳SE 男Ｃ：26歳建築設計 5 ：以下、名無しにかわりましてVIPがお送りします：2008/12/30(火) 13:20:43.71 ID:TCBw7dILO そして女 主催者：24歳保母 女Ａ：23歳OL 女Ｂ：23歳薬剤師 女Ｃ：24歳美容師 11 ：以下、名無しにかわりましてVIPがお送りします：2008/12/30(火) 13:23:49.87 ID:TCBw7dILO 容姿は 俺、普通 ホテルマン、普通
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
サイトマップをフッタに配置する際のポイントとその効果
サイトマップを独立したページとしてではなく、フッタに配置する際のポイントとその効果をWeb Designer Wallから紹介します。 Modern Sitemap and Footer 下記は、その意訳です。 昔はほとんどすべてのウェブサイトで、コンテンツをリストアップしたサイトマップを独立したページとして設置していました。 サイトマップの重要な目的は、ユーザーや検索エンジン（スパイダー）がサイト内の情報を探し出すのに役立つことです。 現在は、多くのモダンなウェブサイトでサイトマップページを設置していません。代わりに、サイトマップをフッタに配置しています。 サイトマップをフッタに設置する効果 クリック数やページビューの増加 ユーザーはページを隅々までじっくり見るわけでなく、スクロールしながらざっと見ることがほとんどです。 そして、多くのユーザーがスクロールして最後に見る場所は、フッタです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
美人時計