Bennett Feely

@samweinig hwb() looks really useful for lightening/darkening colors in an appealing way. I wish there was more control in CSS for color interpolation with gradients/transitions @d3/working-with-color#continuous-color-palettes" target="_blank" rel="nofollow noopener">observablehq.com/@d3/working-wi…

I can almost always tell if a movie doesn't use real dinosaurs

@Rainmaker1973 Check out Antiweather bennettfeely.com/antiweather

Approximately only 15% of land territory is antipodal to other land, representing about 4.4% of the Earth's surface [read more: buff.ly/2Gct6aj]

🔥 Super handy CSS Clip Path generator → bennettfeely.com/clippy/

Big news about ztext.js — 3D typography for any website and any font. Once a tiny JS library, now with React and Vue implementations! Updated homepage at bennettfeely.com/ztext

@chriscoyier Using ztext.js on the header. Awesome!

Chairs chriscoyier.net/2020/11/18/cha…

🇺🇸 USA.css – units set in inches, 1776 bytes bennettfeely.com/usacss

@desandro Adding filter: contrast(1000) gets you a kinda trippy lava lamp effect codepen.io/bennettfeely/p…

Update pixel gradient demo so you can edit number of gradient pixels codepen.io/desandro/pen/P…

@ieatwebsites Send a link when it's ready!

Introducing ztext.js — make your website pop with 3D typography. Responsive, easy to implement, and accessible. Big effect, tiny javascript library... and it works with every font! bennettfeely.com/ztext

@CM_Duq Thanks!!

@argyleink In this specific example you really don't need any color stops though. linear-gradient(to left, hotpink, rebeccapurple); renders the same

CSS gradient tip: drop stops for a hint sometimes a transition hint is more succinct than color stops and sets up easier editing. PLUS, easily pivot to interpolation on a curve 🤓 ``` background: linear-gradient( to left, hotpink, 50%, rebeccapurple ); ```

USA.css css-tricks.com/usa-css/

🇺🇸 Introducing USA.css The most American CSS stylesheet. All units set in inches, only 1776 bytes. bennettfeely.com/usacss/

Discs with CSS Radial and Conic Gradients by @bennettfeely: codepen.io/bennettfeely/p…

Added dark mode to my portfolio. Turns on every night at 9PM. But now I kinda want to keep it on all the time by default now bennettfeely.com

@tomthimons Hahahahahah!

@notwaldorf button.important#important[data-important="important"] { font-family: Comic Sans; }

You may ask yourself, “how did I get here?”: a special CSS edition.

🥧New site! Generate a pie chart with HTML and CSS and new CSS conic-gradients. Check it out! bennettfeely.com/csspiechart/

@LeaVerou Speaking of comic gradients, it would be neat to be able to do some halftone patterns in CSS

About two years after Blink, Gecko is finally implementing comic gradients which will make them supported across the board! bugzilla.mozilla.org/show_bug.cgi?i…