タグ

2012年10月8日のブックマーク (4件)

  • HTMLにimgタグで書くべき画像、CSSで表示させるべき画像 | アユダンテ株式会社

    imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。 なんでimgタグをHTMLから削るの? HTMLではなくCSSで表示させるべき画像 なんでimgタグをHTMLから削るの? imgタグをHTMLに設置する場合、表示させる画像のパス(URI)や代替テキスト(alt属性)の設定など、意外と文字数をうタグだったりします。 特に画像が大量に表示される商品一覧ページなどのHTMLを見ていただくと、imgタグだけでけっこうなボリュームがあるのがわかると思います。 文字数はそのま

    HTMLにimgタグで書くべき画像、CSSで表示させるべき画像 | アユダンテ株式会社
    VoQn
    VoQn 2012/10/08
    「HTMLのファイルサイズが減る」と言っても、HTML から CSS に文字列が移るだけだし、表示される画像のファイルサイズ変わんないし転送量だって変わんないですよ… / 装飾の画像が文書から減るのは好ましいけれど
  • Facebook、偽名を使うユーザーの調査を打ち切る

    ※この記事は社サイト「Naked Security」掲載の記事を翻訳したものです※ by Lisa Vaas on September 26, 2012 Facebook は、サイト内で別名を使う友人を報告するようにユーザーに求める調査を打ち切りました。 実名のプライバシーをめぐる騒動は、あるユーザーが Facebook によるこの調査のスクリーンショットをツイートしたことをきっかけに始まりました。Facebook はユーザーに対して友人のアカウント名、プロファイルの写真、および地域を提示し、その友人のユーザー名が実名であるかどうかを質問していました。 Facebook に友人が実名を使っているかどうかを聞かれたら、あなたならどう答えますか? Facebook が TPM に認めたのは、数か月間にわたって友人のユーザー名に関する調査の実験を行っていたという内容でした。しかし調査の規模、期

    VoQn
    VoQn 2012/10/08
    "女性であることを示唆するユーザー名を使用すると、男性に比べてオンラインでいやがらせを受ける頻度が最大で 25 倍も高くなります"、うわぁ…
  • はい on Twitpic

    Embed this Photo Copy & paste this code into your website <a href="http://twitpic.com/b1zfl4" title="はい on Twitpic"><img src="http://twitpic.com/show/thumb/b1zfl4.jpg" width="150" height="150" alt="はい on Twitpic"></a>

    VoQn
    VoQn 2012/10/08
    僕の場合、圧倒的にこの「外野の目」ばっかりで声かけてくれる人ほとんどいないんですよね…
  • XSSを放置してたら数十分でサイトのデザインが出来上がってた件 | まだ半分残ってる + しょーゆ日誌

    作ってたオンラインゲームの通信部分らしきものがなんとなく出来上がったので、適当にチャットもどきを作り上げて公開してま(す|した)。 ここです http://osyoyu.com/client/ ところで、WebSocket+MessagePackを使った通信が実装できたことで嬉しくなって、XSS対策とか忘れてました。 そこに目をつけた @kyonfuee さんがjQueryを実行しまくってデザインしてくれました(!?) ありがとうございます!! before (お世辞にも良いデザインとは言えない): after: っていう感じになってました。気づかないうちに簡素なページが豪華になってました。感動…!! あと誰だ愛理をbackgroundにしたの。次からはできればロリっ娘でお願いします。 結論: XSSは積極的に放置して行け あ、最終的には em-websocket がバグって死んだっぽいの

    VoQn
    VoQn 2012/10/08
    オープンソースデザイニングの世界…