Search

Nalezeno "load": 120

Lazy Load Routes in Vue with webpack Dynamic Comments

4.2.2021
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the <About /> component to render. Let’s take a look at how to … The post Lazy Load Routes in Vue with webpack Dynamic Comments...

Fading in a Page on Load with CSS & JavaScript

13.1.2021
Louis Lazaris demonstrates a very simple way of doing this. Hide the body (with JavaScript) right away with opacity: 0 Wait for all the JavaScript to execute Unhide the body by transitioning it back to opacity: 1 Like this: CodePen… The post Fading in a Page on Load with CSS &...

Responsible, Conditional Loading

25.12.2020
Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce...

Converting and Optimizing Images From the Command Line

21.12.2020
Images take up to 50% of the total size of an average web page. And if images are not optimized, users end up downloading extra bytes. And if they’re downloading extra bytes, the site not only takes that much more time to load, but users are using more data, both of which can be resolved, at least...

How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy

24.11.2020
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>. Let’s...

Vital Web Performance

21.9.2020
I hate slow websites. They are annoying to use and frustrating to work on. But what does it mean to be “slow”? It used to be waiting for document load. Then waiting for page ready. But with so many asynchronous patterns in use today, how do we even define what “slow” is? The W3C has […] The...

US Consumers Flock To the First Mastercard Branded BitPay Card

15.9.2020
New data from BitPay shows that American consumers are flocking to load the first Mastercard branded BitPay card with top digital assets. The popular cryptocurrency payment services provider debuted the new card in June 2020 and the company’s transactions reached a new high in July. The data...

Lazy Load IFRAMEs

13.7.2020
We’ve known for a decade that lazy loading resources like JavaScript, CSS, and especially images is a massive performance win for web pages. At first we used tricks and JavaScript to do the lazy loading, but more recently native image lazy loading has debuted in browsers. Did you know that...

Review: Crypto.com’s Ruby Steel Prepaid Visa Card

26.6.2020
A number of members in the cryptocurrency community, typically people who are paid in crypto assets, have tried a myriad of prepaid cards that can be credited with digital currencies like bitcoin. The following post is a review on the Crypto.com prepaid Visa card in order to give our readers some...

Maintaining Performance

27.3.2020
Real talk from Dave: I, Dave Rupert, a person who cares about web performance, a person who reads web performance blogs, a person who spends lots of hours trying to keep up on best practices, a person who co-hosts a weekly podcast about making websites and speak with web performance professionals…...

How to Make a Line Chart With CSS

11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace