Daily - Boris' Bookmarkshttps://my.framasoft.org/u/borisschapira/Daily shared linksen-enhttps://my.framasoft.org/u/borisschapira/ Boris' Bookmarks - Thursday 19 March 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200319 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200319 Thu, 19 Mar 2020 00:00:00 +0100 Mazeletter Thu Mar 19 15:36:50 2020 - background pattern svg
http://mazeletter.xyz/


> Mazeletter is a collection of nine infinitely tiling maze pattern fonts.


SVG Backgrounds: customizable, scalable Backgrounds

Thu Mar 19 15:35:34 2020 - background pattern svg
https://www.svgbackgrounds.com/


> SVGs enable full-screen hi-res visuals with a file-size near 5KB and
are well-supported by all modern browsers. What's not to love?


]]>
Boris' Bookmarks - Thursday 12 March 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200312 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200312 Thu, 12 Mar 2020 00:00:00 +0100 "Intersection Observer API Makes Lazy Loading a Snap", Leonardo Maldonado (@leonardomso) Thu Mar 12 10:09:25 2020 - boostmarks images intersection-observer
https://www.telerik.com/blogs/intersection-observer-api-makes-lazy-loading-a-snap


> One of the advantages of this API is that you don't have to use a library for this kind of job anymore. The majority of browsers are providing a lot of support for some of the newest and awesome APIs, and this has been improving the experience for users in general, allowing developers to use some native browser APIs and reducing their final code bundle.


"Why Svelte is our choice for a large web project in 2020", Ryan Atkinson (@ryanatkn) #svelte #spa

Thu Mar 12 10:05:18 2020 - sharemarks svelte spa
https://github.com/feltcoop/why-svelte


> Svelte provides an enjoyable DX that doesn’t compromise on UX. I think it’ll soon become common knowledge among UI developers that compilers have an advantage over runtime-only frameworks for hitting this sweet spot.
> […]
> We’re happy to pay the costs of early adoption when a technology provides significant advantages, and that’s our bet for Svelte.


"Setting Height And Width On Images Is Important Again", Barry Pollard (@tunetheweb)

Thu Mar 12 10:02:00 2020 - boostmarks images html
https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/


> I love improvements that just work without any effort required of website owners. […] The less friction we can add to introduce these improvements, the more likely they will be adopted, and there’s no better friction than none at all! Fixing the impact of layout shifts on users for responsive images seems to be one such improvement and the web is all the better for it.


"The performance benefits of Variable Fonts", Mandy Michael (@Mandy_Kerr)

Thu Mar 12 09:46:25 2020 - boostmarks fonts variable-fonts
https://uxdesign.cc/the-performance-benefits-of-variable-fonts-79af8c4ff56c


> Variable fonts reduce the overall combined file size and automatically reduce the number of network requests by simply being a variable font.
> Even if you consider the slightly larger file sizes, when combined with improved font compression formats like WOFF2, font subsetting and font loading techniques like `font-display: swap;` we end up in a situation where we can still get smaller overall font file sizes as well as a significant increase in stylistic opportunity.


]]>
Boris' Bookmarks - Friday 6 March 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200306 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200306 Fri, 06 Mar 2020 00:00:00 +0100 https://0.30000000000000004.com/ Fri Mar 6 11:46:34 2020 - ieee-754 numbers
https://0.30000000000000004.com/


> Your language isn't broken, it's doing floating point math. Computers can only natively store integers, so they need some way of representing decimal numbers. This representation comes with some degree of inaccuracy. That's why, more often than not, .1 + .2 != .3.


IEEE-754 Floating Point representation explained

Fri Mar 6 09:40:46 2020 - ieee-754 numbers
https://bartaz.github.io/ieee754-visualization/


A great IEEE 754 visualization


]]>
Boris' Bookmarks - Wednesday 4 March 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200304 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200304 Wed, 04 Mar 2020 00:00:00 +0100 "Use web workers to run JavaScript off the browser's main thread", Surma (@DasSurma) Wed Mar 4 07:46:37 2020 - boostmarks web-workers
https://web.dev/off-main-thread/


> To make sure our apps are as reliable and accessible as possible, especially in an increasingly globalized marketplace, we need to support constrained devices—they're how most users are accessing the web globally. OMT offers a promising way to increase performance on such devices without adversely affecting users of high-end devices.


]]>
Boris' Bookmarks - Monday 2 March 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200302 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200302 Mon, 02 Mar 2020 00:00:00 +0100 "Les outils de surcouche d’accessibilité web : mensonges et boules de gommes", Julie Moynat (@juliemoynat) Mon Mar 2 15:20:12 2020 - sharemarks a11y surcouche
https://www.lelutinduweb.fr/surcouche-accessibilite-web-mensonges-boules-gommes/


> Sans accessibilité réelle, ces outils ne fonctionnent pas bien. Sans accessibilité réelle, les personnes handicapées seront toujours handicapées par l’inaccessibilité des sites web. C’est une aberration de vendre ces outils en les opposants à la mise en accessibilité d’un site web. Oui, c’est moins cher mais c’est parce que ce n’est pas du tout la même chose. La magie n’existe pas.


]]>
Boris' Bookmarks - Sunday 1 March 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200301 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200301 Sun, 01 Mar 2020 00:00:00 +0100 "Improving perceived performance with the CSS `font-display` property", Matt Hobbs (@TheRealNooshu) Sun Mar 1 17:38:53 2020 - boostmarks webpagetest fonts
https://nooshu.github.io/blog/2020/02/23/improving-perceived-performance-with-the-css-font-display-property/


> And there you have it, a way to change the `font-display` settings of a page when using WebPageTest. No need to manually update the code to see what effect the property has on a pages perceived performance.


]]>
Boris' Bookmarks - Friday 21 February 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200221 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200221 Fri, 21 Feb 2020 00:00:00 +0100 "The Impact of Web Performance", CP Clermont (@cpclermont) Fri Feb 21 14:34:42 2020 - boostmarks governance webperf
https://simplified.dev/performance/impact-of-web-performance


> In this post, I’ll discuss what I did at ALDO to measure the revenue impact of web performance _without_ having to spend time making performance improvements.
> […]
> Back in October, rendering performance was something we had never focused on. Nobody was really talking about it, so there must be nothing there. It was only after we started measuring that we saw the potential.



"In-Browser Performance Linting With Feature Policies", Tim Kadlec (@tkadlec)

Fri Feb 21 11:26:37 2020 - boostmarks feature-policy images geolocation
https://timkadlec.com/remembers/2020-02-20-in-browser-performance-linting-with-feature-policies/


> A lot of performance issues stem from them simply not being very noticeable to those of us doing the building. Changing that wherever we can is one of the best ways to make sure that all that low-hanging fruit doesn’t go overlooked.


]]>
Boris' Bookmarks - Tuesday 18 February 2020 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200218 https://my.framasoft.org/u/borisschapira/?do=daily&day=20200218 Tue, 18 Feb 2020 00:00:00 +0100 Media Queries Level 5: `prefers-reduced-data` to detect the desire for reduced data usage Tue Feb 18 11:10:06 2020 - sharemarks boostmarks css media-queries
https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-data


> The prefers-reduced-data media feature is used to detect if the user has a preference for being served alternate content that uses less data for the page to be rendered.


]]>