Search

Nalezeno "status": 557

No-Comma Color Functions in CSS


There have been a couple of viral tweets about this lately, one from Adam Argyle and one from Mathias Bynes. This is a nice change that makes CSS a bit more clear. Before, every single color function actually needs two functions, one for transparency and one without, this eliminates that need...

The Hero Generator


Sarah: I’ve had to implement the same hero for several years now, so like a good lazy programmer, I figured I’d automate it. Direct Link to Article — Permalink… Read article “The Hero Generator” The post The Hero Generator appeared first on CSS-Tricks

Advice for Writing a Technical Resume


Marco Rogers asked a very good question on Twitter: I talk to a lot of people new to tech from non-traditional backgrounds, e.g. bootcamps or self-taught. I'm looking for good information for those people on how to build out a strong resume when they don't have work experience yet. Advice...

“The title ‘Front-End Developer’ is obsolete.”


That title is from the opening tweet of a thread from Benjamin De Cock. I wouldn’t go that far, myself. What I like about the term is that ‘Front-End’ literally means the browser, and while the job has been changing quite a lot — and is perhaps fracturing before our eyes — the fact that...

Chrome + System Fonts Snafu


There was just a bug late last year where system fonts (at least on Mac, I don’t know what the story was on other platforms) in Chrome appeared too thin and tracked-in at small sizes and too thick and tracked-out at larger sizes. That one was fixed, thankfully. But while it was a problem,...

Thank You, Christopher Schmitt


It’s incredibly sad that Christopher Schmitt passed away last week¹. I keep thinking about how Christopher was one of the best dudes I knew. Just incredibly kind and thoughtful all the way through. I know everyone says that about people after they pass, but I really mean it here. I’m...

The WebAIM Million—Updated


This report made a big splash last year. It’s a large chunk of research that shows just how terribly the web does with accessibility. It’s been updated this year and (drumroll…) we got a little worse. I’ll use their blockquote: The number of errors increased 2.1% between...

Rethinking Code Comments


Justin Duke asks if treating code comments like footnotes could help us understand the code in a file better. In his mockup, all the comments are hidden by default and require a click to reveal: What a neat idea! Justin’s design reminds me of the way that Instapaper treated inline...

Did You Know the Ordered List Element Has Start and Reversed Attributes?


I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute: <ol reversed<liApple</li<liBanana</li<liPear</li</ol CodePen Embed Fallback And the start attribute can be added to begin the list at a number other...

Emojis as Favicons


Lea Verou had a dang genius idea to use an emoji as a favicon. The idea only recently possible as browsers have started supporting SVG for favicons. Chuck an emoji inside an SVG <text element and use that as the favicon. Now that all modern browsers support SVG favicons, here's how...

Flexible Repeating SVG Masks


Tyler Gaw reminds us that mask-image can repeat, resize, and move just like background-image does, which is fun to combine and play with. I could see it being a fun option for an <hr, like Sara is doing. CodePen Embed Fallback Direct Link to Article — Permalink… Read article...

Neumorphism and CSS


Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and real-looking UI that’s sort of a new take on skeuomorphism — hence the name. It got its name in a UX Collective post from December 2019,...

Google Fonts + Variable Fonts


I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it's blue instead of red and this one pretty rad checkbox: Show only variable fonts. An option to only show variable fonts is...

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