[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS:マウスオーバー時に透過させる CSSのopacity(IEはfilter)の
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 1.「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ(Responsive)は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 2.「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
巷では恋愛についての小手先テクニック情報が溢れています。 それはそれでいいんですが TEDで超一流のプレゼンテーターによる 本質的なプレゼンテーションを見るのもいいかと思います。 というわけで早速紹介していきます。 ヘレン・フィッシャー:Why we love, why we cheat タイトルからして興味深いですね。 お次もヘレン・フィッシャーさん ヘレン・フィッシャー:恋する脳の研究 色々な恋する人間の脳を研究したとのこと。 お次は結婚に関して ジェナ・マッカーシー「結婚の知られざる真実」 次は恋愛から少し離れますが 「セックスと科学のイケない関係」の著者、メアリー・ローチが我々の知らない、数世紀にわたる科学的研究の歴史を徹底的に調べ上げ、オーガズムについての一風変わったものから笑いを誘うものまで10の事実を紹介します。 メアリー・ローチ「あなたの知らないオーガズムに関する10
夏の尻尾が見えてきた。夜風が涼しく気持ちのよい睡眠が過ごせるこの季節。 ふと、この言葉を思い出す。 「誰も君のことなんか見ていない。」 これは僕が今の自分たる原点でもある気付きだ。今日は学生の皆へ届けるブログにしようと思う。 僕は札幌の隅っこのど田舎で高校を卒業し、大学で京都に移り住んだ。 4年間通った大学は、入った時は賢くても卒業したら馬鹿になってる、なんて影で言われるような学部で。 物凄い数の入学生がいることでも有名な大学だ。ちなみに僕は賢くもないので卒業したら、どうなってしまうのか不安でしょうがなかった。そんな19歳。 隣に並ぶ同学年の学生だけでも下手すると1000人以上いたと思う。 色々な地方から出てきて訛りもバラバラでラーメンへのこだわりは地方ごとに違って、日本の文化をごった煮にしたようなカオスな学部だった。たぶん、僕がいた学部だけじゃないけれど。 皆、色々なサークルへ入るのを横
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く