No-JS fingerprinting
No-JS fingerprinting Fingerprinting is a way of identifying browsers without the use of cookies or data storage. Created using properties like language and installed fonts, your fingerprint stays the same even if your browser is in incognito mode. This demo further illustrates that fingerprinting is possible — even without JavaScript and cookies. To verify this, disable JavaScript and cookies, the
ウェブサイトがJavaScriptとCookieなしで個人を追跡する方法が一発で理解できる「No-JavaScript fingerprinting」
「フィンガープリント」とは、JavaScriptやCookieなしでウェブサイトのユーザーを識別するための固有識別子で、ユーザーの属性・行動・興味・関心といった詳細な情報をもとにマッチする広告を表示するターゲティング広告に用いられます。そんなフィンガープリントが、JavaScriptやCookieを使わずにどうやってユーザーを特定しているのかがよくわかるサイト「No-JavaScript fingerprinting」が公開されています。 No-JavaScript fingerprinting https://noscriptfingerprint.com/ 今回はGoogle ChromeからNo-JavaScript fingerprintingにアクセスしてみます。アクセスする前に、JavaScriptを使用しないようにあらかじめブラウザから設定しておきます。Chromeの右上にあ
Code Sketch
Code Sketchは2014年5月から始めたCodePenで書き残してきたJavaScriptによるスケッチの記録です。 Code Sketch is the collection of the sketch with code, Javascript on CodePen from May 2014.
リアルタイムで表情トラッキングしてLive2Dキャラになりきる！【Live2D_2014】
リアルタイムで表情トラッキングしてLive2Dキャラになりきる！【Live2D_2014】 この作品は「Live2D Creative Award 2014」インタラクティブ部門のコンテスト応募作品です。 顔の表情をリアルタイムにトラッキングした情報をつかってLive2Dで制作された２次元キャラクターになりきることができます。 使用アプリケーション - Live2D - Unity - FaceShift Studio BGM ♪cheap techno pop for iPhone mini-game/koujiro-seo https://soundcloud.com/koujiro-seo/techno-pop-loop-sample1 開発：@_somtd, @asus4 声：@i_magawa http://www.nicovideo.jp/watch/sm236856
JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict
fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。 古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか？そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。 最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している
「数学の概念」を視覚的かつ美しく表現したグラフィックいろいろ
「数学の美しさ」というものは、数学を深く理解することで初めて得られる感覚と言われます。美しさが伝わると数学嫌いも少しはマシになるのかもしれませんが、数学嫌いの人にはそもそも美しさを伝えることができないということで、歯がゆい思いをしている数学愛好家は多いもの。そんなときに便利な、「数学の概念」を視覚的に理解できるグラフィック集は以下の通りです。 soft question - Visually stunning math concepts which are easy to explain - Mathematics Stack Exchange http://math.stackexchange.com/questions/733754/visually-stunning-math-concepts-which-are-easy-to-explain ◆01：奇数の和 奇数の和が平方数にな
Face substitution
This is a demo of face substitution using the javascript library clmtrackr. Keep your face still until the facemodel has fitted and try out different masks from the dropdown. Note that the face substitution works best with good, even lighting. The demo also needs support for WebGL, and works best in Google Chrome. The demo was inspired by Kyle McDonald & Arturo Castro's face substitution, and incl
Documentation - JavaScript InfoVis Toolkit
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
Original Hover Effects with CSS3 | Codrops
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example. The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative wa
CSS3アニメーションの基本的な実装例のまとめ
CSSのプロパティ一つに対して、値を二つ（開始と終了）変更し、さまざまなCSS3アニメーションの基本的な実装例を楽しめるデモサイトを紹介します。 LeaVerou / animatable デモページ [ad#ad-2] デモページを楽しむには、Chrome, Safariで閲覧ください。 Firefoxでは一部動作しません。 アニメーションのスタートは、2つあります。 マウスオーバーで一つ一つのアニメーションがスタート アニメーションが全部同時にスタート 全部同時にアニメーションをスタートさせるには、「Animate all」ボタンをクリックします。 全部同時にアニメーションすると、何がなにやら分からない状態にw [ad#ad-2] 下記に数多くあるデモから、いくつか紹介します。 デモの下にある「background-color」などは、そのプロパティの値を変更してアニメーションしている
How to Visualize Data Beautifully With the Chart.js Library
Creating charts that look presentable can be a bit of a pain. Most often, web designers or developers use graphics to display data using Photoshop or Illustrator, which may take a lot time to be done. Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW Visualization of Data With Chart.js – Tutorial The Chart.js library is one of the gre
Apple - Safari - Introducing Safari 4 - See the web in a whole new way
Safari is the best way to experience the internet on all your Apple devices. It brings robust customization options, powerful privacy protections, and optimizes battery life — so you can browse how you like, when you like. And when it comes to speed, it’s the world’s fastest browser.1 Learn how to make Safari your default browser With a blazing-fast JavaScript engine, Safari is the world’s fastest
拡張現実は広告に埋め尽くされる？（動画）
一見ポップで便利だけど、相当うっとうしい近未来像です。 現在拡張現実といえば、コンピューターがユーザーのいる環境の周りのものを認識して、ユーザーに便利な情報を現実の上に載せてくれるというものですね。でもそれが今後、バーレット建築学校在学中のケイイチ・マツダさんの描くように、広告ドリブンに染まってしまったとしたら？ 無数の広告だらけの視野と音声。｢広告レベル｣を下げれば音声が消えて広告画像が減り、背景がキッチンであることがわかりますが、それでも広告だらけ。｢広告レベル｣を調節するときには広告閲覧の金額換算値らしきものが表示されてます。 レシピを簡単に調べたり（でも｢紅茶の作り方｣は調べないかも）、もろもろ新着情報をパっとチェックできたり、冷蔵庫の中身を管理してくれるのは便利ですが、きっとこういうユーザー情報も広告のターゲティングに使われるんでしょうね。 このビデオは、ケイイチ・マツダさんの建
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Townscaper
ELYZA DIGEST
Dolby Atmos Visualizer Music - Dolby - Dolby
Engadget | Technology News & Reviews
[CSS]ユーザーを楽しませる気持ちいいエフェクトがたくさんあるCSS3のデモサイト -CSS3 Playground
IDEA * IDEA
TechCrunch | Startup and Technology News
