2012-11-01から1ヶ月間の記事一覧
liteAccordionのバリエーション 普通に目にするサイトで、この横スライドメニューを使ったサイトを見かけなかったので、記録しておきます。 (単に私が目にしなかっただけだけです）Hilton HHonors™ - MyWay Benefits Gold
Parallax Slider with jQuery 使ってみたいスライダーなので、メモしておきます。 DEMOサイト HTML <div id="pxs_container" class="pxs_container"> <div class="pxs_bg"> <div class="pxs_bg1"></div> <div class="pxs_bg2"></div> <div class="pxs_bg3"></div> </div> <div class="pxs_loading">Loading images...</div> </div>
CSS Swinging Panel Menu 以前、画像をゆらゆらと振り子のようにアニメーションで揺らすスタイルシートでも感じましたが、CSSで指定して動くというのはすごく面白いです。 ナビゲーションにカーソルをあてると、下記の黒いパネル部分がひらひら揺れてから止…
Mondrian - HTML/CSS Facebook Template 海外のテンプレート販売サイトThemeforestを眺めていたら、いかにもMondrianなテンプレートを見つけました。 白、赤、黄、青の四角を、太めの黒の枠線で囲んだら、たちまちモンドリアンになります。 モンドリアンの絵…
【HTML5_A01】 DEMO <html lang="ja"> <head> <meta charset="UTF-8"> <title>【HTML5_A01】</title> </head> <body> <section> <h1>日記</h1> <time datetime="2012-11-16" pubdate="pubdate">2012年11月16日</time> <p>今日は、冬休みに行きたい旅行先をピックアップした。</p> <ul> <li>メキシコ</li> <li>南アフリカ</li> </ul> </section> </body>…</html>
WhatFont Toolとは WhatFont Toolは、サイトを閲覧していて「このフォントは何を使っているんだろう？」と思った時の疑問に答える、Google Chromeの拡張機能です。 WhatFont Tool 上記サイトから、Chromeの拡張機能、またはブックマークレットでお試しくださ…
FacebookのLikeboxコードをゲット Facebook Likebox 設置のページ このページで自分のURLを入れて、コードを生成します。 Get Code のボタンを押すと下記のポップアップが出ます。HTML5、XFBML、IFRAME、URLがありますが、IFRAMEを選びます。 Google Gadget…
reframe.ccを使ってみる Wireframe.cc 初期画面実際にさわってみました見たまま直感でワイヤーフレームがサクサク作れました。 シンプルで簡単に操作できるのが良いと思います。URLが発行され、共有した人が誰でも編集できるのも便利です。 高機能ではないけ…
