Categories
Bookmarks

Front-End Performance Checklist 2020

Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, […]

Categories
Bookmarks

The State of UX in 2020

We have seen a lot this year. After curating and sharing 2,411 links with 358,917 designers all around the world, we have identified a few of the trends our industry has been writing, talking, and thinking about. Here’s what to expect for UX in 2020. We have always talked about 2020 as an iconic year. […]

Categories
Bookmarks

Atomic Design by Brad Frost

We’re tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That’s a daunting task indeed. Thankfully, design systems are here to help. Atomic Design details all that goes into creating and maintaining robust design systems, allowing you to roll […]

Categories
Bookmarks

Web Almanac 2019: HTTP Archive’s annual state of the web report

Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 20 chapters spanning aspects of page content, user experience, […]

Categories
Bookmarks

How to read a WebPageTest Waterfall View chart

I often find myself looking at WebPageTest (WPT) waterfall charts, but as I seem to have the memory of a chimpanzee (not a goldfish, that’s a myth), I tend to forget some of the details and what they all mean. So I decided to pull together many bits of information into a single blog post I can refer to […]

Categories
Bookmarks

Video JS The Player Framework

Video.js is an open source library for working with video on the web, also known as an HTML video player. Video.js is a free and open source HTML5 video player. https://videojs.com/

Categories
Bookmarks

How to Track External Links Clicks with Google Analytics and Google Tag Manager

There are several ways to track external links using addtional codding or link tracking tools. However there is a bigger question. Why would should you track outbound clicks? Here are list of reasons why you would track external links and outbound clicks: Understand what content you may need to add to your page to increase […]

Categories
Bookmarks

Awesome Design System

https://github.com/alexpate/awesome-design-systems A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as ‘Voice and Tone’.

Categories
Bookmarks

7 popular premium fonts and their Google alternatives

Picking a good font for your interface can have a major positive impact with pretty less effort on your part. But not all fonts are made equal, especially when it comes to their use for screens. Web and mobile typography has to take into account important aspects like legibility, readability, as well as accessibility. The […]

Categories
Bookmarks

How to Do A/B Split Testing in WordPress using Google Optimize

Do you want to run A/B split tests on your WordPress site to improve conversions? Split testing helps you understand how small changes in content and design affect user behavior. In this article, we will show you how to easily do A/B split testing in WordPress using Google Optimize. https://www.wpbeginner.com/wp-tutorials/how-to-ab-split-testing-in-wordpress-using-google-analytics/