タグ

web制作とtipsに関するwebdesign-osakaのブックマーク (2)

  • タブ切替をサクッと実装 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 タブ・メニュー作ってみました。使いまわしを考慮してパッケージ化に挑戦。JavaScriptを切っているときは、ページ内リンクとなります。 HTML <ul id="tab"> <li class="present"><a href="#page1">Page_1</a></li> <li><a href="#page2">Page_2</a></li> <li><a href="#page3">Page_3</a></li> <li><a href="#page4">Page_4</a></li> <li><a href="#page5">Page_5</a></li

  • ボタンデザインショーケース「Button Design Showcase」

    WEBを制作する上でメニューと並んで書かせないのがボタン。ユーザーが使うものだけにデザインは印象に残りやすく、細かい所ですがサイト全体のクオリティにも影響を与えかねない重要な要素の一つです。今回紹介する「Button Design Showcase」は優れたボタンデザインを紹介していくエントリーです。 GoodBarry いくつものボタンデザインが紹介されていますが、今日はその中からいくつか気になったボタンデザインを紹介したいと思います。 詳しくは以下 ■Checkout 反光沢で少し立体感のあるクリアなボタン。 ■Tao Effect 周囲が凹んでいるように見える処理を施したボタン ■Clearspring 光沢が効いたボタン。スッキリとしていながらも存在感があります。 ■Games for Her by You アナログ感のあるボタンデザイン。サイトのテイストにもよりますがハマれば効果

    ボタンデザインショーケース「Button Design Showcase」
  • 1