タグ

2013年9月24日のブックマーク (2件)

  • 背景画像の明暗に合わせて文字色を自動変更できるようになるJavaScriptライブラリ『BackgroundCheck』 - あのねノート。

    2013-09-24 背景画像の明暗に合わせて文字色を自動変更できるようになるJavaScriptライブラリ『BackgroundCheck』 Web BackgroundCheckの紹介 BackgroundCheckは背景画像にオーバーラップされている文字色を見やすい色に変えてくれるJavaScriptライブラリです。 背景が暗い => 文字色: 白 背景が明るい => 文字色: 黒 となります。 デモをやってみた デモでは文字の背景が暗いところでは文字が白くなり、文字の背景が明るいところでは文字が黒くなrります。 BackgroundCheckを使ってみよう まずはCSS。背景色によって"background--ligtht"か"background--dark"というクラス名が追加されるので、その時のスタイルを追加してあげる。 p { color: white; } .p.back

  • モバイル対応Webアプリケーションのキャッシュ戦略

    近年、モバイルブラウザ上でアプリケーションを作るにあたり、JavaScriptでも不安定な回線上で動作する設計が求められるようになってきました。 ここでは、「オフラインファースト」をはじめとする、モバイルなどの回線が不安定な状況を想定したWebアプリケーション設計に関して、キャッシュ方法やよく使われるAPIなどを紹介したいと思います。 「オフラインファースト」とは2012年ごろから提唱されていた、「回線がオフラインになることを前提にアプリケーションの設計を行う思想」のことで、オフライン前提に設計することにより回線状況によらないサービス提供や、効率的な通信をベースにした高速な動作を目指すものです。 それではここからはキャッシュ方法とそれぞれ向いているコンテンツの紹介を行います。 読み込みデータのキャッシュ ApplicationCacheやlocalStorage、オンメモリキャッシュなどを

    モバイル対応Webアプリケーションのキャッシュ戦略
    temog
    temog 2013/09/24