[B! *design][html] noriakyのブックマーク

タブ切り替え式デザインを推奨しない理由はSEOではなくUXの観点からだった

[対象: 中級] URLが変わらないタブ切り替え型のページでは初期状態で選択されていないタブに隠れているコンテンツは無視されるかもしれないという情報を昨日の投稿で伝えました。しかし背景や前後関係が不明だったので本当にそうなのかどうかの結論を出せませんでした。この発言をしたGoogleのJohn Mueller（ジョン・ミューラー）氏から詳しい説明をもらえたので今日の投稿でフォローアップします。以下、ジョンさんからの説明の日本語訳です（原文は記事の終わりに転載します）。状況による。適切な経験則からすると次のようになる — タブに隠れているコンテンツのために特にあるいはそのコンテンツのためだけにユーザーがやって来たのなら、最初の状態でもっと発見しやすくもっと見やすくしておきたいと思うはずだ。タブにあるコンテンツがただの“おまけ”の情報の場合、たとえば一般的な情報を載せている製品ペー

noriaky 2012/12/13

リンク

CSS： marginの正しい理解 - kojika17

toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。「marginはバグが多い」という声をたまに聞きます。しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸

noriaky 2012/08/28

いやぁ、書かないと忘れるよね。

リンク

iPhoneやiPadでHTMLのソースを見るブックマークレット『i-sourceview』 | KUMALOG

i-sourceviewというのをGAE/Pythonでつくってみました。 iPhoneやiPadでHTMLのソースを見るのつくった – Webtech Walker iPhoneやiPadのSafariでHTMLのソースを見ることができるブックマークレットが便利そうだったのでメモ。他にもこういうブックマークレットが存在した気がしますが、今回紹介するものはシンタックスハイライトの機能があるのでオススメです。 i-sourceviewの登録はコチラからi-sourceview 使い方などi-sourceviewにはJS版とServer版の2タイプがあります。JS版とServer版の特徴は以下の通り。 JS版 JSのdocument.documentElement.outerHTMLでHTMLを取得するJSでDOMが書き換えた後のソースが取れるXML宣言やDOCTYPE宣言が取れない認証がか

noriaky 2012/04/26

リンク

HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース

HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできることまずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「