lightwillのブックマーク / 2015年9月24日

lightwill id:lightwill

2015年9月24日のブックマーク (5件)

Twitter Cardsの設定！ツイートされた時、概要、アイキャッチを表示する方法
Twitter Cards のプロパティ Twitter Cards のプロパティについて少し解説したいと思います。もっともよく使われるであろう「Summary Card」も例に挙げて解説してみます。プロパティサイトを複数人で運営している場合は、twitter:creatorを使うといいでしょう。 Getting Started with Cards | Twitter Developers Summary Cardのプロパティ Summary Cardにはどういったプロパティがあるか確認してみましょう。下記のリンク、Twitter DevelopersのTwitter CardsからSummary Cardを開いて、下へスクロールするとプロパティの表があります。Requiredが「Yes」の項目は必須のプロパティです。 Summary Card | Twitter Develope
lightwill 2015/09/24
リンク
<meta name="robots">の使い方 | デジタルマーケティング研究所
この記事をご覧いただいている皆様へ。このページは、SEO情報ブログ「ディーエムソリューションズの社員が作った、【SEOまとめ】」にて公開されていた記事であり、2014年12月にデジタルマーケティング研究所へ統合されました。 <meta name=”robots”>は<head>内に記述することで検索エンジンにさまざまな指示を与えることができるタグです。大きく分けると、以下のような用途があります。該当ページのインデックス拒否該当ページのキャッシュ拒否該当ページからリンク（PageRank）評価を受け渡すことの拒否有力ディレクトリ登録文をスニペット（SERPsの説明文）に流用することの拒否該当ページのインデックス拒否以下のように記述することで、そのページのインデックスを拒否することができます。 ※このページで記述しているサンプルは全てHTML4.01もしくはHTML5用のものです
lightwill 2015/09/24
リンク
Googleが推薦するHTMLとCSSのコーディング方法
2012年7月12日のGoogle ウェブマスター向け公式ブログの記事「HTML と CSS のコーディングガイドライン」で紹介されていた「Google HTML/CSS Style Guide」に書いてあるコーディング方法と感想を紹介します。 Google HTML/CSS Style Guideの日本語翻訳 Google HTML/CSS Style Guideは英語なのでGoogle Chromeで翻訳して確認していたんですが、すでに翻訳してあるサイトがあったのでこちらも参考に両方を見て確認していきました。 Google HTML/CSS Style Guideを翻訳してある記事「Google HTML/CSS Style Guide」を適当に和訳してみたは、かなり助かり参考になりました。それではGoogle HTML/CSS Style Guideに書いてあるHTMLとCSSのコ
lightwill 2015/09/24
リンク
PHPのmb_convert_encodingを使って文字コードを検出する方法
- 3 users
- dwm.me
- 学び
読み込んだ文字列の文字コードがわからない場合はどうすればいいか？次の方法を試してみたら、うまく行きました。PHPには文字コードを変換してくれるmb_convert_encodingという関数があります。元の文字コードがわからなくても自動判別をしてくれるようになっているんですが、それでうまく判別できない時に mb_convert_encoding 関数を利用して、文字コードを調べる方法です。 PHPには文字コードを変換してくれるmb_convert_encodingという関数があります。元の文字コードがわからなくても自動判別をしてくれるようになっているんですが、それでうまく判別できない時に mb_convert_encoding 関数を利用して、文字コードを調べる方法です。 mb_convert_encoding 関数 string mb_convert_encoding( $str, $
lightwill 2015/09/24
“mb_convert_encoding($str, $charcode, $charcode) == $str”で同じなら判定
リンク
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。いろいろ調査した結果、以下の考え方で理解できると思う。まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。次にviewportを実際の液晶画面に表示する。この時、view
lightwill 2015/09/24
スマホ対応のときはviewportを設定するとよい
リンク
- 2015年9月25日
- 2015年9月24日
- 2015年9月23日