タグ

cssに関するGururiのブックマーク (5)

  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
    Gururi
    Gururi 2011/06/15
    意外でもなんでも無いがほんと知らないな……
  • HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘

    説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynotePowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。

    HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
    Gururi
    Gururi 2011/04/21
    タイトルに釣られたので今度使って見よう。
  • The Gift of Giving Advent Calendar - Market Blog

    Envato is the leading marketplace for creative assets and creative peopleAbout Envato

    The Gift of Giving Advent Calendar - Market Blog
  • ゑblo面・アーカイブ

    ■B-CLUBセーラーヴィーナス胸像日記(6) … 胸像日記第1幕第2章第3場・再始動したはいいものの 胸像日記第1幕第2章第2場・やすりやすり 胸像日記第1幕第2章第1場・もりもり 胸像日記第1幕第1章第2場・最初の化粧 胸像日記第1幕第1章第1場・新たなる希望、やがて邪神 ヴィーナス胸像日記・序章 ■Forza3自作デザイン(4) … Kingdom Come 斑鳩ムルシエラーゴ Forza3をかもせ Forza3で七咲の痛車を作るでござるの巻 ■How to SATCHIN(6) … 『How to』準拠作例 『サッチン』立ち読みページ公開 入稿完了 完成ーヽ(`Д´)ノ 遅ればせながら新年のご挨拶 新刊落ちます(つД`) ■PSU日記(4) … 課金見送りました ニューデイズ文字を解読してみよう どっちがパシリだか(つД`) おいでませグラール太陽系 ■TF有明11ルポ(2) …

  • 1