30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
Contreforme – Agence de communication à Neuchâtel en Suisse
Contreforme est une agence graphique spécialisée dans la communication visuelle des institutions culturelles 🏛️ et des PME dans l’innovation🧑🔬. Forts de 20 ans d’expérience dans la conception d’images de marque, nous aidons nos client·e·s à identifier, formuler et communiquer distinctement leurs valeurs, les traduire visuellement et à inspirer par leur vision 👀. Notre culture visuelle approfo
名古屋グランパス公式サイト
名古屋グランパスの公式サイトです。ニュース、試合、チケット、選手・クラブ、スタジアム、ファンクラブなどの情報をご覧いただけます。
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
スクロール時にちらつかない IE6 向け position:fixed - Cyokodog :: Diary
更新履歴 2010-01-21 スクロール時のガタつきをはじめとする諸問題等を解決した精度の高い fixed を使いたい場合はこちらをご覧ください。 IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog::Diary 前回のつづきです。 スクロール時のちらつき 前回までのやり方は、スクロールイベント内で absolute 要素の表示位置をずらす事で position:fixed を実現してましたが、この方法だとスクロールの際、対象要素にちらつきが生じます。 今回はこのちらつきを解消する方法について考えてみます。 サンプルページ (本エントリのサンプルページは IE6 でご覧ください。) 表示位置のずらしこみを行わない スクロールイベントでの表示位置のずらしこみがちらつきの原因なので、別の方法で position:fixed させ
Българска �Федерация по Кендо
ZenSankei Официален спонсор на БФ Кендо БФК в Instagram kendo.bulgaria БФК във Facebook kendobg Общояпонска федерация по Кендо 全日本剣道連盟 Международна Кендо федерация International Kendo Federation (FIK) Европейска федерация по Кендо European Kendo Federation Министерство на младежта и спорта Ministry of Youth and Sports 2002 - 2025 Българска федерация по Кендо English 日本語 Търсене
CSS3 Multi-Colum Layout Demonstration and Documentation - CSScripting.com
Limitations (as of version 1.0beta) Values for column-width and column-gap must be given in pixels. The implementation relies on a light javascript css parsers. Avoid complex css structures (like cascading rules). This is ok: .article { column-count: 3; column-gap: 20px; } This is likely to break: #somearticleid { column-count: 3; } .different_selector { column-gap: 20px; } Also, for n
Explorerでリンクをクリックすると表示される枠線を消したいのですが、そのようなタグかスクリプトご存知な方教えてください。
Explorerでリンクをクリックすると表示される枠線を消したいのですが、そのようなタグかスクリプトご存知な方教えてください。
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳
これは面白すごい。 なかなかさわり心地の良い動き。 しかも無料でダウンロードまでできるし、使えるし、なんともありがたい一品に、思わず勢いで記事にしてしまいました。 まずは以下のサンプルを触ってみると感動しますよ！（たぶん） サンプルデモは以下に 動的なhtmlショーケース 対応しているブラウザの幅も広いです。 # nternet Explorer 6, 7 # Firefox 1.5 + # Opera 9.1 + # Netscape 8.1 + # Safari 3 変更できる内容として # 右、左のサイドメニューの有り無し # 横幅800px、1000px、100% # フォントサイズ 等が変更できます。 もしもダウンロードするなら、以下のサイトに説明（英語）とダウンロードボタンがありますので是非。 Liquid Javascript Grid Layout
ウィンドウサイズに合わせてCSSを変更できるdynamiclayout.js
ウィンドウサイズに合わせてCSSを変更できるdynamiclayout.js Dynamiclayout.jsはウィンドウサイズに合わせて読み込むCSSファイルを変更できるJavaScriptライブラリになります。 dを使用することにより、リキッドイアウトの幅を広げることが可能です。 設置方法 ダウンロードしたdynamiclayout.jsをhead要素などで読み込みます。 <script src="./dynamiclayout.js" type="text/javascript"></script> ウィンドウ幅に合わせたCSSファイルを用意します。 それぞれのCSSファイルを読み込む際にはtitle属性に ウィンドウ幅が750pxまでの場合の『thin』 ウィンドウ幅が950pxまでの場合の『wide』 ウィンドウ幅が950pxより大きい場合の『wider』 を付けて読み込みます。
404 Blog Not Found:javascript - tableの横列・縦列をハイライト
2008年03月18日06:30 カテゴリLightweight LanguagesTips javascript - tableの横列・縦列をハイライト これの「横列・縦列をハイライト」をDHTMLで。 Learn Cool Microsoft Excel Conditional Formatting Tricks - Be a Rock star (Tips | How tos - Save time, impress everyone) | Pointy Haired Dilbert - Chandoo.org エクセルのデータを見やすくする5つの簡単なテクニック | コリス まずは邪、じゃなくて横縞。 現金・預金株式以外の証券株式・出資金金融派生商品保険・年金準備金預け金未収・未払金対外証券投資その他合計 1979FY1,948,234242,722452,2410432,1241
ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study
ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記) 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth d
富士急行株式会社
「富士を世界に拓く」富士急グループ公式サイト。「いつも喜び・感動」の実現を目指し、環境保全と安全を追求しながら、交通、アミューズメント、宿泊、レジャー等の事業に取り組んでいます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーをデザインする | DesignWalker
Web ページを高速化する
http://marblecake.jp/softwares/ngdtx/iphone/
[JS]スタイルシートを機能拡張するスクリプト -MoreCSS
R25.jp
CSS Spriteを活用しよう - DesignWalker
