10 Must have Lightbox Libraries For Mobile Responsiveness
In this day and age, responsive websites are in demand which gives rise to another dimension of web development called mobile development where developers are specifically focusing on creating mobile responsive websites. There are plenty of resources used for this purpose and one of them is Lightbox libraries. Lightbox is the popular way to overlay images on the web and many web developers are usi
レスポンシブWebデザインに対応したモーダルウィンドウを実装するjQueryプラグイン・Remodal
RWD対応のモーダルウィンドウを実装するスクリプト、Remodalのご紹介です。jQueryに依存しています。 RWDなWebサイトで使えるモーダルウィンドウ実装スクリプトです。 デバイスのモニタサイズに応じて適切なレイアウトを維持するモーダルウィンドウです。 スマフォの場合は全画面に表示されるのでフィンガーフレンドリーを考慮した設計と言えそうです。 <script src="http:////ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.remodal.min.js"></script>本体とスクリプトを読み込みます。 <div class="remodal" data-remodal-id="modal" data-remodal-options='{ "
[CSS]アニメーションも気持ちいい！フォーカスがはずれてもキープされるパネルを表示するスタイルシート
ボタンをタップ・クリックすると、素敵なアニメーションでソーシャルメディアのボタンを配置したパネルが表示され、フォーカスがはずれてもそのままパネルがキープされるスタイルシートのデモを紹介します。 デモページ HTML HTMLはシンプルで、リストで各ソーシャルメディアのボタン、チェックボックスでパネルの開閉をコントロールします。 <div id="content"> <input type="checkbox" class="checkbox" id="share" checked> <label for="share" class="label entypo-export"></label> <div class="social"> <ul> <li class="entypo-twitter"></li> <li class="entypo-facebook"></li> <li cla
お手軽WordPress Tips：管理画面での画像アップロード等に使われているlightboxを他の用途でも利用する
投稿やページで画像等のメディアをアップ ロードする際に使われてるlightboxを他でも 利用するというのが今日のWordPress tips です。さほど使う機会は無いでしょうけど、 まぁ知っておくと役に立つんじゃないかな・・ box内は好きなコンテンツを挿入出来ますよ。 せっかく使われてるのにメディアやテーマの確認だけでは勿体ない気もするので、機会があったら使ってあげてください。使われているlightoxのスクリプトはThickBoxですので、classを与えてあげるだけで手軽にlightboxを管理画面で使えます。 コードご利用中のテーマのfunctions.phpに以下を含めます。 function dashboard_lightbox() { ?> <ul> <li><a href="#TB_inline?inlineId=dog01" class="thickbox" titl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
