Webアプリのパフォーマンス改善をWeb標準で行う方法、まとめ - ふろしき Blog
「HTML5 Advent Calendar 2013」の24日目の記事です。 Webアプリのパフォーマンス改善と言えば、JavaScriptやDOMアクセスなど、既存の技術ベースな改善手法を想像する方も多いでしょう。最近では、こうした改善のあり方を、別の視点からもう少し広げようというアイデアが存在感を持ち始めています。それは「Web標準」です。 そこで今回、Web標準側でできるWebアプリのパフォーマンス改善について、掻い摘んで紹介します。全てを説明となるとキリがないので、キーワードを中心とさせて頂きます。最近になって、結構実用化が進んできているので、悩んだ時には試してみる価値はあるでしょう。 1. リソースを先に読み込む linkタグにてURLなどを指定することで、これから先に読み込ませる可能性が高いWebページのリソースを予め読み込むWeb標準があります。ニュースサイトでは次のページ
SVG と背景色を使ってサイズやカラーが自在な汎用性のあるアイコンボタンを作る
SVG によるアイコンデータと CSS による背景色の指定を組み合わせてサイズやカラーを自在に変更可能なアイコンボタンを作るお話。あわせて主要 Web サービスのロゴデータを SVG で用意する方法や注意点なども。 透過 GIF や PNG 画像に背景色を組み合わせることでアイコンボタンのカラーバリエーションを簡単に作るっていうやり方は昔からありますが、これを SVG （Scalable Vector Graphics） でやることでサイズ変更にも対応しやすいやつを作るっていうお話。 手法的には目新しいことは何もありませんが、この前この Blog のデザインをリニューアルしたときに視覚的に左側サイドメニュー上部 （スマートフォン表示だと隠れてると思いますが） にある 「Follow」 メニュー部分で使ったので紹介。 やってることは簡単です。白抜きにしたい部分をそのまま白色、背景は透過するよ
ダイオウグソクムシ№１の解剖（画像注意） | 鳥羽水族館 飼育日記
大雪の2月14日、長年の絶食で話題になっていたダイオウグソクムシNO.1が死亡しました。 絶食6年目に突入した矢先のことでした。 2007年9月の入 館 時の体重1040ｇに対して、死亡時の体重が1060ｇ…食べていないのに何故か体重は減少していません。 …？ （画像注意） 死亡確認直後に解剖したところ、固形の未消化物は全く確認できず胃の内部は淡褐色の液体で満たされていました。 腹腔内の多くのスペースを占めているのが消化管（胃）です。 胃を含めた消化管全体に炎症、変色部位は認められず、これまで解剖したどの個体よりも状態が良いように見えました。 また、これまでの個体と比較しても特に軟組織の削痩（痩せ）は認められませんでした（餓死ではない？）。 歯がゆいですが、直接の死因は現在のところ不明です。 胃内部を満たしていた液体の量は約130㏄, ＰＨ7.2, 海水に比べるとそれほど塩辛くありませんが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
