pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
ZeroMail
About ZeroMailはオープンソースのメールフォームスクリプトです。 言語はPHPで、mail関数およびmb_send_mail関数で送信します。 HTMLタグやCSSが使いこなせるWebクリエーター向けな仕様となっているので、 初心者には少々設置難易度が高いかもしれません。が、自由度は高いと思います。 元々は自分が商用サイトを組んでいた時に UTF-8に対応しているメールフォームが皆無だった 巷のメールフォームが出力するソースが気に入らない 商用サイトだからクレジットの表示は無いほうがいい ということでカッとなって作ってみたものです。 頂いた要望などを吸収している内にいつの間にか多機能になっていました。 Ajaxに関してはMooToolsのForm.ValidatorとForm.RequestをGoogleで検索しても 全然日本語のページが無かったので普及させるべく対応させてみた
[jQuery] いつでもどこでもローディングアイコンを表示 NETEYE Activity Indicator | バシャログ。
最近目がかゆくてやたらとクシャミが出るんですけど、PM2.5 ってホント迷惑ですね～。みなさん、こんにちは nakamura です。 最近ちょっとおぉ！と思った jQuery プラグインがあったので今日はそのご紹介です。Ajax を使った非同期な処理も今やすっかり定番ですが、毎回メンドクサイな～と思うのがローディングアイコン。アニメーション Gif を用意して、どこで呼び出しても見栄えがするように CSS 調整して・・・。あーもうしゃらくせえ！と思っていたら、その辺全部勝手にやってくれる jQuery プラグインがあったんですね～。 NETEYE Activity Indicator っていうプラグインがそれです。github で公開されてます。 NETEYE Activity Indicator jquery-plugins/activity-indicator at master ·
![[jQuery] いつでもどこでもローディングアイコンを表示 NETEYE Activity Indicator | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a7c7828e73c1691039a9aa0dce7f4c767e36c92/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_javascript.png)
jQuery.autopagerをWordPressで利用して、ajaxで追加記事を読み込み、その後別のjsを動かす使い方 - Shinichi Nishikawa's
ホームiPhonejQuery.autopagerをWordPressで利用して、ajaxで追加記事を読み込み、その後別のjsを動かす使い方 jQuery.autopagerをWordPressで利用して、ajaxで追加記事を読み込み、その後別のjsを動かす使い方 2012 9/13 jQuery.autopagerとは jQuery.autopager は、例えば記事の一覧で5件表示されている時に、5件目までスクロールしたらその先のさらに次の5件が自動的に読み込まれる、というようなことを可能にするjQueryのプラグインです。 Twitterみたいな感じです。 以下のような使い方ができます。 記事のリストをスクロールに従って次々と読み込む ひとつの記事を途中まで表示しておいて、あるところまでスクロールしたらその続きを読みこませる スクロールじゃなくて、クリックで読み込み、という使い方もO
そろそろjQuery Mobileでajaxを無効にしてるやつに一言いっておくか - へっぽこプログラマーの日記
jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。 しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにajaxを無効にする方法というのは、以下のようなものを指します。 a要素やform要素に data-ajax="false" を指定する。 グローバル設定で $.mobile.ajaxEnabled = false; を設定する。 もちろん、このajaxの挙動を理解した上で、ajaxを無効にするという方法を取ることは何ら問題ないのですが、とにかく困ったらajaxを無効にするということが多いようです。 具体的には以下のようなケースが挙げられるで
DHTMLSite - Ultimate Resource on DHTML/AJAX Scripts and Tutorials
Here at DHTMLSite, you will find a directory of useful AJAX/DHTML scripts and tutorials. Articles 10 Useful Web Tools and Links - From The Knowledge Academy. CSS + Javascript Calendars - 10 Free Css and Javascript Calendars. Image Galleries - List of Image Galleries and Slideshows. CSS Graph Resources - Free CSS Graph generators and resources. Icons - A list of free 16x16 pixel icons
MovableTypeのコメント投稿をAjax形式にする:phpspot開発日誌
画像抽出や分割・結合機能を備えた複数PDF文書の管理ソフト「PDF Explore... 次の記事 ≫：デフォルトのフォームをクールにカスタマイズする方法 MT AJAX Comments There's been a lot of talk about creating an AJAX-enabled comment system for MovableType. The one notable demonstration (here) does an excellent job of giving a sneak peek at what AJAX can offer but lacks a good step-by-step walkthrough. MovableTypeのコメント投稿をAjax形式にする方法。 デモを見ればどういう風に動くものなのか分かります。 「MovableT
テーブルをJavascriptで自動的に見やすくする:phpspot開発日誌
Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。 かといって、サーバサイドでアイテムを回して、１個１個設定するのも結構面倒だったりします。 リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。 これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
javascript effect library | 和人
まえまえから気になっていた、Firefoxがやたらとメモリを喰う件に回答を得た^^; というか、解決事例がないか調べてみた。 過去に移動したページに素早く戻るためにページをキャッシュするという機能。 大きなサイズのページを読みこんだあとや、画像などをたくさん埋めこんだページを読みこんだあとに、メモリの消費サイズが急に増えたように見える場合はこの現象に遭遇しているかもしれない。 参考: アメリカでがんばりましょう:開発者が明かす Firefox 1.5 のメモリ使用量改善方法 まさか、ページをキャッシュするのでメモリを消費しているとは思わなかったね。 1) about:config というURLをロケーションバーに入力 2) browser.sessionhistory.max_total_viewers という設定項目をダブルクリックする (フィルタを使うと見つけやすい) 3) 表示される
リンクサムネイルの作り方 - GIGAZINE
外部サイトへのリンク文字列の上にマウスが来ると、自動的にリンク先のページをサムネイルで表示するという面白いスクリプトです。 例と設置方法は以下から。 例としてはこんな感じです。 http://lab.arc90.com/tools/linkthumb/ コードのダウンロードと使い方などは以下の通り。 arc90 lab : tools : Link Thumbnail http://lab.arc90.com/2006/07/link_thumbnail.php 互換性はInternet Explorer 6.0以上、Mozilla Firefox 1.5以上、Apple Safari 2.0、Opera Version 8.51以上であるそうです。 ちゃんと外部サイトのみ判別し、自サイト内ではいちいちサムネイルを表示しないようにできます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bizcaz.com/archives/2008/10/04-002457.php
MovableType超高速サイト内検索！これ作った人神！
prototype.js リファレンス
テキストの入力候補を表示するJavaScript （Ajax Auto Suggest v.2） - youmos
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm