似たようなツールは他にもあるが、シンプルで使いやすそうだったのでご紹介。 Unused CSSを使えば、使われていないCSS設定がどこにあるかを教えてくれる。 使い方は簡単で、チェックしたいサイトのURLを入力するだけだ。 すると、どのCSSファイルにどれだけ不要な設定が入っているかを教えてくれる。また、不要な設定を排除したCSSをダウンロードできたりもする。 サイトの開発がながびくと不要な設定も増えていくことだろう。こうしたツールをうまく使ってサイトの最適化をはかりたいですな。
![使われていないCSS設定があるか教えてくれる『Unused CSS』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/abee3989e8e47604b16b92896e1ad079cd6b24ed/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201101%2F09_logo.gif)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
発注/調達 † 値切ってはいけない 2009.3.6 確かに,プロジェクトには予算が決められており,その予算の枠内でやり遂げる必要がある。どうしても予算と見積もり金額が合わない場合には,入念に価格交渉を行い,発注者と受注者の双方が金額の妥当性について合意した上で確定させるべきなのだ。 そのためには,PMは出てきた見積もりを査定する能力が必要であり,かつ高い折衝能力が必要である。 はじめてのRFP 2008.2.4 調達用語 RFP,SLCP,SPAとか RFP(Request For Proposal:提案依頼書) SLCP−JCP98:Software Life Cycle Process - Japan Common Frame 1998 SPA(Software Process Assessment)
地域の小さなお店や経営者がWebサイトを使って集客を行う際に する事、Tipsを挙げてみます。あくまで一例ですが、Webサイトの 露出から集客(コンバージョン)に至る為の施行をリストにしてみました。 今日の記事はターゲットが地域依存性の高い業種にしています。 普段から良く書くSEOの記事ではなく、個人が行うブランディングのヒントです。 内容はかなり泥臭い方法になっていますので、クール且つスマートに仕事したいモテモテな貴方は今すぐ立ち去るがいい。 SEO効果は付加価値として付いてくるでしょう。 1・サイトマップ送信xml形式のサイトマップをGoogleとYahoo!に送信し、より確実にクロールをして貰います。これはWebマスターの基本です。個人的にはxml-sitemaps.comが最も使いやすい印象です。sitemapの記述法に関してはGoogleのヘルプをご覧下さい。 いきなりブランディ
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
とか言っていても始まらないノシ。なので・・・ IE6でアクセスするとこんなモノが出るようにしました。 未だに仕事ではIE6に対応しなければならない。 がっつり疲れるのでもうIE6やめようぜ。ということで。 ie6-upgrade-warningがGoogleCodeにあったので日本語化してみた。vvv http://code.google.com/p/ie6-upgrade-warning/ まずは本体をダウンロードして下さい。 で、warning.jsをいじります。 var msg1 = "あなたがお使いのインターネットエクスプローラーはもう古い製品です。"; var msg2 = "ここに主要なインターネットブラウザの最新版をリストアップしました。セキュリティーのためにも新しいブラウザをインストールしてご覧下さい。"; var msg3 = "アイコンをクリックするとダウンロードページ
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて18 Free Text Editors To Clean Up Your Codeのタイトルのもと、18のテキストエディタを紹介している。クロスプラットフォームで動作する無償のプログラムにフォーカスしているが、WindowsとMac OS X専用のもの、無償版が提供されている有償プロダクト、Webアプリケーションも取り上げられている。18 Free Text Editors To Clean Up Your Codeで紹介されているエディタは次のとおり。 クロスプラットフォームエディタ Amaya (WYSIWYG Webエディタとブラウザの双方の機能を備えたツール。メジャーブラウザがサポート
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜~日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました(コメント参照) ※2009-06-17 RewriteCondから [NC] 条件を削除しました(コメント参照) ※2009-06-16 Retry-Afterの記述をGMTに変更しました(コメント参
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを1アクションで全て隠します。
ウェブ開発者にとって欠かせない技術をまとめた1枚の画像です。 約20年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。 拡大図 以下にいくつかピックアップしてみます。
ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。 simple-page-peel-effect-with-jquery-css 全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。 詳しくは以下 ■sexy-curls-jquery-plugin ■jquery-page-peel-12 ■pcandweb-page-peel-for-wordpress ■wordpress-page-peel-plugin RSSや広告など特に見せたい部分注目させたい部分を埋め込むことが多いみたいです。
テンプレートファイルのカスタマイズで使えそうなソースのサンプルをつらつらと書き散らしてみる。その2はこちら。 タイトルの文字数制限 一定数以上のタイトルを省略(抜粋)する。 下記サンプルだと10文字まで拾って以下を三点リーダにしています <?php $title= mb_substr($post->post_title,0,10); echo '<h1>'.$title.'…</h1>'; ?> 検索キーワードとヒット数の表示 search.phpとかに入れると結構見栄えがいい。 <?php $allsearch =& new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; if($count!=0){ echo '<em>'.$key.'</em>
はじめに: 自己紹介 マクラケン直子(Nao) 所在地 福岡出身/米国ミシガン州在住 略歴 2003-2005 Webデザイナーとしてフリーランス活動 現在 Campbell-Ewald にてUI制作に携わる WordPressとの関わり ユーザー歴 約3年 (http://detlog.org/) 著書「WordPress標準ガイドブック」(10月2日発売) 今日はこんなことをやります WordPressについておさらい 第一部: WordPress スピードクッキング 第二部: シェフの技を学ぶ 次のステップ&おまけ WordPressについておさらい WordPressって? PHPとMySQLを使ったCMS オープンソース、GPLライセンス インストール型ブログツールとして世界No.1のシェア 数百種類のテーマ&プラグイン 国際化に対応 — WordPress ME
WordPressでカスタムフィールドというものがあるのだが、どうも使い方がよく分からない 色々調べた所、「the_meta() テンプレート・タグ」で表示させる事ができるようだが プラグインを入れているので余計なものまで表示されてしまう Get Custom Field Valuesというプラグインを見つけたので、覚え書きメモ ・カスタム・フィールドの表示 各投稿のカスタム・フィールドを表示するには、the_meta() テンプレート・タグを使用する。 ・カスタム・フィールドの値を得るには メタ値を得るには get_post_meta() 関数を使用する: get_post_meta($post_id, $key, $single); $post_id - メタ値を取得する投稿のID番号。投稿のID番号を得るには $post->ID もしくは the_ID() 使用する。 $key -
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く