ブラウザのキャッシュ - Carpe Diem
概要 Webフロントのパフォーマンス診断 - Carpe Diem で指摘されたブラウザキャッシュの対応をするため調べてみました。 大きく分けて強いキャッシュと弱いキャッシュの２種類のキャッシュがあります。 強いキャッシュ ブラウザ側でリソースを保持し、期限が切れるまでサーバにHTTPリクエストを発行しません。 なので一度ブラウザにキャッシュされるとサーバ側からハンドリングすることができなくなります。 これを設定する方法は Cache-Controlヘッダー Expiresヘッダー の２つがあります。 Cache-Control: max-age サーバからのレスポンスで以下のようにCache-Controlヘッダーを付けます。 Cache-Control: max-age=3600 このヘッダーが付いたリソースはブラウザ上では強いキャッシュとして残ります。 max-ageは秒数なので、こ
Nick Jones - Freelance Design, Prototype and Code
This portfolio is a glimpse at the way I design and prototype in code. Design something familiar, program it to do something unexpected, make sure people feel something. Available for the right project. The set of book covers Tyler Thompson designed for Stripe Press are among my favorite design artifacts. Bringing the books to life in 3d with him and Stripe friends was some of the purest joy of my
アクセシビリティに配慮してアイコンフォントを使う - Qiita
アイコンフォントis便利 FontawesomeやIcoMoonといったアイコンフォントは、ベクターデータをフォントとして扱えるためとても便利です。 アクセシビリティ問題 しかし、アイコンフォントをそのまま使ってしまうとアクセシビリティ的にはよろしくない。 具体的にはスクリーンリーダーでサイトを読み上げながら閲覧しているユーザーにとっては、アイコンが登場する度に意味不明な情報を聞かされることになってしまいます。 もしアイコンがいくつも並ぶようなページでそのようなことになったら、ユーザーにとっては苦痛でしかないですよね。 コーディングによるソリューション ではどうするか。例えば上記画像の「Download」ボタンのアイコンをFontawesomeを使用し実装するとき、以下のようにHTMLコードに一手間加えることで問題を解決出来ます。
I decided to disable AMP on my site - Tech TLDR;
Table of Contents My Issues with AMP As a Publisher My Issues with AMP as a User Scrolling sucks Sharing links is hard AMP content is usually butchered AMP is not optional for users Why I Enabled AMP on my site in the first place It is spreading Users don’t need AMP Please speak up I have a long history with Google’s Accelerated Mobile Pages (AMP) project, but yesterday I drew the final straw. I w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
