Search

Nalezeno "behavior": 185

Fixing Smooth Scrolling with Find-on-Page

13.1.2021
Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this (just one example): … when you control+f or … The post Fixing Smooth Scrolling with Find-on-Page appeared first...

Bank of America Predicts ‘Mother of All Bubbles’ for Bitcoin

10.1.2021
Bank of America’s chief investment strategist sees “the mother of all bubbles” in bitcoin. He compared the cryptocurrency’s recent rally to other bubbles, emphasizing the “increasingly speculative” investing behavior of bitcoin. Bank of America Warns of Huge...

How to Make an Unobtrusive Scroll-to-Top Button

5.10.2020
A button to return to the top of the page allows the user to quickly return to the top of the page without making too much effort. This can be very useful when the page has a lot of content or which happens, for example, on one page websites, when infinite scrolling is used, or on mobile devices...

A Complete Guide to CSS Media Queries

2.10.2020
Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings. The post A Complete Guide to CSS Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter

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

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