My website has a test suite with visual regression tests; screenshot different webpages and compare against a set of expected images: https://github.com/twolfson/twolfson.com/tree/3.40.0/test/perceptual-tests/expected_screenshots This weekend, I switched it from PhantomJS to node-webkit and am happy with the results: Benefits node_modules/ always work (e.g. no process is undefined issues) node_mod
Sometimes you need to tweak or slightly redesign an existing web page without original assets. Some common ways to do this would be to recreate a page from scratch, tweak it in a web inspector, or in the worst case make a screenshot and mess with bitmap (if you enjoy pain). Another hacky way to do that is to actually convert the web page to a vector graphic. Here is how I do it: 1. Convert page to
Organizing screenshots, images or photos in Finder is a major pain. Does it sound familiar? If so, we have a solution for you. Get on the App Store Try Free Trial Photo by Elle Korea “Flipping Cards” by Visualizers Singapore “Lighthouse” by Fabricio Rosa Marques Photo by SFCD “I am noonie bao” by Albin Holmqvist “Is the Sun even rising?” by Jakob Henner “Beautiful Spring” by Mark Fischoff Marketin
ブラウザ動作を記録 Huxleyとは、Facebookが開発したPython製のソフトウェアです。 HuxleyはSeleniumと連携してテスト実行時ログとスクリーンショットを作成します。 そして、ブラウザ動作の再現ができるようになっています。 そして、今回紹介するnode-huxleyとは、このHuxleyのnode版です。 Githubによると、次の機能を持っているみたいです。 ブラウザのアクションを記録/再生 スクリーンショットを取る スクリーンショットの比較を行う では、node-huxleyをセットアップして動作を確認してみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.8 npm : 1.2.23 npmを使用して必要なモジュールをインストールしましょう。 node-huxley本体と
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
JavaScriptに対する自動テストツールも充実し、Jenkinsなどを用いてCIをまわす人も増えてきました。 しかし、レスポンシブレイアウトや、Floatのレイアウト崩れなど、人間が見ればすぐに分かる「見た目」に関する問題は、自動テストによる判定がし辛いのが実情です。 この記事では、この問題を解決するために作成した、テスト中にスクリーンキャプチャを取るためのプラグイン「phantom-capture」を紹介します。 現状の問題点 Jasmine や QUnit といったテストフレームワークや、 PhantomJS , sinon.js といったツールの助けを借りることで、JavaScriptの自動テストが行えるようになり、サーバ側だけではなく、クライアント側にも自動テストを適用する人が増えてきています。 ビジネスロジックやバリデーション、DOMの構築結果などは問題なくテストすること
RetinaCapture allows you to simultaneously take crisp 1x and 2x screenshots on Retina Macs. It's also the perfect solution for taking smaller screenshots on Retina Macs. Use Cases Say you're working on a website and want to take screenshots that look their best on both Retina and non-Retina Macs. RetinaCapture makes this easy by simultaneously taking a 1x and 2x resolution screenshot and saving bo
screenshots.js 0�Z �U �� �U /* * Takes provided URL passed as argument and make screenshots of this page with several viewport sizes. * These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed * * Usage: * $ casperjs screenshots.js http://example.com */ var casper = require("casper").create(); var screenshotUrl = 'http://google.com/', screenshotNow = new Date(
Capturing screenshots is annoying, but most of time it has to be done and usually it's you - The Developer - who has to do it. Taking a few screenshots isn't too bad, but lets say for example that now you are working on a website using Responsive Web Design and you have to take five times as many screenshots at various viewports. That one, two second annoying task has now started eating into your
Cyber Sale -33% off your first year. Go annual for only $60
By Jeff Kreeftmeijer on 2011-04-18 (last updated on 2018-11-05) I’m sure you’ve seen the image view modes Github released last month. It’s a really nice way to see the differences between two versions of an image. In this article, I’ll try to explain how an image diff could be built using pure Ruby and ChunkyPNG. If you need a more basic introduction to working with pixel data in ChunkyPNG, check
What is GreenOnion? No one wants to cry over regression issues in views; does testing HTML and CSS have to be such a back and forth between designers and devs? Why is it that the rest of the stack can have TDD and BDD but not the presentation layer? Well, GreenOnion is here to help you get the same results on testing front-end styling that you've enjoyed in your unit and integration tests up to no
Paparazzi! is a small utility for macOS that makes screenshots of webpages. Paparazzi! 1.0 requires macOS 10.9 or later (current version: 1.0b11). Older versions are available on the downloads page. If you find yourself using Paparazzi! often, please remember to donate! You can also follow Paparazzi! on Twitter.
Mountain Lionを使い始めて、スクリーンショットが進化していることに気付いた。 その進化とは、ウィンドウとシートの両方を同時に撮影できるようになったこと。 command-shift-4、spaceキーを押して、ウィンドウ撮影モードで試してみる。 Snow Leopardの頃は、シートかウィンドウのどちらかしか選択できなかった...。 それではシートだけを撮影することはできなくなったのか？というと、そんなことはなくて、 commandキーを押しながら選択して撮影すれば、以前と同じようにシートだけの撮影もできる！ おまけに、optionキーを押しながら撮影すると、影なし撮影もできる。 通常のウィンドウ撮影＝影あり optionキーを押しながら撮影＝影なし 素晴らしい！今時のOSX標準のスクリーンショットはかなり高機能である。調べてみた。 ディスプレイ全体を撮影 キー操作 動作 co
「FINAL FANTASY XIV 」の最新情報が公開！ “エオルゼア”の特徴的な世界観，キャラ育成の根幹となる“アーマリーシステム”などが明らかに ライター：川崎政一郎 スクウェア・エニックスは本日（8月7日），MMORPG「FINAL FANTASY XIV」（ファイナルファンタジーXIV。以下，FFXIV）の最新情報を公開した。 FFXIVは，今年6月に行なわれたE3 09にて電撃的に発表された，完全新作のMMORPGである。2010年サービス開始予定とされており，対応機種に関しては今のところ，PCとPLAYSTATION 3での展開が発表されている。 FFシリーズのナンバリングタイトルとしては，2002年に正式サービスが開始された「ファイナルファンタジーXI」（以下，FFXI）以来のオンライン専用タイトルとなる。次世代MMORPGの大本命ともいうべき存在で，E3期間中に掲載した関
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
