Search

Nalezeno "like": 4401

Cool Little CSS Grid Tricks for Your Blog


I discovered CSS about a decade ago while trying to modify the look of a blog I had created. Pretty soon, I was able to code cool things with more mathematical and, therefore, easier-to-understand features like transforms. However, other areas of CSS, such as layout, have remained a constant source...

Making My Netlify Build Run Sass


Let’s say you wanted to build a site with Eleventy as the generator. Popular choice these days! Eleventy doesn’t have some particularly blessed way of preprocessing your CSS, if that’s something you want to do. There are a variety of ways to do it and perhaps that freedom is part...

5 Myths About Jamstack


Jamstack isn’t necessarily new. The term was officially coined in 2016, but the technologies and architecture it describes have been around well before that. Jamstack has received a massive dose of attention recently, with articles about it appearing in major sites and publications and...

The Trickery it Takes to Create eBook-Like Text Columns


There’s some interesting CSS trickery in Jason Pamental’s latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital book experience on mobile. Which brings up an interesting question right away… how do you set full-width columns that...

The Best Design System Tool is Slack


There’s a series questions I have struggled with for as long as I can remember. The questions have to do with how design systems work: Where should we document things? Do we make a separate app? Do we use a third-party tool to document our components? How should that tie into Figma or Sketch?...

Adding CSS to a Page via HTTP Headers


Only Firefox supports it, but if you return a request with a header like this: Header add Link "<style.css;rel=stylesheet;media=all" …that will link to that stylesheet without you having to do it in the HTML. Louis Lazaris digs into it: […] the only thing I can think of that could...

Despite Russia’s Confusing Crypto Laws, P2P Bitcoin Trade Volumes Soar


Peer-to-peer cryptocurrency trading data shows digital assets like bitcoin are growing extremely popular in Russia, despite the State Duma’s opinions and regulations aimed at crypto assets. On Monday, the Russian government published a draft version of litigation mandates called “On...

Behind the Source: Cassie Evans


I feel like the tech industry takes itself far too seriously sometimes. I get frustrated by all the posturing and gatekeeping – “You’re not a real developer unless you use x framework”, “CSS isn’t a real programming language”. I think this kind of rhetoric often puts new developers off,...

Chrome 83 Form Element Styles


There have been some aesthetic changes to what form elements look like as of Chrome 83. Anything with gradient colorization is gone (notably the extra-shiny <meter stuff). The consistency across the board is nice, particularly between inputs and textareas. Not a big fan of the new <select...

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

Global CSS options with custom properties


With a preprocessor, like Sass, building a logical “do this or don’t” setting is fairly straightforward: $option: false; @mixin doThing { @if $option { do-thing: yep; } } .el { @include doThing; } Can we do that in native CSS with custom properties? Mark Otto shows...

Core Web Vitals


Core Web Vitals is what Google is calling a a new collection of three web performance metrics: LCP: Largest Contentful Paint FID: First Input Delay CLS: Cumulative Layout Shift These are all measurable. They aren’t in Lighthouse (e.g. the Audits tab in Chrome DevTools) just yet, but sounds...

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