Search

Nalezeno "position": 476

Patternico

20.6.2020
I remember searching for tutorials for making seamless patterns in Photoshop¹ all the time back in the day. It’s fun to see this little website for building repeating patterns as its one job. It does everything you’d expect: pick a background, drag some decorations onto it and position...

On fixed elements and backgrounds

3.6.2020
After just playing with apsect-ratio and being pleasantly surprised at how intuitive it is, here’s an example of CSS acting unintuitively: If you have a fixed element on your page, which means it doesn’t move when you scroll, you might realise that it no longer acts fixed if you apply a...

XRP Loses its Position as the Third-largest Cryptocurrency

29.5.2020
Cryptocurrency is a type of digital currency with cryptography, used for providing a secure medium for exchange. The model of Ripple (XRP) was presented in 2004, which makes it older than Bitcoin. Initially, it did not receive any significant response, as it was a decentralized payment policy....

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

List Style Recipes

5.5.2020
Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a navigation menu. Not only are they an opportunity for styling, but they have accessibility implications. For example, the number of items in a list...

When debugging, your attitude matters

12.4.2020
Julia Evans: I was debugging some CSS last week, and I think that post is missing something important: your attitude. Now – I’m not a very good CSS developer yet. I’ve never written CSS professionally and I don’t understand a lot of basic CSS concepts (I think I finally understood for the first...

Indicating Scroll Position on a Page With CSS

24.3.2020
Scrolling is something we all know and do on the web to the extent that it’s an expectation or perhaps even a habit, like brushing our teeth. That’s probably why we don’t put too much thought into designing the scrolling experience — it’s a well-known basic function. In fact, the popular “there...

Flexbox and absolute positioning

18.3.2020
Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it. It's odd...

Power Plant Mines BTC 5.5/day, Secures 'Unique Position' Ahead of Halving

5.3.2020
An associative picture. The Greenidge Generation plant in New York’s Finger Lakes region can mine about 5.5 bitcoins per day (USD 50,000) after its operator installed some 7,000 mining machines in recent months, Bloomberg reported. The machines work off so-called "behind-the-meter" power...

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

Fixed Headers and Jump Links? The Solution is scroll-margin-top

21.2.2020
The problem: you click a jump link like <a href="#header-3">Jump</a> which links to something like <h3 id="header-3">Header</h3>. That's totally fine, until you have a position: fixed; header at the top of the page obscuring the header you're trying to link to! Fixed...

Tindermint Labs Director Zaki Manian Steps Down from His Position

18.2.2020
Tindermint Labs director Zaki Manian announced in a recent interview that he is stepping down from the company, citing the behaviour of CEO Jae Kwon. The announcement comes days after Zake made a series of tweets which exposed the ugly internal rift between the Tindermint team, the company that...

While You Weren’t Looking, CSS Gradients Got Better

14.2.2020
One thing that caught my eye on the list of features for Lea Verou's conic-gradient() polyfill was the last item: Supports double position syntax (two positions for the same color stop, as a shortcut for two consecutive color stops with the same color) Surprisingly, I recently discovered most...

Getting Fancy with position: sticky;

7.2.2020
Mike Solomon worked on a fancy scrollytelling post for Esquire and blogged about it. It has GIFs of each step along the way of figuring out not just position: sticky; but also using negative margins, wrapper divs, backgrounds, and even a smidge of JavaScript measuring to get it all right. What...

Sticky Table of Contents with Scrolling Active States

30.1.2020
Say you have a two-column layout: a main column with content. Say it has a lot of content, with sections that requires scrolling. And let's toss in a sidebar column that is largely empty, such that you can safely put a position: sticky; table of contents over there for all that content in the main...

Paris Saint-Germain Teams up With Cryptocurrency Exchange Platform CoinCasso

29.1.2020
Paris Saint-Germain and cryptocurrency exchange platform CoinCasso have joined forces in a multi-year international partnership, with the virtual currency giant becoming an Official Partner of the Parisian club in all markets outside of France. CoinCasso is a blockchain specialist and will now...

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