PACE — Automatic page load progress bars
What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Download If you’re a developer, download Pace directly here: Pace.js Themes Enter a color:
Simple AJAX using HTML attributes
intercooler.js AJAX With Attributes: There is no need to be complex Announcement: htmx 1.x (intercooler 2.0) is now available at https://htmx.org and is recommended for all new projects. intercooler.js will continue to be supported indefinitely. <!-- This anchor tag posts to '/click' when it is clicked --> <a ic-post-to="/click"> Click Me! </a>
pushState() + AJaxでスムーズなコンテンツの遷移 | スターフィールド株式会社
Ajaxはページ遷移で発生するユーザーのストレスを軽減する方法として有効ですが、 ページ遷移の履歴が残らないため、 ブラウザの戻るボタンを押した場合に、ユーザーの意図しない動作になってしまう場合が多々あります。 HTML5のJavaScriptの仕様で、履歴を扱うhistoryオブジェクトに、 pushState()およびpopstateイベントが追加され、 Ajaxのような実際にページ遷移しない場合でも、ページの変化があるごとに、URLを変更して履歴を追加することができるようになりました。 この機能はIE10以上のブラウザで利用することができます。 今回は、この機能を使ったページ遷移の方法をご紹介いたします。 ↓作ってみたもの DEMO 方法 遷移するそれぞれのページを、Ajax経由ではなく、直接開いても問題ない状態で用意する 初期で読み込んだページのURLを取得し、pushState(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - humaan/Modaal: An accessible dialog window library for all humans.
JavaScriptがちょっとわかる人向けの、Ajaxの話。 - Qiita