IEってほんと嫌！ デバイスの解像度ごとのCSSを適用する・・・ CSS3の「Media Queries（メディアクエリ）」 これって、IE9以下では使えません。 Browser Support Checklist CSS3 今まで作成したサイトを手直ししてて ハマっちまいました、、、 IE９で確認してるのに、なぜかCSSが効かない。 悩みに悩んでやっと気づきました。 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> これ↑、削除したら、エラー続出！あぶない、あぶない。 ヘッダー内にこんなもの↑が；￣ロ￣）！！ 詳しいことは置いといて とにかく、IE8以上のブラウザでもIE7のように見えるってことですよね？ IE9なのにCSS3（Media Queries（メディアクエリ））が使えないのはこれで解決ですが・・・ 自分

CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。

15 Useful JQuery Calendar and Date Picker Plugins - DesignM.ag Googleカレンダーっぽい物や日付ピッカー等カレンダー関連のjQueryプラグイン集15がまとまっていました。 今日では実に沢山のカレンダー関連プラグインが存在するので、カレンダー関連のプラグイン実装の際の参考にできそうです。 関連エントリ レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」 Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダーやDateピッカー関連のjQueryプラグイン20 これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」

VerticalShift jQuery Plugin 親ボックス要素内に複数の要素を縮小して格納できる「VerticalShift」 １つのdiv内に沢山のエレメントが格納されている場合もこのプラグインで初期化すると、幅を狭め、親エレメント内におさめてくれます ただ小さくするだけでなく、マウスオーバーで対象エレメントが拡大されます 本棚のようなインタフェースを実現する際に使えるかもしれませんね 関連エントリ 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」 テキストを新聞風のレイアウトにできるjQueryプラグイン「Columnizer」 アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 画像レイアウト関連で便利なjQueryプラグイン等まとめ

Sieve jQuery Plugin テーブル行をインクリメンタル検索できるようにするjQueryプラグイン「Sieve」。 テーブル行数が多いと探すのが大変だったりしますが、このプラグインでインクリメンタル検索で表示要素を絞り込むことができるようになります。 地味に便利で簡単に実装できるので覚えておくとよさそう 関連エントリ HTMLのあらゆるエレメントに注釈を入れられるjQueryプラグイン「Chardin.js」 iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Superbox」 アニメーションしながらソートできるjQueryプラグイン「Animated Table Sorter

TopCoat FlatなUIが美しいJSレスなUIライブラリ「TopCoat」。 デスクトップ、モバイル対応でレスポンシブ、CSSで作られたUIライブラリです。 Bootstrapよりフラットなデザインが特徴でしょうか。Bootstrapのライバルとなるような物が出てきて、それぞれよい面を取り入れていってほしいですね 関連エントリ フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」 jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Touch Punch」 BootstrapをベースとしたフリーのUIKit「Flat UI」

WordPressはとても便利なツールでカスタマイズ性がかなり高いですが、その分初心者の人にはなかなかとっつきにくい面もあるようです。そこで、今回はWordPressユーザーであれば誰でもインストールしておきたい&設定が簡単なプラグインを10個、厳選しました。WordPressはとても便利なツールでカスタマイズ性がかなり高いですが、その分初心者の人にはなかなかとっつきにくい面もあるようです。そこで、今回はWordPressユーザーであれば誰でもインストールしておきたい&設定が簡単なプラグインを10個、厳選しました。 とりあえずここに紹介されているプラグインを入れておけば、普通にWordPressを使うのであれば全く困らなくなるでしょう。基本はインストールするだけでOKなものばかりですが、設定が必要なプラグインは”要設定”と記入しておきました。 ◆WordPress初心者でも入れておきたいプ

もう数年前にコリスさんやCREAMUさんで紹介されてましたが、恥ずかしながら知らなかったです。こんなに素敵なサイトがあったなんて。 最近DesignModoで紹介されていたので知りました。 すげー関係無いけどCREAMUさんのブログ超好きです 全部フリー 基本的には全て商用可。だそうです。 100% Free For Commercial Use. ただしフォントそれぞれにライセンスはあるので一応、要確認。 とても探しやすく、種類も豊富。400近くはあるんじゃないでしょうか？ 個人的には探しやすい点がとても気に入りました。 そしてもう一つ素敵なコンテンツがあったのですが Webfont kit がDLできる。そして作れる。 うちのサイト名やナビゲーション等に@font-faceでLeague Gothicを使ってますが、この@font-faceでwebfont使う時に必要な

Macのスクリーンショットを撮るためにソフトをお試しで使っては乗り換えて、使っては乗り換えてを繰り返していましたが、ここ2年ぐらいはCleanShotに落ち着きました。 「スクリーンショットを撮る」という基本的な機能はMacの標準のスクリーンショット.app...