[B! web制作][tips] world_standardのブックマーク

IEだけに適用されるHTML「条件付きコメント」の使い方

こんにちは、さちです。ウェブサイト制作の経験がある人には有名な話なんですが古いバージョンの Internet Explorer（以下：IE）はウェブサイトの表示で特殊な挙動，未実装の問題がありサイトを作る時に、別途 IE 対策が必要です。そこで今回は IE だけに適用される HTML を記述できる「条件付きコメント」の使い方についてまとめていきます。「条件付きコメント」とは？「条件付きコメント」は IE だけが解釈できる HTML コードです。構造は下記のようになっています。  最初に、<!--[if IE 7]> で適用する IE のバージョンを指定。例では、[if IE 7] なので閲覧者のブラウザが IE7 の場合に適用します。次に、適用内容を HTML 形式で記述。最後に

world_standard 2015/06/10

リンク

HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」 - かちびと.net

Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Markup

world_standard 2013/03/01

オフライン版でこういうの、ないかなぁ

リンク

フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 | Web | position: absolute;

斉藤さん（@cssradar）が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳しておきました。ほとんど邦訳するということがないのでおかしい部分などありましたらご指摘頂けると幸いです。各内容の詳細については訳していません。本文とサンプルのソースを見れば大体わかると思います。また、Gistにも置いています。 20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know Link outlines / highlights are misaligned on the Kindle Fire リン

world_standard 2012/11/29

リンク

CSS の書き方についてのメモ | Unformed Building

どんな感じで書けば楽できるかとか、後から修正しやすいかとか、そんなことです。ボタンのスタイリングを例に、自分の通った道を追ってみます。今回使う HTML は次のようになっています。 <div class="buttons"> <button class="edit">Edit</button><button class="publish">Publish</button><button class="delete">Delete</button> </div> これを CSS でスタイリングしていきます。 1. とりあえず個別指定こんな極端な書き方する人はあまりいないでしょうけど、例として。 .edit { margin: 0 5px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; widt

world_standard 2012/09/27

リンク

[SEO]10分でできる、あなたのウェブページが検索エンジンにきちんとインデックスされているかどうか | コリス

あなたが作成したページがGoogleなどの検索エンジンになぜインデックスされないのか、なぜランキングされないのか、ペナルティを課せられていないか、重複コンテンツの問題はないかを確認できる方法を紹介します。 10-Minute Missing Page Audit [ad#ad-2] 下記は各ポイントを意訳したものです。各見出しの左は時間の目安です。 [0:00-0:30]インデックスの確認（ドメイン）サイトがGoogleにインデックスされているか確認します。フォームに「site:」コマンドを使用して、検索してください。コマンドを使用する時はルートのドメイン名（site:example.com）を入力してください。 [0:30-1:00]インデックスの確認（ページ）次に、ページがインデックスされているか確認します。前述の結果、Googleがそのサイトの存在を知っていると想定し、問題の

world_standard 2010/08/23

リンク

WordPressを安全に運営するための10のTips | コリス

noupeのエントリー「Wordpress Security Tips and Hacks」から、WordPressを安全に運営するための10のTipsを紹介します。 Wordpress Security Tips and Hacks 追記： 2008年2月20日 9の「FilesMatch」の記述を修正しました。併せて「FilesMatch」の関連リンクを追加しました。タロタローグブログさん、ありがとうございました。全てのユーザーにサーバー全部の検索を許可しない。「search.php」で下記の検索コードは使用しない。 <?php echo $_SERVER ['PHP_SELF']; ?> 代わりに下記のコードを使用する。 <?php bloginfo ('home'); ?> 「wp-」がついているフォルダをサーチエンジンなどに登録されないように、「robots.