GitHub - rsmbl/Resemble.js: Image analysis and comparisonYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Rimg by joeyvandijk
A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code. Download .zip Download .tar.gz View on GitHub RIMG "Responsive-image" (RIMG) supports responsive websites to provide a way to optimize images (like CMS-content) in a simple and performant way. Pure Javascript, no server-side code and 2 lines of code (library + definition). The source of thi
RgbQuant.js Playground
Click an image to quantize it. Some will use config presets to improve quality. Palette will show the computed palette that's used for color reduction. Config values can be edited & re-processed via update. If lock config is checked, the visible config will be used for all updates and clicked images. Open the browser's console to see quant steps & timing details. This demo doesn't use Web Workers,
gif.js
Full-featured JavaScript GIF encoder that runs in your browser. Download & Docs on GitHub Usage var gif = new GIF({ workers: 2, quality: 10 }); // add a image element gif.addFrame(imageElement); // or a canvas element gif.addFrame(canvasElement, {delay: 200}); // or copy the pixels from a canvas context gif.addFrame(ctx, {copy: true}); gif.on('finished', function(blob) { window.open(URL.createObje
How Apple.com will serve retina images to new iPads « Cloud Four
Expert Web and Mobile design, development and strategy One of the more interesting questions raised by the new iPad and its retina display is whether or not web sites should deliver higher resolution images when there is no way to know the connection speed. AppleInsider found that Apple.com is being prepped to deliver high-res images and documented how you can test it in Safari on your desktop. As
GitHub - tuseroni/stegano.js: steganographic encoder and decoder for javascript
a javascript and HTML based steganography encoder/decoder. encoder.html takes a .png file as the cover and any file data file as the hidden data. the hidden data cannot be bigger than the width*the height of the cover image (in bytes) decoder.html takes an encoded png selected by the user and extracts the data from the image. the encoder uses a Pseudo-Random number generator seeded with a hash of
WebPJS - Google's new image format WebP for not supported browsers (with alpha-channel)
WebPJS Home Examples & Downloads Examples without WebPJS Libwebpjs Introduction libwebpjs first release libwebpjs 0.1.2 libwebpjs 0.1.3 NEW!!! libwebpjs 0.6.0 NEW!!! PIK in JavaScript Update!!! butteraugli.js Libwebpjs (lossless) Example WebM JavaScript Decoder Example --> Source Code Ogg Vorbis JavaScript Decoder Example --> Source Code
Román Cortés » 1k Rose
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo I’ve participated in the love themed 4th edition of js1k. My submission is a static image, a procedurally generated 3d rose. You can take a look of it here. It is made by Monte Carlo sampling of explicit piecewise 3d surfaces. I’m going to try to explain all a bit in this article. A short note on Monte Carlo meth
nude.js | Nudity detection with JavaScript and HTMLCanvas
About nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and return whether it's nude or not. The script only detects nudity, the rest of the programming logic (image swap/auto-save ;-) /whatever) belongs to the programmer. Update: First improvements and next steps of nude.js (Article) The real wor
Performance Comparison: document.createElement('img') vs. new Image()
When I was working on a script to preload images with JavaScript one of the decisions I had to make was whether to use document.createElement('img') or an image object to preload the image into. The recommended w3c method is to use document.createElement('img') as it is a consistent way to create elements. This is the method I used. But, I was wondering which performed better. So, I ran some tests
new Image() と createElement('img') の違い
think49 @think49 @azu_re new Image() の特徴。width, height を引数に取れます。HTMLImageElement を必ず返します。new Image() は常にグローバル参照になるので低速です。http://goo.gl/R2EN 2010-10-01 00:40:07 think49 @think49 @azu_re createElement の特徴。名前空間を指定できません。名前空間の存在しないXHTML文書(Documentのインスタンス)で createElement('img') すると Element を返します。 2010-10-01 00:40:24 think49 @think49 @azu_re document がローカル変数に格納されているなら、createElement は高速です。個人的には HTMLDocume
iPad の Safari には画像サイズ制限がある - hakobera's blog
iPad Safari image limit workaround | Adventures in Code Pixiv のランキングをスライドショーで表示する Seiga Show を作っていて、なぜか 45位以降の画像が表示されないことがたまにあって調べていたのだが、どうやらiPad の Safari では1ページあたりの画像サイズの合計が 6.5MB を超えると、それ以降の画像が表示できないという問題があるようだ。 2011/05/29 追記 iPad 2 では普通に表示できます。やはりメモリ容量の問題だったみたいです。 Pixivの画像が大体1枚 150k前後なので、150k * 45 = 6,750k となり、大体計算も合うのでほぼ間違いなし。 上記で紹介した記事では、HTML5 の Canvas の drawImage を使えば、この制限を回避できる、と書いてあり、サンプルペ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.blurjs.com/
http://www.pixastic.com/lib/
Learn web development | web.dev