Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
ちょっと古い本ですがすごくよかったので紹介します。 「標準 DOM スクリプティング」 羽田野太巳 もう、さすが羽田野さんというしかないです。 こんなわかりやすい日本語が書けるようになりたい。。。 1.1 が「DOMとは」ですよ。 DOM の歴史、概要、仕様など基礎がしっかり抑えられます。 2007年の本なので、出てくるブラウザが IE6、Firefox 1.5、Opera 9.0、Safari 1.3 と 2.0、と古いですが(Chrome がない!)、新しいブラウザはより DOM に準拠しているはずなので、参考になると思います。 なんでみんな IE6 が嫌いなのかこの本を読むとよくわかりますw 個人的にはごっちゃになってた DHTML と DOM がきちんと整理できたで助かりました。 もちろんクロスブラウザ対策についての話も随所で取り上げられていて、 対策コード部分をモジュール化して使
軽めのjQuery Advent Calendar 2012 – 01日目 jQueryってあるじゃないですか。便利ですよね。いろんなところで紹介されてるっていうかもう普通に使われてると思うんですけど。 jQuery() APIについてはこちら。 jQuery() – jQuery API jQuery(expression, context) – jQuery 日本語リファレンス jQuery(html, [ownerDocument]) – jQuery 日本語リファレンス jQuery(callback) – jQuery 日本語リファレンス jQuery(elements) – jQuery 日本語リファレンス jQueryと$は同じものなので、jQuery()と$()は同じです。これ、実は関数なんですよ。 というわけで、以下使い方。 5種類の使い方 セレクター : $('#tar
1. Use === Instead of == JavaScript uses two different kinds of equality operators: === and !== are the strict equality operators, while == and != are the non-strict operators. It is considered best practice to always use strict equality when comparing. "If two operands are of the same type and value, then === produces true and !== produces false." - JavaScript: The Good Parts However, when worki
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3(+α)回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン/おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道:サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines(埋め込みタイムライン) トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
Over the last couple of years, the idiom of single-page web applications has gotten to be quite popular. This happened for several reasons, some technological, some driven by the demand for better user experience - but whatever the reason, it really changed the way web developers carry their work. A lot of logic has been pushed up the stack, to the client, resulting in thinner server side code. In
『ノンプログラマのためのJavaScriptはじめの一歩』刊行記念トークセッション、フォトレポート(動画つき) 11月22日、ジュンク堂書店池袋本店4階のカフェにて、『ノンプログラマのためのJavaScriptはじめの一歩』(外村和仁著、技術評論社)の刊行を記念したトークセッション「ノンプログラマがJavaScriptを学んでいくにはどうすればいいのか」が開催されました。 本稿では写真と動画を中心にレポートします。 18時。担当編集者(右)とトークセッションの打ち合わせをしている、著者の外村さん(左)。もう一人の登壇者である高津戸さんも到着し、最終調整しました(高津戸さんは『WebデザイナーのためのjQuery入門 ── 魅力的なユーザーインターフェースを手軽に作る』(技術評論社、2011年12月)の著者です) 打ち合わせの合間に、店頭用のPOPを書く、外村さん(右)と高津戸さ
JavaScriptの文法を、だいたい知ることができるサンプルを掲載しました。 ここでは、クラスによるオブジェクト指向設計については割愛しました。 オブジェクトを使ったサンプル(Tip集)は別のページを設けて今後掲載していく予定です。 OS: MAC OS X 10.6.8 サンプル確認ブラウザ: Safari 5.1.1 FireFox 6.0 < ページ内目次 >
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く