[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

ブックマーク / meowni.ca (2)

  • Automatic visual diffing with Puppeteer – Monica Dinculescu

    So testing, right? We should do it. The thing is, testing is hard, and good testing is reaaaaaaally hard, and tbh I’m pretty bad at testing. So I end up not testing my apps, and then I feel guilty about it, but I’ll stop you now: you can’t run guilt on Travis. If this sounds familiar, then this blog post is for you. I did a little song-and-dance that sets up Puppeteer* , takes screenshots of your

    ginpei
    ginpei 2018/02/01
    画面スクリーンショット比較を用いる自動試験例。puppeteerでHeadless Chromiumを操作し撮影、pixelmatchで画像比較。CSSのリファクタリングとかで便利そう。
  • Font style matcher

    If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This too

    ginpei
    ginpei 2017/12/22
    ウェブフォント読み込み前後でガクッとするやつ (FOUT) を改善するフォールバック作成補助ツール。両者重ねた表示等で、目的のフォントに視覚的に近い指定を作れる。
  • 1