タグ

tipsとuiに関するkuwaのブックマーク (4)

  • Pretty checkboxes with jQuery | Aaron Weyenberg

    I'm Aaron and I make stuff that goes on the internets. We can be Twitter buds, and my feed is here. Stuff I've posted about lately Twitter film branding Facebook IE beer summit visualization cinematography Popular Tags IE howto jQuery Facebook cinematography beer summit visualization Helvetica marketing freebie Tropicana Wordpress packaging design branding film Twitter Learn how you can send me to

    kuwa
    kuwa 2009/08/27
    チェックボックスの表現方法
  • ECサイトをiPhone/iPod Touchに対応させてみた[制作編] - ECサイト運営開発記

    ECサイトをiPhone/iPod Touchに対応させてみた。今回は制作編です。 そもそも、iPhoneユーザーが使いやすいサイトとは何か? これが一番の悩みどころでした。 それで、iPhone/iPod Touchに最適化されたWebサイトのリンク集を一通り見てみる事に。 リンク:iPhone/touch便利リンク集、B5note touch ! これらに登録されているリンクを辿ってみると、確かに一般のPCサイトよりもずっと使いやすい印象を受けた。 まるで、iPhoneやiPod Touchに入っているアプリケーションを使うかのような操作感で、ストレスが非常に少ない。 これは一体どうなってるんだろうか?HTMLを見てみるとiui.jsやiui.cssなどの気になる文字が。 たぶん、この2人の仕業だな。早速、ググッてみた。すると、iuiに関する情報がいくつか出てきた。 iui.jsで構築

    ECサイトをiPhone/iPod Touchに対応させてみた[制作編] - ECサイト運営開発記
  • ウノウラボ Unoh Labs: JavaScriptを使わないスターレイティングの作り方

    こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l

  • Webデザイン エンジニアリング---目次:ITpro

    この数年間で,(インターネットの総称としての)Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を,この環境の上で閲覧や操作できることは,特別なものから,徐々に当たり前で,なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で,Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが,利用者という立場からすれば,やはり「ユーザー・インタフェース(UI)」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上,作り手の側の意識も変化しなければ,ニーズに対応できません。そして,こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは,私たちの生活を便利にしてくれていますが,これで十分ではないのです。もっと多くの分野で,もっと

    Webデザイン エンジニアリング---目次:ITpro
  • 1