Search

Nalezeno "position": 476

A Utility Class for Covering Elements

26.12.2020
Big ol’ same to Michelle Barker here: Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it....

Major Insurer Massmutual Invests $100 Million in Bitcoin for Long-Term Value

11.12.2020
Leading life insurance company Massmutual has become the latest big company to invest a huge sum of money in bitcoin. Massmutual believes that having a bitcoin position in its investment account will help the company deliver long-term value to its insurance policyholders. Massmutual Buys Bitcoin...

A Dynamically-Sized Sticky Sidebar with HTML and CSS

20.11.2020
Creating page content that sticks to the viewport as you scroll, something like a jump-to-anchor menu or section headings, has never been easier. Throw a position: sticky into your CSS ruleset, set the directional offset (e.g. top: 0) and you’re ready to impress your teammates with minimal effort....

Full Bleed

15.10.2020
We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques. Perhaps my favorite is this little utility class: .full-width { width: 100vw; position:...

How to Recreate the Ripple Effect of Material Design Buttons

12.10.2020
When I first discovered Material Design, I was particularly inspired by its button component. It uses a ripple effect to give users feedback in a simple, elegant way. How does this effect work? Material Design’s buttons don’t just sport a neat ripple animation, but the animation also...

Bitmex CEO Hayes Steps Down Following U.S. Criminal Charges

8.10.2020
Arthur Hayes, chief executive officer of bitcoin derivatives exchange Bitmex, is stepping down from his position a week after U.S. prosecutors filed criminal charges against him. Hayes is leaving together with other top executives who are facing similar charges. The company announced on Thursday...

How to Detect When a Sticky Element Gets Pinned

5.10.2020
The need for position: sticky was around for years before it was implemented natively, and I can boast that I implemented it with JavaScript and scroll events for ages. Eventually we got position: sticky, and it works well from a visual perspective, but I wondered how can we determine when...

Grayscale Investments Scooped Up Over 17,000 BTC in the Last Seven Days

28.9.2020
During the last seven days, Grayscale Investments purchased 17,100 BTC or $182 million worth of bitcoin using today’s exchange rates. The company’s bitcoin position is now close to 450,000 BTC worth roughly $4.7 billion. The Grayscale Bitcoin Trust (GBTC) is a very popular investment...

How to Use CSS Grid for Sticky Headers and Footers

2.9.2020
CSS Grid is a collection of properties designed to make layout easier than it’s ever been. Like anything, there’s a bit of a learning curve, but Grid is honestly fun to work with once you get the hang of it. One area where it shines is dealing with headers and footers. With a little...

Stacked Cards with Sticky Positioning and a Dash of Sass

13.8.2020
The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll. I started wondering how much JavaScript this would involve and how you’d go about making it when I realized — ah! — this must be the work...

Position Vertical Scrollbars on Opposite Side with CSS

23.7.2020
Fair warning: I can’t say I recommend this in general because it breaks a very strong expectation of where scrollbars are, which are useful for a lots of folks, not to mention, a core accessibility feature for many. But it is a fascinating CSS trick and the web is a big place with...

Miner Hoards: Q2 Bitcoin Mining Supply Outflow Touches 12-Month Low

17.7.2020
Onchain data shows that bitcoin miners are hoarding despite the 50% loss in revenue that started on May 11, during the third reward halving. The seven-day average of bitcoin miners’ outflow volume and mining funds sent to exchanges remains significantly low. Roughly four weeks ago on June...

US Dept of Homeland Security Buys Analytics Software From Coinbase

12.7.2020
Coinbase is selling its blockchain analytics software to the U.S. Department of Homeland Security and the U.S. Secret Service. Following criticisms from the crypto community, CEO Brian Armstrong defended Coinbase’s position. Coinbase Selling Analytics Software to US Government Public records...

Memorize Scroll Position Across Page Loads

9.7.2020
Hakim El Hattab tweeted a really nice little UX enhancement for a static site that includes a scrollable sidebar of navigation. ???? If you've got a static site with a scrollable sidebar, it really helps to memorize the scroll position across page loads. (left is default, right memorized)...

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