Bootstrap 5の作業環境の構築方法、jQueryを使用しないJavaScriptでの実装方法を解説
Bootstrap 5の作業環境の構築方法、依存関係のインストール手順、ページやコンポーネントの実装、jQueryを使用せずにシンプルなJavaScript（バニラJS）でコンポーネントを実装する方法などを紹介します。 Bootstrap 5 tutorial: learn how to get started without jQuery by @zolidev 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Bootstrap 5の作業環境を用意する方法 npm依存関係のインストール Sassファイルをコンパイルするためのgulpfileを作成し、BrowserSync経由でローカルサーバーを作成 BootstrapのSassファイルをワークフローに含める 新しいマークアップで簡単なブログページを作成する ナビゲー
レスポンシブなサイドメニューを実現するBootstrap4プラグイン「mdstrap」:phpspot開発日誌
GitHub - corneliucirlan/mdstrap: jQuery plugin that creates sliding menu based on Bootstrap v4 framework レスポンシブなサイドメニューを実現するBootstrap4プラグイン「mdstrap」 通常時は普通のナビゲーションですが一定の幅以下になるとハンバーガーメニュー化し、タップすると次のようなサイドメニューにするというものです。 関連エントリ レスポンシブに使えるクオリティの高いサイドメニュー実装「vertical-responsive-menu」 シンプルなサイドメニュー実装jQueryプラグイン「Panel slider」 アプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」
BootstrapでのPaginationのUIをレスポンシブ化する「rpage」:phpspot開発日誌
auxiliary/rpage GitHub BootstrapでのPaginationのUIをレスポンシブ化する「rpage」 ページ幅と共に、PaginationのUIを拡大・縮小させられるjQueryプラグインです 意外とこの部分は対応が難しいせいか、レスポンシブ化が進化していないように思いますがこうしたプラグインが出てきたようです 関連エントリ BootstrapのDropdownメニューをよりリッチにすることができる「Bootstrap-dropselect」 Bootstrapのポップアップ機能を拡張できる「ggpopover.js」 BootstrapのDropdownメニューをホバーで開くように出来るプラグイン「bootstrap-hover-dropdown」 BootstrapでiOSアプリ風UIを作るBootstrapテーマ「Bootstrap iOS7」
jQueryプラグインでBootstrapをカスタマイズ (1/3)
最近よく見かけるシングルページを作るデザイン塾。第6回では、モーダルウィンドウとスクロールスパイをBootstrapで用意されているJavaScriptを使って実装しました。今回はBootstrapでは用意されていない、jQueryプラグインを利用したインターフェイスを実装しましょう。 スムーズスクロールの導入 jQueryプラグインの実装は簡単にできるので、アンカーリンクへ「するする〜」とアニメーションしながら移動する「スムーズスクロール」を導入してみましょう。 導入までは、 jQueryプラグインをダウンロード ダウンロードしたファイルをWebサイトのディレクトリにコピー index.htmlにスクリプトを記述 の3ステップです。 1.jQueryプラグインをダウンロード スムーズスクロールのjQueryプラグインがあるページ「Smooth Scroll | jQuery Plugin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ
