Search

Nalezeno "behavior": 155

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

Scroll to the Future

19.4.2018
This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property. My favorite part of all though?...

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