Search

Nalezeno "load": 103

Bitcoin Cash-Powered File Storage Concept Sparks Interest and Debate


Bitcoin Cash (BCH) proponents were introduced to a new project called the Cashweb protocol on Friday. The blockchain file sharing scheme allows people to store and load arbitrary data to the BCH chain. While the new protocol still has “a long way to go,” the developer decided to share...

Lazy load embedded YouTube videos


This is a very clever idea via Arthur Corenzan. Rather than use the default YouTube embed, which adds a crapload of resources to a page whether the user plays the video or not, use the little tiny placeholder webpage that is just an image you can click that is linked to the YouTube embed. It still...

The Simplest Way to Load CSS Asynchronously


Scott Jehl: One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded...

What I Like About Vue


Dave Rupert digs into some of his favorite Vue features and one particular issue that he has with React: I’ve come to realize one thing I don’t particularly like about React is jumping into a file, reading the top for the state, jumping to the bottom to find the render function, then following...

CSS Gradient Text


Web developers know the fight we’ve all had to improve fonts on the web. Whether it be load time, odd strategies for using custom fonts (Cufon, anyone?), or just finding the right font itself, beautifying text on the web has never come easy. That got me thinking about fonts and CSS gradients, since...

Protecting Vue Routes with Navigation Guards


Authentication is a necessary part of every web application. It is a handy means by which we can personalize experiences and load content specific to a user — like a logged in state. It can also be used to evaluate permissions, and prevent otherwise private information from being accessed...

The Fight Against Layout Jank


A web page isn't locked in stone just because it has rendered visually. Media assets, like images, can come in and cause the layout to shift based on their size, which typically isn't known in fluid layouts until they do render. Or fonts can load and reflow layout. Or XHRs can bring in more content...

7 Best CSS Optimization Tips for Better Page Load Times


In today’s web, page load time is one of the most important website metrics. Even milliseconds can have a huge impact on your bottom line and slow page loads... The post 7 Best CSS Optimization Tips for Better Page Load Times appeared first on Onextrapixel

Tips for rolling your own lazy loading


You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page. Lazy loading is a popular technique for gradually requesting images as they come into view, rather than all at once after the HTML of the page...

Reducing motion with the picture element


Here’s a bonafide CSS/HTML trick from Brad Frost and Dave Rupert where they use the <picture> element to switch out a GIF file with an image if the user has reduced motion enabled. This is how Brad goes about implementing that: <picture> <!-- This image will be loaded if...

A Deep Dive into Native Lazy-Loading for Images and Frames


Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold. What’s this thing about images being lazy, you ask? Lazy-loading...

Preload, prefetch and other link tags


Ivan Akulov has collected a whole bunch of information and know-how on making things load a bit more quickly with preload and prefetch. That's great in and of itself, but he also points to something new to me – the as attribute: <link rel="preload" href="/style.css" as="style"...

Chrome Lite Pages


The Chrome team announced a new feature called Lite Pages that can be activated by flipping on the Data Saver option on an Android device: Chrome on Android’s Data Saver feature helps by automatically optimizing web pages to make them load faster. When users are facing network or data constraints...

Using React and XState to Build a Sign In Form


To make a sign in form with good UX requires UI state management, meaning we’d like to minimize the cognitive load to complete it and reduce the number of required user actions while making an intuitive experience. Think about it: even a relatively simple email and password sign in form needs...

Real-time Geolocation & Reverse IP Lookup with ipapi (Sponsored)


There’s an incredible amount you can do when you know where your web visitor is located.  You can target advertising to the user, you can load maps of nearby search queries, you can localize website verbiage, you can customize content for their region, etc.  I guess what I’m trying...

An Almost Ideal React Image Component


Yes, this is a React component, but regardless if you care about that part or not, the "ideal image component" part could be of interest. There is a lot to consider with how we put images on web pages these days. This deals with: Placeholder space (and then flexible responsive styles after...

OpenRates Currency API (Sponsored)


Creating your own APIs can be a total nightmare: worrying about uptime, load balancing, data accuracy, caching, and all of the other risks would keep me up at night.  And if your API relates to money in any way?  If you get that wrong you could be costing yourself, your employer, or your client...

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