استفاده از فونت‌های سفارشی که به صورت پیش فرض بر روی سیستم‌های کاربران وجود ندارند باعث می‌شود که تا زمان بارگذاری کامل فونت نوشته هایی که از این فونت‌ها استفاده کرده اند به صورت نامرئی (FOIT) نمایش داده شوند که باعث به هم ریختگی استایل سایت می‌شود و همچنین در رتبه بندی سایت‌ها از نظر سرعت رندر شدن صفحه بسیار تاثیرگذار است. جهت جلوگیری از این مشکل می‌توان از این روش استفاده کرد.
A simple utility to execute a callback when a webfont loads. Demo
This uses the CSS Font Loading Module when available (currently in Chrome 35+ and Opera 22+). When that isn’t available, it uses a very similar approach to the one used in the TypeKit Web Font Loader (which is currently 7.1KB GZIP).
Basically, it creates an element with a font stack including the web font and a default serif/sans-serif typeface. It then uses a test string and measures the dimensions of the element at a certain interval. When the dimensions are different than the default fallback fonts, the font is considered to have loaded successfully.
If you’d like a full polyfill for the CSS Font Loading Module, follow along with Bram Stein’s Font Loader. I believe the specification has changed since he launched this polyfill, but he’s working on an updated version.
A function for loading CSS asynchronously
Referencing CSS stylesheets with link[rel=stylesheet] or @import causes browsers to delay page rendering while a stylesheet loads. When loading stylesheets that are not critical to the initial rendering of a page, this blocking behavior is undesirable. The new <link rel="preload"> standard enables us to load stylesheets asynchronously, without blocking rendering, and loadCSS provides a JavaScript polyfill for that feature to allow it to work across browsers. Additionally, loadCSS offers a separate (and optional) JavaScript function for loading stylesheets dynamically.
npm install fg-loadcss --save
Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Demos
A game for learning CSS flexbox Demo
These are the customer-reported issues addressed in this release:
حجم تقریبی بروزرسانی از نسخه 15.6.3 به 15.6.4 برابر 400MB می‌باشد
These are the customer-reported issues addressed in this release:
wpp.targets file execution not working after update to version 15.6.حجم تقریبی بروزرسانی از نسخه 15.6.2 به 15.6.3 برابر 1.47GB می‌باشد
These are the customer-reported issues addressed in this release:
git tags. CVE-2018-0875: Microsoft is aware of a security vulnerability in the public versions of .NET Core where a malicious file or web request could cause a denial of service (DoS) attack.
حجم تقریبی بروزرسانی از نسخه 15.6.1 به 15.6.2 برابر 1.2GB می‌باشد
These are the customer-reported issues addressed in this release:
