こんにちは、うっちーです。 先日、スマホ用サイトを作ってたのですが、パララックス効果を入れるのに四苦八苦したので、備忘録も兼ねてシェアしたいと思います。 Jqueryでパララックス 最初はJqueryを使って普通に作ってたんです。 こんな感じで。 ＜HTML＞
スマホ対応パララックス！簡単便利な skrollr の使い方 | 株式会社メイプルシステムズ
こんにちは、うっちーです。 先日、スマホ用サイトを作ってたのですが、パララックス効果を入れるのに四苦八苦したので、備忘録も兼ねてシェアしたいと思います。 Jqueryでパララックス 最初はJqueryを使って普通に作ってたんです。 こんな感じで。 ＜HTML＞
レスポンシブでタッチフレンドリーなスライドを作れるjQueryプラグイン「Glide.js」:phpspot開発日誌
Glide.js | Simple, Lightweight & Fast jQuery Slider レスポンシブでタッチフレンドリーなスライドを作れるjQueryプラグイン「Glide.js」 スライド用ライブラリは多数ありますが、PCでも当然使えて、レスポンシブでタッチフレンドリーとなると選択肢は狭まりますね。 そんな場合に１つの選択肢となるライブラリです。 スライドの幅もブラウザに応じて適切なサイズにリサイズされるので、ほとんどの端末に対応できます。 関連エントリ 色の細かなカスタマイズが可能なスライド式カラーピッカー「jQuery Color Picker Sliders」 Youtube動画とSlideshareのスライドを同期して再生できる「Presentz」
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
ブラウザ上でスマホ風スクロールを実現できる「ZyngaScroller」:phpspot開発日誌
ZyngaScroller by TimHeckel ブラウザ上でスマホ風スクロールを実現できる「ZyngaScroller」。 ブロック内をスマホ風にスクロールできつつ、更に２個ブラウザを開くいて１個操作すると、それぞれが動くというデモを実現するjQueryプラグインです。 デモページ スマホ風スクロールは便利そうですね。 ブラウザの同期部分の使い所はちょっと考えましたがよく思いつかなかったものの、面白かったのでご紹介。 関連エントリ アイテムベースのスクロールを実現できるjQueryプラグイン「Sly」 使うときだけ表示できるiOS風独自スクロールバー実装jQueryプラグイン「nicescroll」 スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」 スクロールすると巻物風にコンテンツが回転するUIを作れる「FoldSc
スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
The fifth position value - QuirksBlog
Web developers are quite annoyed that position: fixed doesn’t work on mobile browsers, but mobile browser vendors cannot afford to support it. This dilemma is unsolvable by the means we presently have at our disposal. To offer a way out, I’m proposing to create a new position: device-fixed declaration better suited to the mobile scenario with its tiny screen and its zoom. The zoom aspect, in parti
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
