13日目 : CSS Programming Advent Calendar 2012
これは CSS Programming Advent Calendar 2012 の 13 日目の記事です。 (5日ぶり3回目) 今回はCSSプログラマー御用達、（個人的に）最強のプロパティ pointer-events について書こうと思います。 pointer-eventsとはpointer-events - CSS | MDN書くブラウザの対応状況 Can I usePointer Events & Disabling Current Page Links端折って説明すると pointer-events:none; を指定した要素の各種動作が起きなくなります。 詳しいことは気になったら調べてみてください。 何が出来るの？リンクを無効にしたりLINK/*css*/ .disable_link { pointer-events:none; } pointer-events: none;が
1日目 : CSS Programming Advent Calendar 2012
正直表は、ネタですが。 :activeや:targetの擬似クラスは多用します。 a要素、input要素、label要素が便利！aタグと:targetを組み合わせることで、aをクリックしたら別の要素の表示を変える事ができます。 urlのハッシュがbox_1の時は#box_1を表示する。urlのハッシュがbox_2の時は#box_2を表示する。urlのハッシュがない、box_1・box_2ではない時は、box_1・box_2を表示しないinputのradioを使って別の要素の表示を変える :checkedと間接セレクタを組み合わせるclassがb1のinputがcheckedになった時、box_1を表示。box_2は非表示classがb2のinputがcheckedになった時、box_2を表示。box_1は非表示labelを使用して:checkedを利用しやすくする labelのfor属性を
複数人でSassを運用する
あくまで僕のやり方です。ファイル名は.scssですがSassって書いときます■運用状況共同作業者は 3人作業者のバージョン管理ツールは TortoiseSVN作業者の変換ツールは ScoutOutput Modesは Production / Compressed運用ルール(?).cssは直接編集しない.scssを編集する前にアップデートすること.cssはいちいちコミットしないである程度できたタイミングでコミットすること それまではFiddler等で確認環境の.cssをローカルの.cssに差し替えて確認すること■Sassにしてよかったと思うこと行コメントがかける出力を1行に出来る変数使えるネストし放題@forとか@eachとかで楽できる■よくあるかわからない質問集SVNアップデートをした際に.cssがコンフリクトしたら?.scssがコンフリクトしていない場合ならローカルにある.cssを一旦
windows7でnode.jsとgrunt.jsを動かす
参考 gruntで快適JS/CSSビルド生活cowboy / gruntwindowsでgruntgruntをインストールする - Windows Vistanode.jsをインストールhttp://nodejs.org/ からwindows用のインストーラを落としてインストール npmでgruntのインストール >npm install -g grunt でエラーが出る場合は >npm config set registry http://registry.npmjs.org/でレジストラを変更する。 さらにエラーが出る場合はプロキシを設定する。 >npm config set proxy http://プロキシサーバのURL:ポート番号 を追記する。(npm config set proxy http://プロキシサーバのURL:ポート番号 でもよい) >npm config edit
Chrome ウェブストア - FireMobileSimulator for Google Chrome™
携帯端末・スマートフォンの動作をシミュレートする拡張機能です。
株式会社三和医科器械｜医療機器販売 訪問看護リハビリステーション｜愛媛県松山市
株式会社三和医科器械は、愛媛県松山市・西条市・大洲市にあります。お客様のニーズにあった検査･診断装置、検査試薬、医療材料のご提案から技術サポート、運用までをトータルにサポートいたします。
医療法人ゆりかご | 長野県の南アルプス・駒ヶ根市の医療法人
駒ヶ根高原 レディスクリニック 南アルプスと中央アルプスという2つのアルプスに囲まれた自然豊かな環境で、出産から女性の生涯の健康増進まで、トータルにサポートするレディスクリニックです。
HAIR POCKET – 神戸・明石に６店舗運営 – お客様の毎日を素敵に演出するヘアサロン。神戸・明石に６店舗運営しています。
『嬉しくてつい鏡を見てしまう』 『嬉しくてつい髪を触っちゃう』 私たちは『ずっとキレイでいたい』という女性の想いを 『デザイン』で提案することを大切にしています 『新しい自分』になって オシャレをするのが楽しくなる 自分に自信が持てるようになる お客様に、そんな毎日を感じてほしい
Progressive jpegs: a new best practice
Bandwidth-wise, images are hogs. They are the largest average web site payload (62%), and they are most often the content bottleneck. When images arrive, they come tripping onto the page, pushing other elements around and triggering a clumsy repaint. They come “chop chop chop chop chop downâ€� or you get nothing until suddenly “boom!â€� out of nowhere there it is. We all know what I’m talking abou
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
