[B! Flexbox][Android] daabtkのブックマーク

daabtk id:daabtk

FlexboxとAndroidに関するdaabtkのブックマーク (2)

CSS3のFlexBoxで実装する、知っておきたい5つのレイアウトテクニックまとめ
Flexbox は、もともとウェブサイトやモバイルアプリのUIをデザインするために最適化された CSS です。 Flexbox のさまざまなプロパティを利用することで、これまでは CSS のみで難しかったレイアウトや配置を実現できるようになりました。またスクリーンサイズに応じてレイアウトが変化する、レスポンシブデザインとの相性もよい点もポイントです。この記事では、よくあるCSSによるレイアウトの問題5つを、Flexbox　で解決できるテクニックを見ていきましょう。動作確認用のデモページと一緒に、実際にこれらのテクニックを適用した実践サンプル例もまとめています。目次対応ブラウザ環境は？高さの揃ったサイドバーを作成する方法要素の表示順番を変更する方法。どんな要素も天地中央揃えにする方法レスポンシブに対応する、グリッドレイアウトを作成する方法フッター要素を常に固定する方法対応ブ
daabtk 2016/06/01
css

Android

CSS3

Flexbox

あとで読む
リンク
[JS]スマホ・タブレットでの操作性を重視したタッチデバイス対応のさまざまなスライダーを実装できるスクリプト -Swiper
iOS/Androidなど、モバイル向けのWebサイト、Webアプリ、ネイティブアプリでの利用に最適化されたタッチデバイス対応のスライダーを実装できるスクリプトを紹介します。キーボード操作やマウスのホイール・ドラッグ操作にも対応しているので、デスクトップでもOK！ Swiper Swiper -GitHub Swiperの特徴 Swiperのデモ Swiperの使い方 Swiperの特徴ライブラリに依存しない Swiperは他のスクリプトのライブラリに依存せず、軽量で速く動作するスクリプトです。 jQuery, Zetro, jQuery Mibileなどの他のライブラリと一緒に使う時も安全です。タッチの動きをそのままデフォルトの設定でタッチの動きを「1:1」でインタラクションとして提供できます。豊富なオプションページネーション・ナビゲーションボタン・パララックスエフェクトなど
daabtk 2015/03/02
flexbox

jQuery

3D

Android

javascript

jQuery

スライダー

スライド

スマートフォン

スクリプト
リンク
1