:root {
font-size: calc(1rem + 0.25vw);
}https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/
With modern CSS, we can just write that function! It’s calc(1.0625rem + 0.2604vw). I round this to 1rem + 0.25vw.
Ray Weitzenberg mechaneyes
mechaneyes
/ tasks.json
Last active
December 3, 2024 14:07
open 3 vscode terminal tabs and run `yarn dev` for each app in monorepo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "version": "2.0.0", | |
| "tasks": [ | |
| { | |
| "label": "Launch NYSee", | |
| "dependsOn": ["🏂homeboy", "📡radar: incoming", "Gimme the 🔫lowdown"], | |
| "problemMatcher": [], | |
| "runOptions": { | |
| "runOn": "folderOpen" | |
| } |
mechaneyes
/ nirvana.json
Created
September 11, 2024 17:42
http://musicbrainz.org/ws/2/release?query=artist:nirvana
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "created": "2024-09-10T21:19:55.892Z", | |
| "count": 1458, | |
| "offset": 0, | |
| "releases": [ | |
| { | |
| "id": "426790fe-7568-4555-8260-28c2462e5fa1", | |
| "score": 100, | |
| "status-id": "1156806e-d06a-38bd-83f0-cf2284a808b9", | |
| "packaging-id": "c1668fc7-8944-4a00-bc3e-46e8d861d211", |
mechaneyes
/ center 33%.jsx
Created
August 13, 2024 20:21
vertically center at 33% height of container
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div className="min-h-screen bg-white"> | |
| <main className="hero hero--split"> | |
| <div className="hero__copy"> | |
| <div className="hero__copy__inner"> | |
| <p className="text-gray-500"> | |
| <Date dateString={date} /> | |
| </p> | |
| <h1 className="text-4xl font-bold text-gray-900"> | |
| <Link | |
| href={`/posts/${slug}`} |
mechaneyes
/ media-queries-breakpoints.scss
Last active
September 1, 2024 09:10
Media Queries, Breakpoints
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ————————————————————————————————————o usage —> | |
| // | |
| // // w/o orientation | |
| // @include bp("medium") { | |
| // .class { | |
| // width: 100%; | |
| // } | |
| // } | |
| // // portrait |
https://www.midjourney.com/home?callbackUrl=/explore
https://midlibrary.io/midlibrary/inside
Andrei Kovalev's Midlibrary is a carefully curated collection of hand-picked Midjourney Styles and a Midjourney Guide
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ————————————————————————————————————o————————————————————————————————————o comment --> | |
| // ————————————————————————————————————o comment —> | |
| // |
mechaneyes
/ nameDanceElectronic.json
Last active
June 6, 2022 11:39
Tweet annotations - Twitter API
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "data": { | |
| "text": "My top artists (Last 7 days): 1. Sam Gendel 2. Axel Boman 3. Destroyer 4. Toro y Moi 5. Finn 6. Yasuaki Shimizu 7. Eris Drew 8. |||||||||||||||||||| 9. DJ Koze 10. Floating Points (via https://t.co/TlVPQxczRs Charts)", | |
| "entities": { | |
| "urls": [ | |
| { | |
| "start": 185, | |
| "end": 208, | |
| "url": "https://t.co/TlVPQxczRs", | |
| "expanded_url": "http://Last.fm", |
mechaneyes
/ p5js: package.json + webpack.config.js
Created
December 14, 2021 19:22
p5js: package.json + webpack.config.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| config for modernizing and running generator-p5-webpack | |
| 🏂 package.json | |
| 🍖 webpack.config.js |
NewerOlder