SuperGeekery: A blog probably of interest only to nerds by John F Morton.

A blog prob­a­bly of inter­est only to nerds by John F Mor­ton.

Link List

Wel­come to my link library. These are not links to con­tent I have cre­at­ed unless you see that men­tioned in the link’s descrip­tion. These are links I found inter­est­ing enough to want to keep track of. If you read Craft Link List, the Craft CMS newslet­ter I used to write, this page is a replace­ment of sorts for that exer­cise. Enough talk. Let’s hit the links.

Tagged with ”css”

Reset tag search
29Apr2024

Hidden Gems of Tailwind CSS | Rails Designer

Unlock the full poten­tial of Tail­wind CSS for your Rails-based SaaS apps with our guide on hid­den fea­tures. From chang­ing check­box col­ors to lever­ag­ing peer mod­i­fiers and cus­tom vari­ants, enhance your web UIs effort­less­ly.

15Feb2024

velvette

Vel­vette is a library that allows you to spec­i­fy in a declar­a­tive way how your tran­si­tions should behave, in iso­la­tion or as a response to a nav­i­ga­tion, and then apply the dec­la­ra­tion to a par­tic­u­lar View­Tran­si­tion, Nav­i­ga­teEvent, or use it to han­dle cross-doc­u­ment (“MPA”) nav­i­ga­tions.

02Feb2024

12 Modern CSS One-Line Upgrades | Modern CSS Solutions

Some­times, improv­ing your appli­ca­tion CSS just takes a one-line upgrade or enhance­ment! Learn about 12 prop­er­ties to start incor­po­rat­ing into your projects, and enjoy reduc­ing tech­ni­cal debt, remov­ing JavaScript, and scor­ing easy wins for user expe­ri­ence.

23Jan2024

12 Modern CSS One-Line Upgrades | Modern CSS Solutions

Some­times, improv­ing your appli­ca­tion CSS just takes a one-line upgrade or enhance­ment! Learn about 12 prop­er­ties to start incor­po­rat­ing into your projects, and enjoy reduc­ing tech­ni­cal debt, remov­ing JavaScript, and scor­ing easy wins for user expe­ri­ence.

28Dec2023

CSS is fun again

CSS is under­go­ing a qui­et renais­sance,” incor­po­rat­ing many sig­nif­i­cant fea­tures that pre­vi­ous­ly required exter­nal tools into the native parts of the lan­guage.

10Oct2023

CSS Grid Generator

Set the num­bers and units of your columns and rows, and gen­er­ate a CSS grid. Drag with­in the box­es to cre­ate divs placed with­in the grid.

11Sep2023

Fluid Responsive Design | Utopia

Flu­id respon­sive design. Utopia is not a prod­uct, a plu­g­in, or a frame­work. It’s a set of free tools to sup­port your next Utopi­an project.

22Jun2023

Fit-to-Width Text with scroll-driven animations

What if I will tell you how we could solve fit-to-width text with pure CSS with­out any hard­cod­ed para­me­ters? Curi­ous­ly, scroll-dri­ven ani­ma­tions will allow us to do just that! Join me as I con­tin­ue explor­ing the exper­i­men­tal imple­men­ta­tions of the lat­est specs.

06Jun2023

Mastering CSS Blend Modes

CSS mix blend modes pro­vide an easy, yet pow­er­ful way to cre­ate visu­al­ly inter­est­ing designs.

22Apr2023

Container Query Units and Fluid Typography | Modern CSS Solutions

To learn more about the behav­iors of con­tain­er query units, we’ll explore three flu­id typog­ra­phy tech­niques applied via a mix­in” using cus­tom prop­er­ties. These upgrad­ed meth­ods will pro­duce tru­ly respon­sive typog­ra­phy, regard­less of con­text.

16Feb2023

pretty-feed-v3.xsl

This file in the about­feeds repo will trans­form your raw-look­ing RSS feed into a styled doc­u­ment when users click on your feed icon. It will now include instruc­tions help­ing the user under­stand how to use feed icons across the web.