Search

Nalezeno "situation": 180

Irregular-shaped Links with Subgrid

16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...

Zimbabwe’s Battle To Control Currency Inadvertently Boosts Bitcoin Profile

12.7.2020
Zimbabwe’s deteriorating economic situation is forcing authorities to sign off on some desperate and controversial decisions. Some of such decisions include the abrupt suspension mobile money as well as the recent designation of Zimswitch as a national payment switch. Reserve Bank of Zimbabwe...

Web Engine Diversity and Ecosystem Health

16.6.2020
As front-end developers, our job is working with browsers. Knowing how many we have and the health of them is always of great interest. As far as numbers go, we have fewer recently than we have in the past. It’s only this month that Edge is starting to auto-update browsers to the Chromium...

Overlapping Header with CSS Grid

1.6.2020
Snook shows off a classic design with an oversized header up top, and a content area that is “pulled up” into that header area. My mind goes to the same place: Historically, I’ve done this with negative margins. The header has a height that adds a bunch of padding to the bottom...

Flexbox-like “just put elements in a row” with CSS grid

21.5.2020
It occurred to me while we were talking about flexbox and gap that one reason we sometimes reach for flexbox is to chuck some boxes in a row and space them out a little. My brain still reaches for flexbox in that situation, and with gap, it probably will continue to do so. It’s worth noting...

Turning a Fixed-Size Object into a Responsive Element

11.5.2020
I was in a situation recently where I wanted to show an iPhone on a website. I wanted users to be able to interact with an application demo on this “mock” phone, so it had to be rendered in CSS, not an image. I found a great library called marvelapp/devices.css. The library implemented the device...

Lebanese Currency Collapse: Failed Policies Led to Economic Meltdown

4.5.2020
Lebanon is facing an unprecedented economic crisis and the local currency has already lost about 60% of its value. The central bank’s policies have come under fire while citizens are protesting how the government handles the economic meltdown which led to people’s living situation...

12 Platforms Allowing You to Trade Gift Cards With Cryptocurrencies

19.3.2020
In an emergency situation like the current coronavirus pandemic, anything can turn into currency as the fiat system may experience cash shortages and devaluation. Cryptocurrency users have options to trade bitcoin beyond traditional money. A number of platforms will let you exchange...

Stop Using “Dropdown”

16.3.2020
Adrian Roselli notes that it might actually mean: A <select> menu An ARIA Listbox, Combobox, Menu, or Disclosure Widget An input with a <datalist> An input with autocomplete A <details><summary> block An accordion Flyout navigation In my own usage, I tend to mean...

Negative Margins

9.3.2020
PPK digs into the subject, which he found woefully undercovered in web tech documentation. Our entry doesn't mention them at all, which I'll aim to fix. Agree on this situation: This is by far the most common use case for negative margins. You give a container a padding so that its contents have...

Animating CSS Width and Height Without the Squish Effect

6.3.2020
The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper"). Butttt, transform can be tricky. Check...

PHP Templating in Just PHP

26.12.2019
With stuff like template literals in JavaScript and templating languages, like JSX, I've gotten used to wanting to write my HTML templates in one nice chunk and sprinkling in variables wherever I need them. I had a situation where I needed to do that in "raw" PHP the other day, so I'm just...

Indian Crypto Community Gathers to Dispel Confusion About Regulation

18.12.2019
As the Indian government deliberates on the country’s crypto policy, there has been some confusion in media reports regarding crypto regulation in India. A group of local crypto enthusiasts and community members have gathered in an effort to ensure that the crypto situation in India...

Some CSS Grid Strategies for Matching Design Mockups

14.11.2019
The world of web development has always had a gap between the design-to-development handoff. Ambitious designers want the final result of their effort to look unique and beautiful (and true to their initial vision), whereas many developers find more value in an outcome that is consistent...

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