Search

Nalezeno "hidden": 231

Styling Complex Labels

5.10.2020
Danielle Romo covers the HTML pattern you need when you have a wordy <label> with fancy styling for an <input type="radio">. The trick? The ol’ <span class="hidden-visually"> that contains the label that you want to be read, and a <span aria-hidden="true"> with...

Menu Reveal By Page Rotate Animation

8.9.2020
There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even additional approaches on how hidden menus reveal their menu items. Some...

Here’s How I Solved a Weird Bug Using Tried and True Debugging Strategies

28.8.2020
Remember the last time you dealt with a UI-related bug that left you scratching your head for hours? Maybe the issue was happening at random, or occurring under specific circumstances (device, OS, browser, user action), or was just hidden in one of the many front-end technologies that are part...

This vs. That

24.8.2020
Here’s a nice site from Phuoc Nguyen, who I’ve noted before has quite a knack for clever sites. This vs. That pits different related concepts against each other as a theme for an article. For example, CSS has display: none;, opacity: 0;, and visibility: hidden; and they all, on...

India Proposes Amnesty for Citizens Holding Unreported Gold

2.8.2020
The Indian Ministry of Finance has reportedly proposed an amnesty program for citizens holding unreported gold. The government plans to ask people to declare all their gold stashes to tax authorities and pay levies. The proposition has been made to Prime Minister Narendra Modi. New Gold Amnesty...

A “new direction” in the struggle against rightward scrolling

21.5.2020
You know those times you get a horizontal scrollbar when accidentally placing an element off the right edge of the browser window? It might be a menu that slides in or the like. Sometimes we to overflow-x: hidden; on the body to fix that, but that can sometimes wreck stuff like position:...

Exchange Crypto with 0% Fees in Lumi Wallet

11.5.2020
Everybody’s sick of commissions. Lumi Wallet is renouncing them, introducing 0% Fees on all in-wallet operations. All you need to get rid of hidden fees is the Lumi Wallet app and the promocode – BTCNEWS. Why is Lumi doing this? Decentralized finance has undeniable advantages over fiat...

Five ways that will keep your identity hidden while trading Bitcoin

16.4.2020
Disclaimer: The text below is a sponsored article that was not written by Cryptonews.com journalists. One of the most common misconceptions when it comes to trading Bitcoin is that it allows you to conceal your identity and remain anonymous. But does it? Even though Bitcoin trading does...

CSS-Only Marquee Effect

5.4.2020
You make sure the text is more than twice the width of the screen, then use negative translate animations to do the marquee movement. You’ll probably want to aria-hidden all but one of them if you need to duplicate the text. Or, you could use a very clever CSS trick...

Rethinking Code Comments

2.4.2020
Justin Duke asks if treating code comments like footnotes could help us understand the code in a file better. In his mockup, all the comments are hidden by default and require a click to reveal: What a neat idea! Justin’s design reminds me of the way that Instapaper treated inline...

How to Create a “Skip to Content” Link

17.3.2020
Skip links are little internal navigation links that help users move around a page. It’s possible you’ve never actually seen one before because they’re often hidden from view and used as an accessibility enhancement that lets keyboard users and screen readers jump from the top of the page to...

Chameleonic Header

26.2.2020
Nice demo from Sebastiano Guerriero. When a fixed-position header moves from overlapping differently-colored backgrounds, the colors flop out to be appropriate for that background. Sebastiano's technique is very clever, involving multiple copies of the header within each section (where the copies...

Full-Width Elements By Using Edge-to-Edge Grid

7.2.2020
If you have a limited-width container, say a centered column of text, "breaking out" of that to make a full-width element involves trickery. Perhaps the best trick is the one with left relative positioning and a negative left viewport-based margin. While it has it's caveats (e.g. requiring hidden...

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