レスポンシブWebデザインのサイト設計・実装・確認に役立つツールとリソースのまとめA Simple Device Diagram for Responsive Design Planning 和訳：スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか 各デバイスのサイズ一覧を踏まえ、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのがよいか。PSD素材付き。
スマホ最適化でやったこと
※Androidでアクセスされた方は使用感をいただけると幸いです。 （サイトトップ） 先日簡単なエントリで書いてますが、今まではてなダイアリーにエントリを書いてまして、やはりデザインの限界などがありWordPressに移行しました。 同時に、基本的なスマホ最適化もおこなっています。 ようやく自分のサイトでスマホ最適化ができたので…ということでのエントリです。 ちなみに、このサイト自体はまだまだ作りかけでして… そもそもサイトの構成がちゃんと考えられておらず、かなりいろいろ行き届いてないサイトです（笑） （IE系ではちゃんと表示されません…そのうち手入れします。すみません） どちらかというと、スマホ最適化でのユーザーインターフェースに重きを置いてのエントリとなります。 では、以下にスマホ最適化でおこなったことをまとめてみました。 （ちなみに対象としているスマートフォンはiOSデバイス（iPh
WordPressで作ったサイトを最適化するためのrobots.txt
WordPressで構築している当サイトのrobots.txtを見直そうと思い、参考にした記事をいくつか紹介します。 How to Write WordPress robots.txt for SEO robots.txtファイルは、ウェブを探し回る検索エンジンのロボットに制限を与えるものです。 参考：A Standard for Robot Exclusion ロボットは自動化されており、サイトのページにアクセスする前に、そのサイトにrobots.txtファイルの存在を確認します。 WordPressにとっては、たとえば管理系のファイルなど検索エンジンには必要ではないコンテンツをもっているため、robots.txtの設置は大切です。また、WordPressで生成したページはカテゴリフォルダ、毎月のアーカイブ、タグ一覧など複数のページから同じページを見つけることができます。Googleはコ
起動のイライラもこれで解消！ Win起動プロセス最適化ソフト『Soluto』 | ライフハッカー・ジャパン
Windowsのみ：PCを起動するとき「遅いな～」と、イライラすることはありませんか？ しかし、どのアプリケーションが起動スピードを遅くさせているのかは、結構わかりづらいもの。そこで、起動プロセスを最適化するためのソフトウェア、『Soluto』が登場しました。 「アンチフラストレーションソフトウェア」と銘打ったこのソフトは、以下のコンセプト紹介動画でも述べられているとおり、システム起動プロセスでの全てのアプリケーションを追跡し、どれがスピードダウンの原因かを、バッチリ特定してくれます。 『Soluto』をインストールし、PCを再起動すると、起動プロセスの間、各プロセスを追跡し、どのプロセスにどれだけの時間がかかったかをリスト化。また、プロセスを「No-brainer（不要）」、「Potentially removable（不要かも）」、「Required（必要）」の3つのグループに分け、ど
Windows起動プロセス最適化ツール『Soluto』を導入したら起動時間が18秒短縮された件… - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
ソーシャルメディアを意識したWordPress必須プラグイン | WordPress (Mu) & BuddyPress Tips
photo credit: Marc_SmithWordPressに必須のプラグインとか、WordPressでサイト作ったらやることなんて今まで何度も目にした方もいると思いますが、このサイトを作る（作った）時にやったことや利用したプラグインを紹介します。ソーシャルメディア最適化 SMOTwitterアカウントを作る（オプショナル）最近だと@anywhereプラグインを導入してTwitterとの連動性を高めることもありTopsy（オススメ）やTweetmemeボタン、場合によってはDiggやGoogle Buzzプラグインを入れる（一つのプラグインで全部やりたい時はDig Dig）Facebookページを作る（オプショナル、Likeボタンの設置とか）feedburnerのSocialize機能を使ってリアルタイムでTwitterを更新する（WordPressのプラグイン使うよりも便利）サーチ
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！