Search

Nalezeno "situation": 177

Overlapping Header with CSS Grid


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


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


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


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


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”


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


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


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


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


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


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

Lebanese Protestors Gather at Central Bank as Financial Lockout Continues


Since the beginning of widespread protests in Lebanon last week, banks and lending institutions have remained closed, fueling fears of an impending nationwide cash crisis. Attempts to assuage the concerns of suffering individuals without money or options are not proving effective, as officials...

Economic Turmoil in Hong Kong Escalates as Colonial-Era Law Is Imposed


Colonial-era law has been imposed in Hong Kong causing the economic situation to degrade further, with empty ATMs and bank runs becoming a new norm. Protestors and non-protestors alike fear the martial law-like ERO (Emergency Regulations Ordinance) could eventually grind the city’s financial...

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