Search

Nalezeno "units": 172

Australian Woman Jailed Two Years for Stealing $300,000 Worth of XRP

13.8.2020
An Australian hacker who stole 100,000 units of the XRP cryptocurrency has been sentenced to a maximum of two years and three months in jail, local media reported. Kathryn Nguyen hacked the crypto account of a 56-year old man in January 2018. Working with an accomplice, the 25-year-old Sydney woman...

What does 100% mean in CSS?

7.8.2020
When using percentage values in CSS like this… .element { margin-top: 40%; } …what does that % value mean here? What is it a percentage of? There’ve been so many times when I’ll be using percentages and something weird happens. I typically shrug, change the value to something else...

Five 5-minute Videos from Ethan on Design & Accessibility

30.6.2020
Ethan: I’ve been working with Aquent Gymnasium to produce a series of five short tutorial videos, which have been launching over the course of this past week. Since the last video just went live, I’m thrilled to share the whole list with you: • Introduction to using VoiceOver on macOS•...

A Primer on Display Advertising for Web Designers

4.6.2020
A lot of websites (this one included) rely on advertising as an important revenue source. Those ad placements directly impact the interfaces we build and interact with every day. Building layouts with ads in them is a dance of handling them in fluid environments, and also balancing the need...

CSS fix for 100vh in mobile WebKit

15.5.2020
A surprisingly common response when asking people about things they’d fix about anything in CSS, is to improve the handling of viewport units. One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw and stretches edge-to-edge, that’s...

Equal Width Columns in CSS Grid are Kinda Weird

14.5.2020
Everything is flexible these days. If you write grid-template-columns: 200px 200px 200px;, sure, you’d have equal-width columns, but that’s a rare day. What you usually mean is three columns of equal fluid width. We’ve got fractional units for that, like grid-template-columns:...

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

`lh` and `rlh` units

5.5.2020
There’s some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is “equal to the computed value of line-height” and rlh is the same only of the root element (probably the <html> element) rather than the current element. Why would that...

CSS Viewport Units

26.3.2020
Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should. I'm thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you're doing a calculation where...

How Do You Do max-font-size in CSS?

30.1.2020
CSS doesn't have max-font-size, so if we need something that does something along those lines, we have to get tricky. Why would you need it at all? Well, font-size itself can be set in dynamic ways. For example, font-size: 10vw;. That's using "viewport units" to size the type, which will...

Tokyo-Based Zigmabit Offers Mining Rigs for Homes and Offices

14.1.2020
Cryptocurrency mining develops rapidly like any high tech sector. Improvements in the hardware and auxiliary systems make it possible to design mining rigs that are more compact and silent than they used to be, while also profitable to run. Zigmabit is a manufacturer that assembles units suitable...

Is it better to use ems/rems than px for font-size?

10.1.2020
The answer used to be absolutely yes because, if you used px units, you prevented the text from being resized by the user at all. But browser zoom is the default method for making everything bigger (including text) these days and it works great even if you use px. But... Kathleen McMahon really...

Chicago Company Mines at Oil Wells, Educates Producers About Bitcoin

7.12.2019
Utilizing stranded gas to power bitcoin mining rigs at oil and gas wells is a promising business opportunity. It is profitable for all participating parties and beneficial for the environment. Not without challenges, this young industry is growing in energy-rich North America. Several companies...

Simplified Fluid Typography

29.11.2019
Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core trickery comes from viewport units. You can literally set type in viewport units (e.g. font-size: 4vw)...

Canadian Company Commissions 3 Bitcoin Mining Units to Restart Oil Well

17.11.2019
A nascent industry utilizing flared gas to power bitcoin mining units has been developing over the past year or so, in symbiosis with the oil and gas industry in North America. Companies providing services in this promising niche continue to install mobile datacenters at oil wells in the U.S....

Some Things You Oughta Know When Working with Viewport Units

6.11.2019
David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that. Summarized in this graphic: The trouble is that Chrome isn't taking the address bar (browser chrome) into account when...

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