スマートフォンで写真を大きく表示させる SmartPhoto.js をリリースしました | JavaScript | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
スマートフォンで写真をタップすると、もともと表示されているサイズより小さく表示されるような体験をしたことはありませんか？ SmartPhoto.js では、大きく表示させることを一番に考え、写真の短辺側が画面の最大になるところまで拡大表示されるフォトビューアー です。長辺側ははみ出して表示されることになりますが、ドラッグして動かしたり、ピンチイン・ピンチアウトやダブルタップ等で直感的に閲覧することができます。もちろん、画面の大きなPCでも利用できます。 今回は JavaScript版 と jQuery版 を用意しました。 さらに、より多くの人に使ってもらえるように WordPress Plugin も準備を進めています。慣れない中で作っているので、これでいいのか分からない状況なので、ご意見ください。 https://appleple.github.io/SmartPhoto/ では、簡単に
【サンプル有】レスポンシブなグローバルナビの作り方３選 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
photo credit: ak_tokyo via photopin cc レスポンシブサイトを構築する際、意外と引っかかるのが「グローバルナビ」 ページの横幅（キャンバス）いっぱいに表示させることが多い関係上、キャンバス幅が一定でなくなるレスポンシブWebデザインでは一筋縄ではいきません。 慣れない内は考えるのが面倒で「スマホ専用のナビゲーションを別途用意」したり、「グローバルナビをまるごと非表示にしてしまう」ということをされた方の少なくないのではないかと思います。 今回は「レスポンシブWebデザインで使えるグローバルナビ」をまとめました。 １：【CSS】Table-cellで１行表示 「グローバルナビは絶対に１列固定。それ以外は認めない」という方向けの方法。 これを使うと間違いなく１列のグローバルナビが作れます。 原理は簡単で、１列だけのtableを作るというだけのことです。 CSS
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
