Search

Nalezeno "behavior": 141

Linearly Scale font-size with CSS clamp() Based on the Viewport

25.9.2020
Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc(). Here, we’re going to explore a different way to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, with the intent of making its behavior...

Three CSS Alternatives to JavaScript Navigation

14.7.2020
Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most folks, it’s probably the “hamburger” menu that, when clicked, uses a little JavaScript to expand a vertical list of navigation links. But that’s...

On Adding IDs to Headers

11.6.2020
Here’s a two-second review. If an element has an ID, you can link to it with natural browser behavior. It’s great if headings have them, because it’s often useful to link directly to a specific section of content. <h3 id="step-2"Step 2</a Should I be so inclined, I could...

Carl Watner: The Tragedy of Political Government

6.6.2020
“What is tragic about political government?” you might ask. Let us return to that question once we have examined the nature of political government and the State. In order to distinguish between government and other institutions in society we must look at the ways human behavior can...

React Integration Testing: Greater Coverage, Fewer Tests

1.5.2020
Integration tests are a natural fit for interactive websites, like ones you might build with React. They validate how a user interacts with your app without the overhead of end-to-end testing.  This article follows an exercise that starts with a simple website, validates behavior with unit...

How to Re-Create a Nifty Netflix Animation in CSS

7.4.2020
The design for Netflix’s browse page has remained pretty similar for a few years now. One mainstay component is the preview slider that allows users to scroll through content and hover on items to see a preview. One unique characteristic of the UI is its hover behavior. When a show preview...

Millennial and Male: 3 Crypto Card Issuers Profile Their Average User

24.1.2020
Platforms offering debit cards that can be topped up with cryptocurrency have enjoyed growing popularity in the crypto community. They provide a payment solution for those who earn and own digital coins, enabling in-store and online crypto payments. Their expanding user base provides a snapshot...

CSS-Only Carousel

10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow. Setting some boxes in a horizontal row with flexbox is easy. Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy. You can make the "slides" line...

One Way to Break Users Out of the Habit of Reloading Too Much

30.12.2019
Page reloads are a thing. Sometimes we refresh a page when we think it’s unresponsive, or believe that new content is available. Sometimes we’re just mad at the dang site and rage-refresh to let it know we’re displeased. Wouldn’t be nice to know when a user refreshes the page? Not just that,...

EU Scrutinizes Libra for ‘Potential Anti-Competitive Behavior’

5.9.2019
According to recent reports, EU antitrust regulators have been investigating Facebook Inc.’s new launch in the cryptocurrency, Libra. The Commission is ‘currently investigating potential anti-competitive behavior’ associated with the Libra digital project through the concerns about...

Need to scroll to the top of the page?

2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like... <html id="top"> <body> <!-- the entire document --> <a href="#top">Jump to top of page</a> ...

IRS Revoking Passports Shows How Government Erodes Everything We Hold Dear

17.8.2019
If you have outstanding tax debt, the IRS may now want to take your passport. For U.S. crypto holders still waiting on promised IRS guidelines for filing — especially those overseas who may have missed these warning memos — the over 400,000 agency notifications issued since February...

Smooth Scrolling for Screencasts

13.3.2019
Let's say you wanted to scroll a web page from top to bottom programmatically. For example, you're recording a screencast and want a nice full-page scroll. You probably can't scroll it yourself because it'll be all uneven and jerky. Native JavaScript can do smooth scrolling. Here's a tiny snippet...

Downsides of Smooth Scrolling

11.3.2019
Smooth scrolling has gotten a lot easier. If you want it all the time on your page, and you are happy letting the browser deal with the duration for you, it's a single line of CSS: html { scroll-behavior: smooth; } I tried this on version 17 of this site, and it was the second most-hated thing...

​Truly understand your site visitors’ behavior

14.6.2018
(This is a sponsored post.) Hotjar is a quick and easy way to truly understand your visitors and identify opportunities for improvement and growth. Try the all-in-one analytics and feedback tool for free. Direct Link to Article — Permalink… The post ​Truly understand your site visitors’...

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