タグ

2016年2月21日のブックマーク (4件)

  • スマートフォンで簡単に横スクロールメニューを導入する方法

    最近スマートフォンで横スクロールを導入しました。スマートフォンの表示の時には右上にバーガーボタンをおいているのですが、これじゃわからない人が多くいると思ってバーガーボタンはそのままおきつつ、横スクロールでもう少しわかりやすくなるようにしました。 いや意外とこれが結構簡単でした。 一応ソースコードもコピペ出来るようにしておりますので、ぜひみなさんも横スクロールを導入してみてください。今は横スクロールで見せる時代ですよ!

    スマートフォンで簡単に横スクロールメニューを導入する方法
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
  • 見栄えがよくなった!Web制作するなら知っておきたいjQueryプラグインまとめ

    作成:2014/05/7 更新:2014/11/01 Web制作 > ギャラリーサイトやECサイトなどで、最近よく見かけるデザインやエフェクトなど、制作前に知っておくと助かる、「どっかで見たことあるけど何だっけ?」といった感じのjQueryプラグインや最近のトレンドなるものをまとめました。ページにちょっとした工夫を凝らしたいとき、動きのある仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ メニュー 1.フィーチャーリスト 2.スティッキーヘッダー 画像エフェクト 3.マウスオーバーで画像にキャプション 4.イメージビューア 5.ズームインエフェクト 6.ブラーエフェクト スクロール 7.Infinite Scroll(無限スクロール) 8.画像シーケンス 9.横スクロール 10.フリック機能 レイアウト 11.画面全

    見栄えがよくなった!Web制作するなら知っておきたいjQueryプラグインまとめ
  • 知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ

    作成:2014/04/7 更新:2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある!」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー 1.カルーセル(横) 2.フェードアウト 3.画像と文字をスライド 4.文字が遅れて移動する効果 5.異なるタイミングを設定できる ナビゲーション・メニュー 6.多階層 ドロップダウンメニュー 7.多階層 効果つき 8.スマホではドロップダウン 9.スマホではセレクトメニューに 10.Amazon風 メガドロップダウンメニュー 11.横スライド 1

    知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ