タグ

ブックマーク / css-tricks.com (5)

  • JQuery UI Tabs With Next/Previous | CSS-Tricks

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded and it makes sense to provide alternative navigation of them. I think it makes sense to supply universally located Next/Previous buttons, so without even moving your cur

    JQuery UI Tabs With Next/Previous | CSS-Tricks
    wacky
    wacky 2009/03/27
    jQuery UI Tabsでタブ化したコンテンツを次々に切り替える「Prev Page」「Next Page」ボタンの簡単な実装方法。
  • Simple jQuery Dropdowns

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! There are lots of dropdown menus already out there. I’m not really trying to reinvent the wheel here, but I wanted to try to do something slightly different by making them as dead simple as possible. Very stripped down code and minimal styling, yet still have all the functionality typically

    Simple jQuery Dropdowns
    wacky
    wacky 2009/03/06
    ネストしたリスト要素をドロップダウンメニューとして表示するjQuery利用サンプル。
  • Moving Boxes

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! We’ve been down the jQuery “sliders” path a few times before. Once for the Auto-Playing Featured Content Slider and again for the Start/Stop slider. Many of the concepts presented in those tutorials are the same with this slider, so I’m not going to throw a lot of source code at you this tim

    Moving Boxes
    wacky
    wacky 2009/02/17
    中央に来るコンテンツを拡大して強調するカルーセル・インタフェース。要jQuery。
  • What Beautiful HTML Code Looks Like | CSS-Tricks

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I originally wrote this over two years ago. It was getting a little long in the tooth, especially now that HTML5 has come along and made HTML far more beautiful than even XHTML 1.1 was. So I updated it! I can’t help but view source on every nice looking website I see. It’s like if you had x-

    What Beautiful HTML Code Looks Like | CSS-Tricks
    wacky
    wacky 2007/11/05
    美しいHTMLを書くためのポイント。HTML5ベース。印刷用のPNG / PSD画像、およびサンプルHTMLコードあり。(英語)
  • Blockquote Examples by CSS-Tricks

    Better Blockquotes Blockquote examples By CSS-Tricks [DOWNLOAD EXAMPLE] Blockquotes are html elements that are meant to designate when a particular section of text is being taken from another website or other source. Different browsers have different built-in styling for blockquotes, often just a simple left margin. If you use a lot of quotes, as bloggers often do, it is a good idea to take contro

    wacky
    wacky 2007/10/17
    blockquoteタグのCSS装飾サンプルが5種類。引用であることを分かりやすく表現。
  • 1