こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか？」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h
gnab/remark | GitHub Markdown で記述したテキストをスライド形式にして表示してくれるツール。 同種のツールに reveal.js があるが、あちらよりもシンプル。 というか、デフォルトだとスタイルについては基本なにもしない。 スタイルは CSS を使って自力で調整する。 必要なファイルも、特別なフォントを指定しないのであれば、実質 js ファイルのみ。 シンプルなスライドをパパっと作りたい場合は、 Remark がいい気がする。 凝りたい場合は、 CSS 使っていくらでも凝ることができる。 Hello World <!DOCTYPE html> <html> <head> <title>Title</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <style
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
