タグ

ブックマーク / developer.hatenastaff.com (2)

  • 少しずつアクセシビリティ意識する - Hatena Developer Blog

    こんにちは、アプリケーションエンジニアの id:nanto_vi です。はてなでは週 1 回、エンジニアとデザイナーが参加する社内勉強会が開かれています。その勉強会にて「少しずつアクセシビリティ意識する」という発表を行ったので、発表資料を公開します。 なぜするの? 何をするの? とりあえず何をするの? 例: テキストラベルを付与する アイコンフォントを使った例について (2017-08-30 16:00 追記) 例: キーボードで操作できるようにする 例: キーボードで操作している場所が分かるようにする 例: マウスホバーでもタブ移動でもメニューが開くようにする 例: 文字を読みやすい色にする 例: 入力手段を限定しない 終わりに なぜするの? コミュニケーションや、情報との出会いの機会を増やすことで、社会を豊かにします ミッション - 株式会社はてな 事業者は、その事業を行うに当たり、(

  • はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog

    こんにちは、id:hakobe932です。はてなブログではユーザ体験の改善のために、ページ表示速度を向上させるための様々な取り組みを行っています。このエントリーでは、はてなブログで行っている、ブラウザキャッシュの活用、JavaScriptのページ最下部での読み込み、JavaScriptの圧縮、という3つの取り組みについて解説します。 ブラウザキャッシュの活用 同じ内容のJavaScriptCSSを、ページを表示するたびにダウンロードすると、余分なHTTPリクエストが発生しますし、読み込み時間がかかります。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 $ curl -I http://hat

    はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog
  • 1