簡単作業でスピードアップ！パフォーマンスアップまとめ - EC studio デザインブログ
以前にWeb Directions East 「パフォーマンスアップのウェブ技術 WDE-Express」で パフォーマンスアップについて記事を書きました。 今回はその記事や色々参照した本・セミナーを元に実際に改善をおこなって、 どれだけ高速化したかデータ上で確認し、まとめてみました。 できるだけ手間をかけずに簡単にできる改善方法をおこなってみたので、 しばらくリニューアルの予定はないが、サイトの表示を早くさせたいという方は ぜひ試してみてください。簡単作業でパフォーマンスアップできます。 CSSのコードを短縮して書こう え？こんなこと？と思うかもしれないですが、 どんどんコードを書いていくうちに肥大していくものです。 もう一度見直してコードを軽くしていきましょう。 今回コードの見直しのために使用したサイトはclean CSSです。 clean CSSを参考にカラーコードの短縮、 不必要な
良い相互リンクと悪い相互リンク、良いフッターリンクと悪いフッターリンク
数年前に相互リンクが絶大な効果を上げた時期がありました。 その名残として、相互リンク先のサイト名を列挙しただけの相互リンク集ページを今でも見ることができます。 現在相互リンクは、「苦労の割には効果がない」、場合によっては「ペナルティの対象にもなりうる」、ということで、どちらかというと敬遠されがちなのではないでしょうか？ 自分が所有するサイト同士をリンクし合うことを「クロスリンク」と言ったりします。 一種の相互リンクですが、こちらはどうなのでしょう？ 持っている3サイトをクロスリンクするのは悪いこと？ あるウェブマスターからのこんな質問に、GoogleのMatt Cutts（マット・カッツ）氏が回答しました Is cross-linking websites bad? サイト同士に何らかの関連性があるかが問題だね。 1つがドライクリーニングのサイト、もう1つが古美術のサイト、もう1つが携帯レ
続：リスティング広告代理店の選び方｜Sphinn Japan Blog
以前、リスティング広告代理店の選び方という記事を書かせていただきましたが僕の周りでもかなり反響がよく、参考になったなどのお話を頂きまして、記事を書いた当人としては非常にありがたいことでした。 そんな中、もう少し具体的に掘り下げてリスティング広告代理店の選び方の続編として書き出させていただきましたので、ご参考になればと思います。 土日や年末年始などの連休時の対応について 時間帯での広告出稿量変更の対応について 最低広告予算、裏側の事情 土日や年末年始などの連休時の対応について 商材によっては土日での広告配信停止や特定の曜日などに受付をしていない場合などもあるかと思います。そういった場合にどのように対応可能なのか？予め確認しておくことで後のトラブルを防ぐことが出来ます。 特に年末年始やゴールデンウィーク時での対応などは予め確認しておきましょう。 時間帯での広告出稿量変更の対応について AdWo
わかりにくい1クリックよりも、わかりやすい2クリック (ユーザビリティ実践メモ)
トップページに多くの要素を盛り込まねばならず、情報の整理に悩んでいる方も多いのではないでしょうか。そんな時、ユーザの文脈を考慮することで情報整理方法が見えてきます。 上の画面例はBtoB向け製品を主に扱っているメーカーサイトのトップページです。各製品カテゴリへのテキストリンクがトップページに配置されており、弊社のユーザ行動観察調査では、はじめてこのサイトを訪れるユーザが「何かごちゃごちゃしている」と言いながら、どこをクリックすべきか迷う傾向が見られました。 そこで、 トップページでは大まかに振り分け、次の階層で各製品カテゴリを選ばせるという図2のような画面に変更したところ、ユーザは目的の製品ページへスムーズに到達できるようになりました。 改善後の画面 目的のページに達するまでのクリック数は少ないほうがよいと言われますが、クリックを減らすことが目的になってユーザを迷わせてしまっては本末転倒で
サントリー天然水の森 | サントリー
なぜわたしたちが、森づくりをするのか。 それは、サントリーにとって最も大切なものが森からやってくるから。 50年、100年先の未来もずっと、 天然水がおいしく清らかでありつづけるように。
yy-net.org - このウェブサイトは販売用です！ - yy net リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
エクセーヌ® | TORAY
エクセーヌ®／GSフェルトは、ポリエステル極細繊維の不織布にポリウレタン樹脂を含浸した東レ独自の工業材料です。 ゴム、フェルト、発泡体などの他素材では得られない優れた機能性と厚みバリエーションを有し、AV/OA機器・カメラ・PCのパーツなどの身近な製品から、半導体・工業設備を支える工程材料として、幅広い分野で用途が拡がっています。 エクセーヌ／GSフェルトとは さまざまな用途に使えるエクセーヌの機能性 加工性 復元性 摺動性 ワイピング性 吸水・吸油性 吸音性 機能性を詳しく知る エクセーヌの用途例
コンタクトレンズ | TORAY
*1 Dk値(酸素透過係数):(156±31)×10-11(cm2/sec)・[mLO2/(mL・mmHg)](重力単位系）※承認基準に基づく
サステナビリティ | TORAY
東レグループのCSR 東レグループは、CSR推進の3カ年計画であるCSRロードマップに沿って、「持続的な成長」と「持続可能な社会の構築への貢献」の両立を目指し、東レグループ全体でCSRの戦略的な推進に取り組んでいます。
ファッション通販 マルイウェブチャネル
※セール商品の比較対象価格はマルイウェブチャネル旧価格、またはメーカー希望小売価格に現在の消費税を加算した価格です。 ※セール期間中、予告なく価格が変更となる場合・マルイ店舗価格と異なる場合がございます。お支払いはご注文時の価格となりますのでご了承ください。 お客様サービス 無料ギフトサービス 企業情報 マルイ各店の最新情報とフロアガイド 会社概要 お問い合わせ 各種お申し込み 新規ユーザー登録 メールマガジン登録はこちら ショップ別「新着・セール商品情報」メール配信登録 エポスカードお申し込み受付中 ご案内 返品・再注文について 商品のお取り扱い方法 フィッシング詐欺にご注意ください！ 当社名および当社類似名称を表示する通信販売業者にご注意ください 個人情報の取り扱いに関する同意条項 Cookieポリシー 特定商取引に関する法律に基づく表示 古物営業法に基づく表示
ユーザーの進捗を明示する「プログレストラッカー」詳解
オンラインストアでの注文やフォームなどで、ユーザーの進捗を明示するプログレストラッカーの概要や特長、実装例、よくある間違いなどをSmashing Magazineから紹介します。 Progress Trackers in Web Design: Examples and Best Practices 以下はそのポイントを意訳したものです。 1. プログレストラッカーとは？ 2. プログレストラッカーとパンくずの相違点 3. プログレストラッカーの活用 4. プログレストラッカーのベストプラクティス 5. プログレストラッカーの実装 6. プログレストラッカーのよくある間違い 7. プログレストラッカーのショーケース 1. プログレストラッカーとは？ プログレストラッカーとは進捗を明示するもので、複数のステップがあるプロセスを完了するためにユーザーの手助けとなるものです。 オンラインのプロダ
「大事なものが欠けている」――Adobe幹部、iPadのFlash非対応を批判
Appleが1月27日に発表した「iPad」を、Adobe幹部がFlashに対応していないと批判している。 「消費者とコンテンツをつなぐAppleのアプローチには、重要なものが欠けている。同社は依然として、自社のデバイスでコンテンツ企業と消費者の両方に対する制限を課しているようだ」と、AdobeのFlash担当マーケティングマネジャー、エイドリアン・ラドウィグ氏はこの日、iPadについて自身のブログで述べている。 同氏は、Flashサポートがないため、iPadユーザーは多くのWebコンテンツにアクセスできないと指摘。Webゲームの70％、オンラインビデオの75％がiPadでは利用できないとしている。「iPadでDisneyやHulu、その他多数のWebサイトにアクセスしたいと思っても、うまくいかないだろう」 また同氏は、Appleは「EPUB」形式の電子書籍にDRMをかけるため、他社の電子
100redesigns of companies' not so good looking websites
Every week I make 1 redesign of a corporate website until I reach 100. Watch how better design and attention to details could make your customers happy. Have a tip which site should I redesign next? My goal is to show companies how simple, clean and properly working website helps to get loyal clients, optimize business processes and, eventually, make more profit. Corporate websites can and must co
Google ChromeでYahoo!被リンクを簡単にチェックできるブックマークレット
ボタンをクリックするだけで日Yahoo!での被リンクを表示できるFirefoxのアドオンがあったのですが、Firefoxのバージョンアップに対応しておらず、使えなくなってしまいました。 さらに、僕の最近のメインブラウザはGoogle Chromeになりつつあります。 SEO用の拡張機能はまだごくわずかです。 ということで、SEOには欠かせない被リンクチェックのGoogle Chrome対応ツールを紹介します。 Yahoo!検索での「link:」コマンドと「 linkdomain:」コマンドを一発で実行できます。 リンクをブックマークバーにドラッグ&ドロップするなりして、ブックマークに追加してください。 あとは追加したブックマークをクリックするだけで、閲覧中のページのバックリンク情報を簡単に取得できます。 Y! link: Y! linkdomain: ついでに、Googleのキャッシュを調
PHP基礎文法最速マスター
PerlとRubyの文法一覧がとても良くまとまっていたので、便乗してPHPでもやってみました。 Perl基礎文法最速マスター – Perl入門〜サンプルコードによるPerl入門〜 Route 477 – Ruby基礎文法最速マスター 他の言語をある程度知っている人はこれを読めばPHPの文法を何となく理解できると思います。 間違い、不足等々あれば教えて下さいm(_ _)m バージョン PHP5.3系がリリースされていますが、ここではPHP5.2系を対象としています。 1.基礎 コードブロック PHPコードは「<?php」という開始タグから始まります。終了タグは「?>」です。HTMLにPHPコードを埋める際は終了タグを使いますが、ライブラリのようにPHPコードのみを記述する際は終了タグを省くことが慣例となっています。 終了タグを省く理由について id:Kiske さんに解説頂いています。ありが
PHP基礎文法最速マスターの補足 - モノノフ日記
id:shin1x1 さんがPerl、Rubyに続いてPHP基礎文法最速マスター - Shin x blogで基礎文法をまとめてくれています。ありがとうございます。空いた時間で書いてみようかなと思っていたら先越されてしまいました。 記事を読んでみてコードブロックの説明を最初読んだときに少し違和感があったので、はてブのコメントで参考資料を補足しておきましたが、他の方からも同様にも指摘されてますのでもう少し補足しておきます。 コードブロックの説明は下記のように書かれてます。 PHPコードは「<?php」という開始タグから始まります。 終了タグは「?>」です。HTMLにPHPコードを埋める際は終了タグを使いますが、ライブラリのようにPHPコードのみを記述する際は終了タグを省くことが慣例となっています。 PHP基礎文法最速マスター - Shin x blog 「慣例」だと説明としては弱いですね。。
Tender Surrender » Google Chrome Extension “Social Graph Analyzer”を公開
Mac版でもDevチャンネルでExtensionが使えるようになったことから、最近Google Chromeを使い始めました。Safariにはない拡張性と、Firefoxに勝る軽快さ・スピードを兼ね備えた、将来性の高いブラウザだと思います。とても使い勝手が良く、すでにメインブラウザとなりつつあります。さすがGoogleですね。 さて、そんなGoogle Chromeですが、Extensionの開発が簡単そうだったので、試しに作ってみました。それがSocial Graph Analyzerです。 使い方 インストールすると画面の右上に人のアイコンが出ます。使い方は、これを気になる人のプロフィールページでクリックするだけ。どのサービスのプロフィールページかは問いません。クリックすると、噴出しがポップアップし、その人が利用している他のサービスが表示されます。もちろん、サービスのURLはリンクにな
[CSS]スタイルシートのすご技、スムーズに回転するコーラの空き缶
テクスチャをスクロールに合わせて移動させる「displacement maps」のテクニックを使用したスタイルシートをRomán Cortésから紹介します。 Pure CSS Coke Can 「displacement 」は移動、転置、置き換え、といった意味で、CSS1のbackground-attachmentとbackground-positionを利用して、スクロール時に画像の異なる部分を表示させています。 当初はコードの複雑さと巨大さでサイズが肥大化するだろうと思われていましたが、5KB以下のコードで実装できたそうです。 対応ブラウザはIE8, Fx3.5, Op10, Safari4, Chrome3で動作テストをしたとのことです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シングルモルトウイスキー山崎｜サントリー
トレビーノ® | TORAY
YouTube - BBmedia
Amazon.co.jp: 直感のブランディング ― 「普通」の人が「特別」を生みだした7つの物語(ストーリー): デイヴィッド・ヴィンジャムリ (著), 佐野真一 (読み手), 上原裕美子 (翻訳): 本
[CSS]CSS3の新機能を盛り込んだナビゲーション集
Amazon.co.jp: 忘れてしまった高校の数学を復習する本: 高校数学ってこんなにやさしかった!?: 柳谷晃: 本
Amazon.co.jp: 忘れてしまった高校の確率統計を復習する本: 湯浅弘一: 本
http://japan.internet.com/busnews/20100127/7.html