2012年3月27日のブックマーク (5件)

  • 著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid

    シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in

    著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid
    twocon
    twocon 2012/03/27
    css"グリッドレイアウト且つfluidなレイアウトにも対応できて、Media Queriesでモバイルやタブレットデバイスに対してレイアウトを調整できる様になっています。" これは扱いやすそう
  • Starbucks React Pattern Library

    twocon
    twocon 2012/03/27
    設計"米スターバックス・コーヒーのウェブサイトにおけるスタイルガイド。レスポンシブにも配慮した非常に細かなレギュレーションでとても参考になります。" by onopko氏
  • http://eightmedia.github.io/hammer.js/

    twocon
    twocon 2012/03/27
    javascript, ライブラリマルチタッチジェスチャをサポートするJavascriptライブラリ タップ、ダブルタップ、ホールド、ドラッグ、拡大縮小に対応している
  • Unusual & Unique Examples Of Website Navigation

    Unusual & Unique Examples Of Website Navigation Website navigation is one of the most important web usability aspects so you should take this into consideration creating clear and intuitive website navigation design. People coming to your website usually have some web experience and they expect to find simple navigation which should be clean and straightforward for user to find things he wants fas

    Unusual & Unique Examples Of Website Navigation
    twocon
    twocon 2012/03/27
    *デザイン参考サイトクリエイティブなメニューを実装しているサイト
  • スマートフォンページ構築の時に使ったAjaxとかTips(4つくらい) - lab.

    どこにでもありそうなタイトルですが、 スマートフォンページにありがちな、「画像がぼける」「ページ遷移が面倒くさい」を解決しながら、マークアップした際に気をつけた点と、使用したスクリプトについてまとめてみました。 1,画像のサイズは偶数値であること これはiPhone4から搭載されたRetinaディスプレイに対応するためです。 Retinaディスプレイは、「ページの画面サイズはすえおき、でも解像度は2倍」なので、 画像サイズが3GSのまま(480px×320px)で書きだすと画像があらく拡大されて表示されてしまいます。 解像度が合っていないので無理やり拡大される それに対応させる一番カンタンな方法は、画像をRetinaディスプレイ対応の解像度(960px×640px)で書きだしてHTML上で50%の値に修正する方法です。この方法だと元々50%に縮小されているものが100%に戻るだけです

    twocon
    twocon 2012/03/27
    ajax, *web制作1.画像のサイズは偶数値であること 2.Ajaxで各ページを切り替えたい 3.切り替え時の読み込み時にローディング画像を出したい 4.Ajaxで切り替えた各コンテンツに外部からページ遷移したい