Webページを速く見せるための5つのちょっとした工夫（1/3） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/4/30 ページ表示高速化をサーバの設定だけに任せていませんか？ HTMLやCSS、JavaScriptの書き方でも速くできます（編集部） 連載第1回の「Webサイトを“速く”表示させる7つの計測ポイント」では、YSlowを使って速度に関する問題を調査しました。 今回は、CSS・JavaScript・HTMLの工夫で速度を改善する下記5つの方法を紹介します。中にはYSlowの指摘に含まれないものもありますが、併せてチェックしていきましょう。 CSSはソースコードの上部に記述する JavaScriptはソースコードの下部に記述する CSSとJavaScriptを書く順番 JavaScriptを圧縮して読み込みを速くする 読み込みが遅いブログパーツには要注意 【1】CSSはソースコードの上部に記述する 連載第1回では、「CSSは
Ajaxフォトアルバムのフェードイン画像フレームを作ろう －＠IT
本連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう？ という部分で立ち止まってしまってしまっているのではないだろうか。 そこで本連載では、単なるサンプルではなく、完結した機能を持ったAjaxア
Lightboxより、ちょっとオシャレなJavaScript 「Lightview」 - BLOG MONKEY -グラフィックデザインやWEBデザインなど、日常から感じたログ。-
Lightboxが世に出回った時は、かなり衝撃的にかっこよさを覚えましたが、 あれから、色々改良が進められてるみたいですね。 Lightview http://www.nickstakenburg.com/projects/lightview/ ↑のように角丸が付いたり、テキスト周りが少しオシャレだったり Lightboxより洗練されていそうなjavascriptです。 拡張性は、色々と改善点がありそうですがデザイン重視にしたいならアリかも。 （ちなみに以下が、Lightbox） また、他にも色々と拡張されているみたいなのでメモしときます。 フラッシュやムービー、音声、htmlなど色々読み込み可能な multibox http://www.phatfusion.net/multibox/ （ブラックが好きな人はこちら） multiboxでやれることもできて、youtubeの動画が取り込
Script.aculo.usで、ビジュアルなWebページを作成しよう
はじめに Ajaxの登場によりJavaScriptへ多くのWeb開発者の注目が集まって以降、JavaScriptは、クールなWebページを作る上でなくてはならないものとなってきています。特に、ビジュアルな表示や効果を実現するためには、JavaScriptは今や不可欠のものといってよいでしょう。以前は、こうしたものをJavaScriptで実装するには気の遠くなるコーディングが必要でしたが、現在は多数のJavaScriptライブラリが登場し競い合っています。JavaScriptを手軽に導入したい、という人には夢のような時代となった、といってよいでしょう。 が、あまりに多くのライブラリが登場したため、果たしてどれを使えばいいのか、よく分からなくなってしまった、という人も多いでしょう。また、機能を高度化するあまり、使い方がひどく難しくなってしまっているライブラリもあります。比較的簡単に、しかも効果
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
LightForm » Web-kreation
:::LightForm::: Free Ajax/PHP Contact Form * Name : * Email : Website : * Subject : * Your message : * Are you human? : 2 + 3 = ??? Design by Web-kreation - Ajax Form validation (FormCheck2) by Moo Floor - This form uses NiceForms (BadBoy.ro) to style text fields and textareas. © Some Copyrights by their respective authors (if you are not sure visit authors' websites).
jQuery Documents Main Page - jQuery
jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center. If you're updating to a newer version of jQuery, be sure to rea
使えるJavaScript/Ajaxライブラリ80個まとめ:phpspot開発日誌
80 AJAX-Solutions For Professional Coding | Smashing Magazine Web-developers can create amazing web-applications with AJAX. 使えるJavaScript/Ajaxライブラリ80個まとめ、ということで大量のAjaxライブラリが紹介されていました。 Ajax オートコンプリート AJAX AutoSuggest AJAX Autocompleter/ script.aculo.us library AJAX AutoCompleter ... Ajax でその場編集テキスト AJAX inline text edit 2.0 AJAX & CSS Flickr-like Editing Fields AJAX Instant Edit ... Ajaxメニュー、タブ AJA
XMLHttpRequest風IFRAMEによるデータ通信1 - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ XMLHttpRequest風IFAMEによるデータ通信1 1: iframeで動的なテーブル書き換え (JSON) 2: XMLHttpRequestとの機能比較 3: データフォーマット 4: [ソース] jsgt_JSONIframeReqestライブラリ 5: [ソース] テーブル出力処理用ライブラリ 前回までは、 一般的なAjaxの方法や、Ajaxアプリの代表格のひとつといわれているGoogle Maps APIの使い方などについていくつか紹介してきました。 今回は、いわゆるXMLHttpRequestを利用したAjax的方法から少し脱線してみます。 XMLHttpRequestの代わ
イベントハンドラ 《 Ajax 入門
Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基本からAjaxの基礎・応用までサンプルを使って紹介 イベントハンドラ一覧 onabort(中止) onblur(フォーカス外) onchange(変更) onclick(クリック) onclose(閉じた時) ondblclick(ダブルクリックした時) ondragdrop(ドラッグ＆ドロップ) onerror(エラー) onfocus(フォーカス) onkeydown(キーを押した時) onkeypress(キーを押し続けた時) onkeyup(キーから離れた時) onload(ロードした時) onmousedown(マウスボタンを押した時) onmousemove(マウスカーソルを移動した時) onmouseout< (マウスカーソルが離れた時) onmouseo
Mozilla Developer Center
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
[Think IT] 第1回：そろそろ本気で学びませんか？ (3/3)
【これならわかる！JavaScript/Ajax】 やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ 著者：有限会社グローバルイーネットワーク 須田 超一 公開日：2008/5/13（火） DOMツリーにアクセスしてコンテンツの中身を変更することはできるようになりましたが、では文字の色や大きさを変えるにはどうすればいいでしょうか。 JavaScriptの中身を考える前に、まずはリスト4のようにイベントハンドラonclickを使ってJavaScriptの関数を呼び出す設定をします。フォントを変更したい場合は、「changeFont('フォントサイズ')」、文字色を変更したい場合は、「changeColor('色')」を呼び出します。 関数を呼び出す時に、括弧の中にシングルクオーテーションで囲んで値を入れていますが、これを引数と呼びます。ここで設定した値は、JavaS
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
第二章 プログラムを作って体験しよう：どうやって通信すればよいのか？
Ajaxではサーバーとの通信をしながらさまざまな処理を行うことができます。問題は、どうやってサーバーと通信するか、データのやりとりを行うかです。Ajaxと言っても処理を行わせるプログラムはJavaScriptですので、JavaScriptで可能な範囲でしかできないことになります。ソケット通信を行うオブジェクトなどは用意されていません（ちなみにAdobe AfterEffectsにはソケット通信を行うオブジェクトが用意されておりメール送受信や簡易サーバーを作ることが可能です）。 JavaScriptではソケット通信はできませんが、HTTPサーバーとやりとりするためのオブジェクトが用意されています。そのオブジェクトが、Internet Explorerとそれ以外のブラウザで異なっています。Internet ExplorerではActive Xを使って行い、他のブラウザではXMLHttpRequ
Ajax Toolkit for PHP - SAJAX - Simple Ajax Toolkit by ModernMethod
SAJAX - Simple Ajax Toolkit by ModernMethod - XMLHTTPRequest Toolkit for PHP Welcome to Sajax! We've launched GLORP Visual Search Engine, a new way to search the web that's safer, faster, and best of all, 100% ad free and private. Check out an example search. Commercial consulting and support now available. Get support from the people who made Ajax easy for the masses. If your staff needs a helpin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GREE Engineer's Blog coming soon...
S2ファクトリー | Web/アプリ/システム/デザイン/ディレクション
JavaScript DOM リファレンス
JSAN
http://youmos.com/news/lightview