フロントエンドチューニングの箇条殴り書き
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim（or 相当の処理）。 JPEGはプログレッシブで画質60くらい（オレ目安） PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
隠された HTML コメントを簡単に見る方法。 - 言語ゲーム
同僚の Ted Kaehler さんのアイデアをヒントに、HTML のコメントを表示するブックマークレットを作ってみました。 http://metatoys.org/unveil/ にある Unveil というリンクをブックマークバーにドラッグして使います。一度押すとコメントが表示され、もう一度押すと元に戻ります。サイトによっては、なかなか味わい深いコメントを見る事があります(Chrome, Safari, Firefox で確認済)。例えば、 asahi.com のように高校野球速報の指示が書いてあったり、 楽天トラベルのようにコメントの中に隠されたバナーや選択肢を見ることが出来ます。 コメントのような舞台裏を見るとなかなか背徳的な気分になるものです。HTML の開発時にも役に立つかもしれません。面白いコメントを見つけたら教えて下さい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers.
Primer