divなどで配置したパネル内の要素の量が異なっていても、全てのパネルの高さを揃えるjQueryのプラグインを紹介します。 高さを揃える系としては後発のスクリプトですが、レスポンシブにしっかり対応しているのがポイントです。 一列のパネルはもちろん、段組でもOK、省スペースのスマフォ用に成り行きもコントロールできます。
タグ
- すべて
- *Android (1)
- *Chrome (1)
- *アプリ (1)
- *写真・画像 (1)
- *拡張機能 (1)
- 3Dプリンター (2)
- API (3)
- AWS (1)
- Adobe (1)
- Android (27)
- Android Studio (1)
- Android Tips (1)
- Androidアプリ開発 (1)
- AngularJS (3)
- Apple (1)
- BASIC (1)
- Bitcoin (1)
- Blink (2)
- CSS (9)
- Chrome (5)
- DIY (1)
- EC (1)
- Evernote (3)
- FAX (1)
- Facebook (8)
- Firefox (1)
- Flipboard (2)
- GIFアニメ (4)
- Gmail (3)
- Grunt (2)
- IE (1)
- IFTTT (1)
- JS (3)
- JavaScript (5)
- LINE (1)
- Linux (1)
- Mac (5)
- Mac OS X (1)
- MacBook (1)
- Microsoft (2)
- N (20)
- NHK (1)
- NTTドコモ (3)
- NTT東IPv6 (1)
- Outlook (1)
- PC (4)
- PHEV (1)
- PNG (1)
- PR (1)
- Parse (3)
- Photoshop (1)
- Pocket (4)
- QA (1)
- QRコード (1)
- RSSリーダ (1)
- SAMSUNG (1)
- SEO (1)
- SNS (2)
- Skype (2)
- Tablet (1)
- Thunderbolt (1)
- Twitter (20)
- UI (4)
- USBハブ (1)
- Webサイト作成サービス (1)
- Webツール (1)
- Web全般 (1)
- Web開発 (17)
- Wi-Fi (1)
- Windows (2)
- Windows XP (1)
- Windows8 (1)
- WordPress (16)
- analysis (1)
- bootstrap (1)
- buffer, ifttt (12)
- fashion (1)
- feedly, ifttt, recently read, sa (2)
- fireworks (1)
- food (1)
- git (3)
- google (5)
- gunosy (1)
- html5 (3)
- iOS (10)
- iOS6 (1)
- iPad mini (1)
- iPhone (31)
- iWatch (1)
- ie7 (1)
- ipad (4)
- jQueryプラグイン (3)
- jpeg (1)
- jquery (7)
- lifehack (7)
- mikutter (1)
- plugin (1)
- programming (1)
- security (2)
- seo対策 (1)
- softbank (1)
- software (1)
- tips (6)
- twitter-cards (1)
- ubuntu (2)
- unicode (1)
- ux (2)
- webkit (3)
- webサービス (37)
- webデザイン (21)
- web制作 (14)
- yahoo! (1)
- youtube (1)
- Å (43)
- おもしろい (2)
- お知らせ (1)
- お金の話 (1)
- かっこいい (1)
- かわいい (8)
- くまむしさん (1)
- たばこ (1)
- ぬこ (1)
- ねこ (4)
- はてな (1)
- ひとこと (1)
- まとめ (19)
- アイコン (4)
- アイデア (7)
- アクセサリ (1)
- アジャイル (1)
- アニメーション (2)
- アプリ (19)
- アメリカ (1)
- アート (3)
- イベント (2)
- インターフェイス (1)
- インテリア (3)
- インフォグラフィック (1)
- ウイルス (1)
- エイプリルフール (2)
- エネルギー (1)
- エンジニア (2)
- オフィス (1)
- カスタムROM (1)
- カメラ (1)
- カレンダー (1)
- ガジェット (28)
- ガンダム (1)
- キャプチャ (1)
- キャラクター (2)
- キーボード (2)
- クラウドストレージ (2)
- クラウドファンディン (1)
- クリエイティブ (1)
- クールジャパン (1)
- ケース (2)
- コップ (1)
- コミュニケーション (5)
- コラージュ (1)
- コーヒー (1)
- サイエンス (10)
- シェアハウス (1)
- システム開発 (1)
- ショートコード (1)
- ジェネレータ (2)
- スタッフ募集 (1)
- スタンド (1)
- ステーショナリー (2)
- ストレス (7)
- スマホ (10)
- スマートフォン (14)
- スマートフォンアクセ (1)
- セキュリティ (5)
- セロトニン (1)
- ソーシャルボックス (1)
- ダミーテキスト (1)
- チャット (1)
- チーズ (1)
- ツール (9)
- テクノロジー (3)
- デザイン (15)
- デスクトップ (1)
- データベース (2)
- トラブル対策 (1)
- トリミング (1)
- ドキュメント (2)
- ドット絵 (1)
- ドメイン (1)
- ドラえもん (1)
- ドライアイ (1)
- ドラマ (1)
- ニュース (12)
- ネタ (12)
- ネットショップ (1)
- ノマド (1)
- ノート (2)
- ノートPC (1)
- ハンドメイド (1)
- バックアップ (1)
- バッテリ (1)
- バッテリー (3)
- パパネタ (1)
- パパ育 (1)
- パララックス効果 (1)
- ビジネス (3)
- フォトフレーム (1)
- フォント (3)
- フリーフォント (1)
- フリーランス (3)
- フレームワーク (1)
- ブックマーク (2)
- ブックマークレット (1)
- ブラウザ (3)
- ブルーレイ (1)
- ブロガー (1)
- ブログ (5)
- プラグイン (4)
- プレゼン (1)
- プレゼンテーション (1)
- プレゼント (2)
- プログラミング (5)
- ペーパークラフト (1)
- ホテル (1)
- ホビー (1)
- ポートフォリオ (1)
- マルチタスク (1)
- マンガ (1)
- メッセンジャー (1)
- メモ (3)
- メンタル (6)
- メール (3)
- モレスキン (1)
- ユーザビリティ (1)
- ライフハック (20)
- ライフログ (3)
- ライブラリ (2)
- リコール (1)
- リラックマ (1)
- レシピ (2)
- レビュー (1)
- レンダリングエンジン (2)
- ロボット (1)
- ローカルネットワーク (1)
- ワイヤーフレーム (1)
- ワンピース (1)
- ワークライフバランス (1)
- 下ネタ (1)
- 不思議 (4)
- 中の人 (1)
- 乗り物 (4)
- 二日酔い (1)
- 人間関係 (4)
- 仕事 (23)
- 仕事術 (2)
- 企業 (3)
- 会津若松 (1)
- 会社 (2)
- 会話 (1)
- 伝統芸能 (1)
- 作成 (2)
- 作業用BGM (1)
- 使い方 (2)
- 倦怠期 (1)
- 健康 (4)
- 働き方 (3)
- 充電ケーブル (1)
- 充電器 (1)
- 光 (1)
- 八重の桜 (1)
- 公式 (1)
- 兵器 (1)
- 写真 (7)
- 出版 (1)
- 切手 (1)
- 刺青 (1)
- 剛力彩芽 (1)
- 労働 (1)
- 効果 (2)
- 動画 (4)
- 医療 (2)
- 名言 (1)
- 和歌山 (1)
- 商用可 (2)
- 図解 (1)
- 基礎 (1)
- 夢 (1)
- 太陽電池 (1)
- 夫婦 (1)
- 失敗 (1)
- 女性 (6)
- 子供 (2)
- 子育て (9)
- 学習 (1)
- 宇宙 (2)
- 定型文 (1)
- 実名制 (1)
- 家事 (1)
- 家具 (2)
- 家庭 (2)
- 寄付 (1)
- 将棋 (1)
- 小ネタ (4)
- 就職 (1)
- 広告 (1)
- 廃墟 (1)
- 建築 (1)
- 心理 (2)
- 心理学 (1)
- 恋愛 (3)
- 情報共有 (1)
- 情報収集 (1)
- 成績 (1)
- 手書き (1)
- 技術 (3)
- 招待制 (1)
- 拡大 (1)
- 拡張機能 (4)
- 採用 (1)
- 数学 (1)
- 文字コード (1)
- 文房具 (5)
- 料理 (1)
- 新卒 (1)
- 旅行 (1)
- 日本 (3)
- 日記 (1)
- 明太子 (1)
- 時間 (1)
- 暮らし (1)
- 書籍 (3)
- 書評 (2)
- 本 (2)
- 東京 (1)
- 東北 (1)
- 東日本大震災 (1)
- 機能 (1)
- 歴史 (1)
- 水着 (1)
- 決済 (2)
- 無料 (2)
- 犬 (1)
- 独立 (1)
- 生き方 (2)
- 生活 (15)
- 男女関係 (3)
- 男性 (3)
- 画像 (12)
- 画像加工 (1)
- 画像圧縮 (1)
- 画像生成 (1)
- 画面保護 (1)
- 癒し系 (3)
- 発想法 (1)
- 睡眠 (4)
- 短縮URL (2)
- 研究 (6)
- 社会 (9)
- 福島 (1)
- 福島第1原発 (1)
- 福島第1原発事故 (1)
- 科学 (5)
- 紛失 (1)
- 経済 (1)
- 結婚 (4)
- 統計 (2)
- 義援金 (1)
- 考え方 (14)
- 職人 (1)
- 育児 (7)
- 育児休暇 (1)
- 脆弱性 (1)
- 脳 (1)
- 自己啓発 (1)
- 自殺 (1)
- 自転車 (1)
- 臭い (1)
- 行政 (1)
- 言葉 (2)
- 調査 (1)
- 購入 (1)
- 赤ちゃん (1)
- 通信 (1)
- 速報 (1)
- 連携 (1)
- 遺伝子 (1)
- 都市伝説 (1)
- 鏡 (1)
- 開発 (2)
- 開発環境 (1)
- 雑学 (1)
- 雑記 (1)
- 雑貨 (3)
- 離婚 (1)
- 電子書籍 (1)
- 電源タップ (1)
- 面白い (3)
- 音 (1)
- 音楽 (1)
- 風力発電 (1)
- 食 (3)
- 食べ物 (2)
- 食事 (2)
- 食育 (1)
- 高専生 (1)
- 高校生 (1)
- Å (43)
- webサービス (37)
- iPhone (31)
- ガジェット (28)
- Android (27)
- 仕事 (23)
- webデザイン (21)
- N (20)
- Twitter (20)
- ライフハック (20)
JSに関するatsushi1972のブックマーク (3)
-
atsushi1972 2014/01/06
レスポンシブにしっかり対応！高さの異なるパネルを揃えたり、成り行きにするスクリプト -EqualHeight.js divなどで配置したパネル内の要素の量が異なっていても、全てのパネルの高さを揃えるjQueryのプラグインを紹介します- JS
リンク -
数行加えるだけでパララックススクロールを実装できるチュートリアル | コリス
実装は簡単です。 既存のページにもこれなら簡単に組み込めると思います。 HTML パララックススクロール用の背景を配置するために先頭に空のdiv要素を加え、あとのコンテンツは普通に実装します。 <div class="background"></div> <div class="wrapper"> <h1 class="pageTitle">見出しLv1</h1> <h2 class="pageSubTitle">見出しLv2</h2> <p>パラグラフ</p> <p>パラグラフ</p> <p>パラグラフ</p> </div> <div class="slogan"> <h2 class="sloganTitle"> Parallax scrolling </h2> </div> <div class="wrapper"> <h1 class="pageTitle">見出しLv1</h1>
atsushi1972 2013/08/02
既存のページに数行加えるだけでパララックススクロールを実装できるチュートリアル デモはスクロールすると、コンテンツと背景画像がいい感じのタイミングでずれてスクロールします。 [] via Pocket August 02, 2013 at 09:07AM -
レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
atsushi1972 2013/05/24
jQueryも外部CSSも不要！レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js デスクトップ・タブレット・スマフォ向けのレスポンシブ対応サイトを作成する超軽量（19KB）のスタンドアローンのスクリプトを紹介し -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx