Select Page

Category: Link

Writing Good Support Requests

My take on trying to be helpful to a support staff. One bit is just as relevant for learning development: Writing out a ticket will help you figure out the problem. Sometimes when you have to take a second to collect your thoughts and explain something, the problem will become clear and maybe even the solution. Oftentimes, a bug is a bug and just needs to be fixed — but sometimes your support ticket might actually be something you can sort out for yourself and writing things out might be the first step toward that. You know what they say, the best way to learn something is to teach it. Just replace “ticket” with “forum topic” or whatever, on something like Spectrum. Direct Link to Article — Permalink The post Writing Good Support Requests appeared first on CSS-Tricks....

Read More

How to create a logo that responds to its own aspect ratio

One of the cool things about is that it’s literally its own document, so @media queries in CSS inside the SVG are based on its viewport rather than the HTML document that likely contains it. This unique feature has let people play around for years. Tim Kadlec experimented with SVG formats and which ones respect the media queries most reliably. Sara Soueidan experimented with that a bunch more. Jake Archibald embedded a canvas inside and tested cross-browser compatibility that way. Estelle Weyl used that ability to do responsive images before responsive images. Another thing that has really tripped people’s triggers is using that local media query stuff to make responsive logos. Most famously Joe Harrison’s site, but Tyler Sticka, Jeremy Frank, and Chris Austin all had a go as well. Nils Binder has the latest take. Nils take is especially clever in how it uses s referencing other s for extra efficiency and min-aspect-ratio media queries rather than magic number widths. For the record, we still very much need container queries for HTML elements. I get that it’s hard, but the difficulty of implementation and usefulness are different things. I much prefer interesting modern solutions over trying to be talked out of it. Direct Link to Article — Permalink The post How to create a logo that responds to its own aspect ratio appeared first on CSS-Tricks....

Read More

Better rendering for variable fonts

I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of letterforms were clipping into each other in a really weird way. Thankfully, though, Stephen Nixon has come to the rescue with a temporary hack to fix the issue which using a text-shadow on the text that’s using the variable font: .variable-font { text-shadow: 0 0 0 #000; /* text color goes last here */ } Once you do that, you shouldn’t be able to see those weird clip marks in the letterforms anymore. Yeah, it feels pretty hacky but I’m sure this rendering bug will be fixed relatively soon. It doesn’t look like it affects other browsers, as far as I can tell. Direct Link to Article — Permalink The post Better rendering for variable fonts appeared first on CSS-Tricks....

Read More

Resilient, Declarative, Contextual

Keith J. Grant: I want to look at three key characteristics of CSS that set it apart from conventional programming languages: it’s resilient; it’s declarative; and it’s contextual. Understanding these aspects of the language, I think, is key to becoming proficient in CSS. Like HTML, unknown or slightly broken CSS doesn’t stop a site in its tracks. You write something you want to happen in CSS, it happens, and a bunch of related things may happen to. I like Keith’s example with font-size. Increase it, and the container will also grow in height without you having to tell it to. You can’t understand what CSS is going to do without understanding the DOM structure it is paired with and the other styles at play. And it’s my suspicion that developers who embrace these things, and have fully internalized them, tend to be far more proficient in CSS. Easy to learn, a lifetime to master, as they say. Direct Link to Article — Permalink The post Resilient, Declarative, Contextual appeared first on CSS-Tricks....

Read More

Users DO Change Font Size

Evan Minto: The question was “How many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?” By knowing this, we would determine how many users would be affected by sizing with relative units like rems/ems. Using the methodology I describe below, we found that the answer is 3.08% of our users. So if you set type in pixels, and your traffic is anything like the Internet Archive’s, 3% of your users won’t have their explicitly-asked-for font-size alteration accommodated. It’s true. I made two little reduced test cases. First I left the default medium font-size preference on and set one with pixels and one with ems and sized them to match. Then bumped up the preference to large, and only the ems changed, the pixel-set one stays the same. As ever, there is more to think about. How does page zooming factor in? How annoyed are those 3%? How annoyed are the 3% on site that use pixels but set type pretty large anyway? How much do we care about people who use the preference to size type down? Direct Link to Article — Permalink The post Users DO Change Font Size appeared first on CSS-Tricks....

Read More
000webhost logo