Search

Nalezeno "position": 547

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

How to Stack Elements in CSS

6.1.2020
If you want to create fantastic and unique visual experiences on the web, you will eventually need two elements to overlap or exist in the same place. You may even just need them to be positioned near or next to each other. Let's go over two different ways to accomplish this, one with the position...

Moving Rainbow Underlines

23.12.2019
I absolutely love the design of the Sandwich site. Among many beautiful features are these headlines with rainbow underlines that move as you scroll. It's not scroll-jacking — it's just a minor design feature that uses scroll position to enact a little movement. To draw the rainbows...

Clips from my DEV AMA

20.12.2019
I recently did an AMA over on DEV. Just taking the opportunity to port over some answers here like a good indiewebber. If you were starting out as a front end dev in 2020, what would you say is the first thing you would learn and why? You need to put yourself in a position where it's your job...

Make a smooth shadow, friend.

19.12.2019
One box-shadow is cool and all, but check out Philipp Brumm's tool for building out comma-separated multiple box-shadows, which result in a much smoother and more natural look. This reminds me very much of the idea for easing linear-gradient. In a gradient, this smoothing effect is handled...

Zenserp

19.12.2019
(This is a sponsored post.) There are plenty of rank tracking software tools out there that allow you to track the position of your website inside the search results pages (SERP) of search engines for certain key phrases. However, these tools are definitely not enough when you are trying...

Now You See It

16.12.2019
I recently accepted a teaching position at a local college here in SoCal where I'll be spouting off whatever I know (or more likely don't know!) about HTML and CSS. It's suffice to say I was all ears (well, actually eyes) when Rachel Andrew recently published a post on teaching CSS. The display...

Freak Flags

11.12.2019
I don't see image sprites used that much anymore, but it's still a good technique for reducing downloaded decorative image assets when you have multiple on a page. The big idea is combining all the graphics into one and then shifting around the size and background-position to reveal one at...

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