キーワード検索「スピード」
1117
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るように...
577
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、...
573
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。先週の6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッショ...
461
これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素...
404
ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシー...
419
WordPressの表示速度を早くするためのTipsをご紹介します。 一時キャッシュ系のプラグインから、プラグインを減らすためのコード、データベースの最適化など、WordPressをスピードアップさせるためにやっておきたいTipsをまとめました。私はWordPressが大好きなので、もちろんこのブログもWordPressで作っています。 でもWordPressはPHPで作られているCMS。 ブラウ...
347
こんにちは、id:stanakaです。昨日開催された、はてな技術勉強会 #2の資料&動画を公開します。今回は、翌日に公開できました。今後もこのスピード感を維持したいものです。 「TitaniumによるiPhone/Androidアプリ開発」 id:r_kurainいま最も注目をあつめる、スマートフォンアプリ開発環境であるTitaniumについて解説します。インストールなどの導入から、簡単な Twi...
399
The Current State of Web Design: Trends 2010下記は記事の意訳と実例をいくつか抜粋したものです。元記事では他にも多数の実例が紹介されています。はじめにウェブデザインとは移り変わりが激しい業界です。他のすべての芸術的な表現とまったく同じように、ウェブデザインは絶え間なく、そして驚くほど早いスピードで進化を遂げてきました。 そして現在、私たちはウェブデザインの...
250
2012年に開発者が学ぶべき10のスキル Justin James （TechRepublic） 翻訳校正： 石橋啓一郎 2012年02月01日 07時30分 ここ数年、ソフトウェア開発の世界は比較的穏やかだった。しかし、HTML5が地歩を固め、Windows 8がWindowsの開発シーンに大きな変化を迫っている今では、ジェットコースターの日々が戻り、スピードはますます上がってきている。もし最先...
265
徐々にjQuery Mobileのバージョンが上がってきて、だいぶ動きもスピード感もいい感じになってきたので、 そろそろスマートフォンサイトの構築で採用されはじめているのではないでしょうか。 この記事では個人的に、どうやるのか分からなくて調べたことをまとめてみました。また最新の情報は、jquerymobile (jquerymobile) on Twitterをフォローしとくとよいかもしれません。...
133
![[JS]GIF以外の画像でもアニメーションさせることができるスクリプト -Canimate | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-canimate.html)
GIFアニメーションの色数やFPSの制約を受けずに、複数の画像からアニメーションを作成できるスクリプトを紹介します。Canimate デモ上記のデモで使用している画像のフォーマットはPNGで、GIFでは叶わない美しいアニメーションとなっています。利用できる画像のフォーマットに制限はなく、どんなタイプの画像でも利用が可能です。 また、FPS（1秒あたりのフレーム数）、フレームのトータル数も指定でき、...
105
Home > まとめ > その他まとめ > ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個) パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメー...
120
JavaScript - TextFX - A jQuery Text Animation Tool - CodeCanyon Flashみたいなテキストエフェクトが作れるjQueryプラグイン「TextFX」 Flashにもこうしたテキストアニメーション作成ツールがあった気がしますが、jQueryでも出来るみたい。 １５のコアとなるアニメーションに加え、１８種類の設定、カスタムイージング、スピー...
101
![[JS]設置も超簡単、あなたのウェブページのスクロールを慣性スクロールにするスクリプト -NiceScroll | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-nicescroll.html)
live demo: IFrame iframeを使ったデモです。 div要素と同様にスクロールバーのカスタマイズ、コンテンツのズームが可能です。 NiceScrollの特徴 既存のコードの修正無しで、簡単に設置ができます。 ページのスペースを必要としないスクロールバーを設置できます。 スクロールバーのデザインを変更できます。 すべてのブラウザでマウス・キーボードでスクロールができます。 スクロー...
102
jQueyを使う場合に覚えておくと便利なChrome拡張が２つほどありましたのでご紹介。 マニュアルを検索する際にクイックに目的のものにアクセスし、開発スピードを上げられます。 jQuery API Browser ツールバーにボタンを追加してマニュアルをインクリメンタル検索。サンプルコードまでをChrome上で出せます。 インストールするとボタンが表示されます。 インクリメンタル検索が可能。 ク...
96
![[JS]スムーズなアニメーションで横スクロールコンテンツを作成するスクリプト -X-Rhyme.js | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-x-rhyme-js.html)
デモページが少し分かりにくいのですが、左に配置された四つの矩形がナビゲーションで、そこをクリックすると、コンテンツを横スクロールで表示します。 デモページ：「Work」をクリックしたキャプチャ 横スクロールの操作は、マウスホイールにも対応しています。 JavaSciprt スクリプトのオプションでは、ナビゲーションのセレクタ、スクロール時のスピード・アニメーションを変更することができます。 $('...
82
Apple , Firefox , Linux , MacOS , Microsoft , Mozilla , WindowsいよいよFirefox 4が正式リリース！ 何が新しくて何がスゴイ?2011.03.23 14:00コメント数：[ 0 ]CheckTweetWindows/Mac/Linux:：『Firefox 4』がいよいよ公式リリースされました！ 大幅なスピード向上、ミニマルなインタ...
74
Firefox , Google , Google Chrome , Internet Explorer , Microsoft , Mozilla , アドオン , フリーソフト , ブラウザ2011年3月ブラウザスピード対決：IE 9、Firefox 4、Chrome11など2011.03.30 20:00コメント数：[ 0 ]CheckTweetIE 9（日本語版、リリース延期中）にFire...
73
pep.jquery.js - put a little pep in your step リアルなドラッグ＆ドロップが実現できるjQueryプラグイン「pep.jquery.js」 ドラッグして移動しながら勢い良く離すと徐々にスピードが弱まるようなドラッグ＆ドロップ要素を実装できます。 スマートフォンでも動作します。 $('#peppable').pep(); ですぐに使えるみたいです 使いどこ...
67
特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」2011年02月10日-TypeWriter 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 １文字１文字をスピードを指定してアニメーション表示させられるので、１つのエフェクトとして使えそうです。 アニメーション終了後のコールバック等も可能で...
