Responsive Nav — Responsive Navigation Plugin
Responsive navigation plugin without library dependencies and with fast touch screen support. Try it out by resizing this window. Download Features Responsive Nav is a tiny JavaScript plugin which weighs only ~1KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “cle
jQuery Plugin - レスポンシブのリッチな日付・時間入力 - pickadate.js
レスポンシブデザインのリッチな日付・時間入力を簡単に実現するjQueryプラグイン「pickadate.js」を紹介します。 jQueryプラグイン「pickadate.js」このプラグインの特徴は「レスポンシブ」「デザインがシンプルでどんなサイトにも合う」「動作が軽快」「アニメーション効果付き」といった点です……至れりつくせりですね。 デモページをご覧ください。 「pickadate.js」のデモ デモのソース（HTML + jQuery）<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name="description" content="pickadate.jsのデモでーす。"> <title>pickadate.js - jQueryプラグインまとめのカルマ</title> <link rel="styleshe
[jQuery]レスポンシブWEBデザイン対応のスライダープラグインbxSlider | WEBデザインのTIPSまとめサイト「ウェブネタチョ」
jQuery ベースのコンテンツスライダーには色々ありますが、今回紹介させていただくbxSliderは設置が簡単で、自動再生やフェードインによる画像切り替えなどのカスタマイズも手軽にできる便利なプラグインです。 また、レンスポンシブWEBデザイン対応なのでスマフォやタブレットでも使える所も嬉しいですね。 bxSliderのダウンロード 以下からbxSliderのファイルをダウンロードできます。 The Responsive jQuery Content Slider bxSliderの設置 jquery.bxslider.min.jsファイルとjQueryファイル、CSSファイルを<head>内に設置します。 <link href="./bxslider/jquery.bxslider.css" rel="stylesheet" /> <script src="./jquery.min.j
![[jQuery]レスポンシブWEBデザイン対応のスライダープラグインbxSlider | WEBデザインのTIPSまとめサイト「ウェブネタチョ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/d089498f59e4d4cfc4632107b84c028c9475302b/height=288;version=1;width=512/https%3A%2F%2Fwebantena.net%2Fwp-content%2Fuploads%2F2013%2F06%2F7567749.jpg)
jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法｜BLACKFLAG
Webページ内に並べられた要素の高さを揃えるスクリプトサンプルや jQueryプラグインを今までもいくつか紹介してきましたが、 並べられた要素をレスポンシブ対応かつ1行ごとに高さを揃える形での スクリプトサンプルを試しに作ってみたので紹介してみます。 まずは動作サンプルから。 サンプル画面でウィンドウサイズを伸縮させてみてください。 「jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法」サンプルを別枠で表示 MediaQueriesでウィンドウサイズによって1行ごとに並ぶ要素数を変えてありますが それぞれ1行ごとの最大の高さに要素の高さが揃うようになっています。 全体構成についてまずはHTMLから。 ◆HTML <div class="listarea"> <ul> <li>このテキストはサンプル用のダミーテキストです。このテキストはサンプル用のダミーテキストです。このテキ
Unheap - A tidy Repository of jQuery Plugins & JavaScripts
Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
