ブラウザ上でサイトの画面サイズを自由に切り替えてレスポンシブ開発に使えるWEBアプリ「Screenfly」:phpspot開発日誌
Screenfly / Test Your Website at Different Screen Resolutions ブラウザ上でサイトの画面サイズを自由に切り替えてレスポンシブ開発に使えるWEBアプリ「Screenfly」。 まずURLを入力するとサイトがiframeで表示されます。で、次のようにツールバーにデバイスが表示されており、クリックで簡単にサイズ変更や回転ができるため、各種デバイス対応のためにブラウザ一本あれば便利かもしれないツールです。 色々と便利な物が出てきますね 関連エントリ レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Naver」 タッチができてレスポンシブなカルーセル実装jQueryプラグイン「Owl Carousel」 リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 フラットデザインが美
固定ページに任意のウィジェットを簡単に追加出来るWordPressのプラグイン・Page Builder
地味に便利そうなプラグインがあったので備忘録的に。固定ページに、使用中のテーマで使えるウィジェットを簡単に追加出来る、というもの。ウィジェットを使いこなしている方には良さそうです。 ウィジェットは個人的にはクライアントワークでは欠かせない機能なので、こういったプラグインはちょっとありがたいです。 ウィジェットを固定ページに追加できる、というもの。その場でウィジェットタイトルも設定できますので、いちいちページ移動してウィジェットを管理する手間もありません。 プラグインを有効化すると固定ページを追加するところにタブが表示されます。ここでウィジェットを自由に追加します。カラム数を設定して横並びのレイアウトにする事も。 ウィジェットの追加は上記のようなlightboxで表示、選択する事が出来ます。 ただし、通常通り書いたコンテンツが無視されてしまいますので、テキストや画像は「テキスト」というウィジ
IE8以上ならもうスクリプト無しでOKのモーダルウインドウを表示するスタイルシート -CSS Modal
テキストや画像などのリンクをクリックすると、画像をはじめあらゆるHTMLの要素が配置可能なモーダルウインドウを表示するスタイルシートを紹介します。 CSS Modal CSS Modal -GitHub CSS Modalのデモ CSS Modalの使い方 CSS Modalのデモ デモはIE9を含む、すべての最新のモダンブラウザでご覧ください。モバイル系は、iOS, Android2/3/4のMobile Safariで非常に機能し、Windows Phone8でも機能します。 IE7以下は非サポートで、IE8はエフェクトなしで機能します。 まずは、テキストを配置したモーダルウインドウから。 Modal Text モーダルウインドウ内にトリガーを設定することも可能で、「Open a new modal」をクリックすると別のウインドウが開きます。 ウインドウを閉じるには、右上のクローズをク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
