Twitter bootstrap入門 #twtr_hackBootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...Cedric Spillebeen
Bootstrap, from TwitterとGoogle Mapを同時に使うと困った件 - リア充爆発日記
Bootstrapがv2.0.0とGoogleMap v3で再現するんだけど、map中のアイコン画像がひしゃげて困った。 特にmarkerをdraggable: trueで使おうとするとmarkerがすげー小さくなって笑える。笑えねー。 原因はbootstrap.cssの56行目あたり img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; } のmax-width: 100%; だから、このプロパティを上書きすればOK。 ぼくはオシャレなのでSCSSで書くと #map_canvas { img { max-width: none; } } これで解決。 #map_canvasはgoogle mapの描画領域ですな。
960pxのグリッドシステムを使用する際に役立つサイト集
960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。
Webデザインにおける、1pxへのこだわり
☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix
IDEA * IDEA