Search
Collective #514
9.5.2019
Hybrid Lazy Loading * SVG Will Save Us * enFont Terrible * cssfx * Formation * CSS-Only Chat
Collective #514 was written by Pedro Botelho and published on Codrops
Native Lazy Loading
9.4.2019
IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It's definitely not as easy as:
<img src="celebration.jpg" loading="lazy" alt="..." />
Addy Osmani says...
Collective #506
8.4.2019
World Draw * Native lazy-loading * El Grapho * Illustrated.dev * Hyper Editor * Animating SVG with CSS
Collective #506 was written by Pedro Botelho and published on Codrops
Chrome Lite Pages
19.3.2019
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...
A Bit of Performance
28.2.2019
Here’s a great post by Roman Komarov on what he learned by improving the performance of his personal website. There’s a couple of neat things he does to tackle font loading in particular, such as adding the <link rel="preload"> tags for fonts. This will encourage those font files...
Typography for Developers
27.2.2019
This is intended as a practical guide for developers to learn web typography. We’ll cover a range of practical and useful topics, like how to choose and use custom fonts on the web, but more importantly, how to lay text out to create a pleasant user experience. We’ll go over the principles...
Using React and XState to Build a Sign In Form
24.1.2019
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...
Fighting FOIT and FOUT Together
19.12.2018
Lots from Divya with the setup:
There are 2 kinds of problems that can arise when using webfonts; Flash of invisible text (FOIT) and Flash of Unstyled Text (FOUT) ... If we were to compare them, FOUT is of course the lesser of the two evils
If you wanna fight FOIT, the easiest tool is...
Google Fonts and font-display
19.12.2018
The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tricky stuff and having a tool like this that works as well as it does is a big deal for the web.
It's such a...
Build Your First Angular Website: Lazy Loading an Angular Section
30.8.2018
Next up, let's create a section of our site specifically dedicated to users. We have many users that are part of our site and we'll have two parts to this:
/users where we
An Almost Ideal React Image Component
21.6.2018
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...
Code Challenge #11: JavaScript Functional Programming
12.6.2018
Previously on the code challenge #10, we delved into lazy loading images for performance, you can check out the challenge post and solution.
This week on the code challenge, we'll be re-visi
Lazy Load Animal Memes with Intersection Observer
29.5.2018
Last week we on the code challenge #7 we delved into lazy loading images for increased performance of web pages. Yet to take the challenge? You can do so
Code Challenge #10: Lazy Loading Animal Memes
18.5.2018
In a bid to lower the load times of a website, several techniques have been developed. One such technique is the lazy loading of images on the page.
TL, DR
Add Loading Indicators to Your Vue.js Application
16.4.2018
Loading indicators improve UX (user experience) in any application web or mobile. It tells the user that an action is being carried and a result will return shortly.
In web applications, the
WDRL — Edition 224: Abortable Fetch, A Lazy Loading Guide, And Scooped Corners
6.4.2018
Hey,
We often get new features, new JavaScript APIs and are excited about them but then put little attention to it or use it rarely. But only time and a lot of experiments show what these features are able to provide. Let’s take the Fetch API. It was built as a simple way to fetch content from...
Collective #404
5.4.2018
Creating Themeable Design Systems * Lazy Loading Images and Video * Introduction to HTML * Streamline Emoji * Perlin Noise * Generated Maps
Collective #404 was written by Pedro Botelho and published on Codrops
Další ngParty meetup proběhne v Praze
2.3.2018
Zveme všechny na další ngParty meetup v Praze. Budeme mít hosta Martina Sonnenholzera z Berlína, který nám řekne něco o využiyí Machine Learning pro lazy loading, dale nam Jiří Maršíček naserviruje tochu funkcionalniho programování v podobě Functional Lenses…