Calibre: Monitor Core Web Vitals and Page Speed with Synthetic and Real-User DataAnalyse synthetic and real-user dataCalibre brings the best of both worlds: reliability of lab testing and user experience signals from real sessions.
Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014
Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014 This document discusses strategies for making CSS more scalable and maintainable. It recommends automating CSS with preprocessors, using clear and descriptive class names, avoiding descendant selectors when possible, and minimizing unnecessary nesting and complexity. Pseudoselectors should only be used when other options aren'
Capybara
Test your app with Capybara Tired of clicking around in your browser trying to make sure your applications work as expected? Capybara is a library written in the Ruby programming language which makes it easy to simulate how a user interacts with your application. Capybara can talk with many different drivers which execute your tests through the same clean and simple interface. You can seamlessly c
Performant UIs using CSS magic
Performance beyond HTTP Animation to improve performance Well executed animation instills perception of performance Not the bad old days of flash 20s transitions Stripe checkout a great example. How can I do this? Bounce.js Pseudo based physics The web is capable of native performance* Case study — ScrollListView.js Performant scrolling library Reusable list items reordered on scroll Uses flexbox
JavaScript has a Unicode problem · Mathias Bynens
The way JavaScript handles Unicode is… surprising, to say the least. This write-up explains the pain points associated with Unicode in JavaScript, provides solutions for common problems, and explains how the ECMAScript 6 standard improves the situation. Unicode basics Before we take a closer look at JavaScript, let’s make sure we’re all on the same page when it comes to Unicode. It’s easiest to th
UITableView in JavaScript, list view with re-usable cells using flexbox – Ryan Seddon
UITableView in JavaScript, list view with re-usable cells using flexbox If you’re familiar with iOS development you will know that a UITableView is very efficient when displaying a list of data. A simplification of what it does is display enough cells to fill the viewport plus a few more either side. As you scroll it re-uses cells that are now out of the viewport so a list with thousands of items
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Using flexbox to save your sanity // Speaker Deck
GitHub - rstacruz/newsreader-sample-layout
cssconf 2014
No More Tools
GitHub - ryanseddon/ScrollListView: Performant list view that re-uses cells to display large data sets
GitHub - zeman/perfmap: Front-end performance heatmap bookmarklet.
GitHub - andyedinborough/stress-css: JavaScript to test each CSS class on a page and report which are hindering performance
GitHub - geuis/helium-css: Helium - javascript tool to scan your site and show unused CSS
{{#tags}}- {{label}}
{{/tags}}