タグ

CSSとjqueryに関するstuonsのブックマーク (3)

  • 『cssとjQuery』

    最近とってもcssな、まいちむ.jsです ☆でランクをつけるときのやり方を試行錯誤をめもめも このサイトの☆ランクのやり方に感動したまいちむ http://allabout.co.jp/gm/gc/24018/ このサイトのやり方するには19個の星がつながった画像が必要なわけですが、 でもデザイナーさんにもらってた画像が、 星フルのやつ、ハーフのやつ、空のやつ のいっこずつだったので、 とりあえずもってる素材でやってみよーかなーって考え いったん3つの星をそれぞれだすタグをかいて、 jsでクラス名に数字いれて、cssで星の数を調整してたんだけど、 うーんやっぱ19個の星のが明らかにスマート 星をcssでかいてもいいんだけど、うーんめんどくちゃ だったのでデザイナーさんに19個の星かいてもらった で、星ランクをつけるフォーム画面を作成 ほんとはマウスでなぞったら星が増えるやつやりたかったんだ

    『cssとjQuery』
    stuons
    stuons 2013/01/05
    adBlock 広告
  • 『ロールオーバー今昔物語』サポートページ

    鷹野雅弘(スイッチ) 2009年7月17日に開催したCSS Nite in OSAKA, Vol.17のフォローです。 Webは「クリックされてナンボ」。そこがクリッカブルであることが伝わらなければ、意味がありません。 クリッカブルであることを表現するひとつの手段として王道のロールオーバー効果も、DreamweaverやFireworksが自動的にはき出すJavaScriptを使ったものから、画像置換を使ったもの、そして、jQueryを使ったもの、さらにCSSのみで透明度を変更するものなど、その実装は変遷を遂げてきています。 これまでの流れをざっくり復習しながら、作り手/使い手両方がハッピーなロールオーバーはどこに向かうのかを一緒に考えましょう。 ロールオーバーの意味と意義 ロールオーバー(マウスオーバー)とは? マウスポインタが重なったときに、次のいずれかのような変化を起こすこと 文字

  • Amazon.co.jp: Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL): 西畑一馬: 本

    Amazon.co.jp: Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL): 西畑一馬: 本
  • 1