画像に合った背景色を自動的に設定してくれるプラグイン「ADAPTIVE BACKGROUNDS」 | ライフハッカー・ジャパン
「ADAPTIVE BACKGROUNDS」は画像に合った背景色を自動的に設定してくれるJavaScriptプラグインです。たとえば赤い色の画像に対しては薄い赤色の背景色をつけたり、白が多めの画像には白に近い色を背景色につけることができます。プラグインを導入して画像にCSSを当ててあげるだけで自動的に色が決定します。 詳細は以下より。まずADAPTIVE BACKGROUNDSへアクセスしましょう。サイトの下部にデモが表示されています。 このように背景色が画像の色に近いものになっていることが分かります。これはこのプラグインが自動的に画像の色を判断し、適切な背景色を割り出してくれています。背景色を画像に合わせて変化させたいときに使えますね。ぜひ一度お試しください。 ADAPTIVE BACKGROUNDS （カメきち）
KADOKAWA、Twitterと協力しタイムライン上で電子書籍を閲覧可能に
7月2日、晴天に包まれたこの日の東京ビッグサイトで、国際電子出版EXPO／国際ブックフェアが開催された。基調講演が行われているのと同時間帯に、KADOKAWAがTwitterとの協力で、Twitterのタイムライン上で電子書籍が読める世界初のサービスを発表した。 Twitterのタイムライン上で電子書籍（EPUB）を閲覧できるようにするこの取り組みは、角川アスキー総合研究所がTwitter Japan協力の下で開発したもの。タイムラインに埋め込めるEPUBデータはサービスドメイン「tw-epub.com（Tw-ePub）」上にあるものが対象となる。月内をめどに、サイトへの埋め込みやページを指定した共有も可能にする予定だという。 EPUBビューワはいわゆるブラウザビューワが使われているとみられるが（jsファイルをみると『Light Epub Viewer』という名前になっており、それがMIT
かっこいい黒のリアルなカーテンっぽい背景画像をSVG描画できる「waterpipe.js」:phpspot開発日誌
Smoky Backgrounds Generator - waterpipe.js かっこいい黒のリアルなカーテンっぽい背景画像をSVG描画できる「waterpipe.js」。 次のような超カッコいい背景画像をパラメータをカスタマイズしてリアルに描画できます。 なんかCMっぽいですが、これをjsでやっちゃってるのがいいですね。 関連エントリ フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」 水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」 ベクターでレスポンシブな地図を描画できる「jQuery-Mapael」 フライトインジケータ表示用jQueryプラグイン「Flight Indicators」
[JS]画像を用意しなくていいから簡単！クリッカブルに対応した日本の都道府県の地図を表示するスクリプト -Japan Map
デモページ 2 Japan Mapの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="https://code.jquery.com/jquery-2.1.1.js"></script> <script src="jquery.japan-map.min.js"></script> </head> Step 2: HTML 日本地図を配置するdivをセットします。 <body> ... <div id="map-container"></div> ... </body> Step 3: JavaScript jQueryのセレクタで配置する場所を指定し、スクリプトを実行します。 <script> $(function(){ $("#map-container").japanMap({ on
すごい速度で文章が読めるようになる「Spritz」をウェブページで使用可能にするブックマークレット「OpenSpritz」
By Paul Watson 単語が目に飛び込んできてすごい速度で文章を読めるようになる「Spritz」という技術に着目したRich Jonesさんが開発したブックマークレットが、ウェブページのテキストをSpritz方式で表示させる「OpenSpritz」です。 Announcing OpenSpritz - A Free Speed Reading Bookmarklet - Gun.io https://gun.io/blog/openspritz-a-free-speed-reading-bookmarklet/ Spritzがどんな技術なのかは以下の記事を読めば分かります。 単語が目に飛び込んできてすごい速度で文章を読めるようになる「Spritz」 - GIGAZINE 「OpenSpritz」を使用するには、まずこのページへ飛び、「OpenSpritz this！」と書かれたアイ
JavaScript か CoffeeScript かで結果が変わるプログラム - 音の鳴るブログ
使い所皆無なんだけど、このプログラムは JavaScript だと "JavaScript" と評価されて CoffeeScript だと "CoffeeScript" と評価される。 { JavaScript: ["CoffeeScript"] }["JavaScript"][0] 検証用コード code = '{ JavaScript: ["CoffeeScript"] }["JavaScript"][0]'; // "CoffeeScript" と評価される eval(CoffeeScript.compile(code, {bare:true})); // "JavaScript" と評価される eval(code); こうしてしまうと、観察者効果でどちらでも "CoffeeScript" と評価されてしまう。 a = { JavaScript: ["CoffeeScript"] }
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JavaScript][IE] みんなが幸せになれるコード - Qiita![[JavaScript][IE] みんなが幸せになれるコード - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a49ef786ce0e12c746f789f1485689ab76b80cb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzc1NiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MDcwOD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9MDFkOGFhOTE2MTQ3OGI4M2QxYzRlNjU4YjM2MTZiZDc%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da9a8fa870a5ede15ce6ffc25b7485b6e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCU1QklFJTVEJTIwJUUzJTgxJUJGJUUzJTgyJTkzJUUzJTgxJUFBJUUzJTgxJThDJUU1JUI5JUI4JUUzJTgxJTlCJUUzJTgxJUFCJUUzJTgxJUFBJUUzJTgyJThDJUUzJTgyJThCJUUzJTgyJUIzJUUzJTgzJUJDJUUzJTgzJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MGRhMzZlYzhiYjRiOTdmNzFkYTgzOTBkOWZiOWFhZTI%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mNzA5ZDQyYTc3OGRkNzYxZDRkNmY1YjBiZDVhNWZmNw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df68d9e3265281840f7142c0928c3789d)
クレジットカード番号の入力を直感的にできる「Card.js」:phpspot開発日誌
http://www.playfuljs.com/demos/terrain/
Site Under Maintenance
http://plus.appgiga.jp/masatolan/2014/03/28/51357/