タグ

cssとdesignに関するsolidstatesocietyのブックマーク (5)

  • 古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log

    uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない

    古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
  • パンくず詳解 | コリス

    パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ(見つけやすさ)を改善するものとなります。 また、ランディングページ(検索などから訪れた最初のページ)にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre

    solidstatesociety
    solidstatesociety 2009/03/30
    納品データにid="kuzu"ってあった。はい、全ページやり直し。
  • [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。

    第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">&laquo; PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT &raquo;</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «

    [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
    solidstatesociety
    solidstatesociety 2008/11/12
    枠つけたときはマウスオーバーは文字ではなく枠にこないとUI不自然
  • WordPress テーマ - Vicuna

    無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。

  • Simple Round CSS Links ( Wii Buttons )

    Now you can style both <a /> and <button /> in this super easy and light-weight solution Hedger Wang You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags + 1 image + one CSS file . At least it's tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9. HTML For Anchor : <a class="button" href="?d=-1"><span>yout text</span></a> For Form Button : (yo

  • 1