Search

Nalezeno "Can": 8281

Build a Node.js Tool to Record and Compare Google Lighthouse Reports

16.3.2020
In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops. I’m hopeful this...

Using the HTML title attribute

15.3.2020
 Steve Faulkner: User groups not well served by use of the title attribute • Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments. Sounds like in 2020, the only useful thing the title...

Are You Spending More Than What You Earn? Here’s How You Can Change That

14.3.2020
Financial experts often stress the importance of having savings, or an emergency fund. However, numerous people often find it quite challenging to save, let alone make ends meet with what they are earning. If you are one of those struggling to keep a saving account funded because you tend to spend...

A Guide to Handling Browser Events

13.3.2020
In this post, Sarah Chima walks us through how we can work with browser events, such as clicking, using JavaScript. There’s a ton of great info in here! If JavaScript isn’t your strong suit, I think this is the best explanation of event handling that I’ve read in quite some time. When an event...

Xi Praises Blockchain Again, Says it Can Be Used to Fight ‘Fake News’

12.3.2020
Xi Jinping. Source: a video screenshot, Youtube, VICE News Chinese President Xi Jinping has voiced fresh support for blockchain technology, praising its ability to aid efforts to fight the spread of the coronavirus epidemic that has infected almost 81,000 Middle Kingdom citizens. Xi’s first...

Programming Sass to Create Accessible Color Combinations

12.3.2020
We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed. The post Programming Sass to Create Accessible Color Combinations appeared first on CSS-Tricks

Consistent Backends and UX: What Can Go Wrong?

12.3.2020
Article Series Why should you care? What can go wrong? What are the barriers to adoption? (Coming soon) How do new algorithms help? (Coming soon) In the previous article, we explained what strong (vs. eventual) consistency is. This article is the second part of a series where we explain how...

Careful with Nested `display: grid; height: 100%;`

11.3.2020
It's not every day you can feel CSS be slow at something. Reddit user jgbbrd discovered nesting grid containers that all have 100% height can cause many-seconds of rendering delay. Probably not something you'll ever have to worry about, but still, interesting. From the comments: What a funny...

Can ‘Old’ Users from U.S. Still Trade on Binance.com?

11.3.2020
Source: Instagram, Binance Major cryptocurrency exchange Binance is allegedly allowing some users from the U.S. to trade on the Binance.com platform, instead of Binance.US. Though trading on Binance.com for U.S. citizens has seemingly been forbidden, some alleged users are claiming that they...

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...

Fluid Width Video

11.3.2020
IN A WORLD of responsive and fluid layouts on the web, ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self-hosting the video and presenting it via the HTML5 <video tag. You might...

Block Links Are a Pain (and Maybe Just a Bad Idea)

10.3.2020
As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let's call that a "block link." Like you are wanting to link up an entire "Card" of content because it makes a big clickable target. <a href="/article/"<!-- display: block;...

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