Scott Tolinski
@tolin
Cohost of @syntax.fm Executive Producer @Sentry.io Creator of Level Up Tutorials -> now a part of Syntax Bboy, Denver, Michigan I like to explore and teach web dev topics.
Breaking hits different when you’re 40. First sesh after taking 4 months off.
I made it so you can easily customize graffiti-ui.com with just a few lines of css overrides that you can copy and paste.
tbh over using the term for everything. trying to bring back the vibes of CodeKit.
Updated graffiti-ui.com/llms.txt to have much better organization and utility. Also added new components.
Today's addition to graffiti is a dropzone element. Some people would install a whole ass component for this.
Reworked the docs a ton. Not done totally yet, but better than before. Now better organized and a changelog page. drop-in-graffiti.netlify.app I need a domain for this, but there aren't any good "graffiti" domains avail.
My favorite part of having a project like drop-in-graffiti.netlify.app is that when I add something new, every project I have that uses it gets the new stuff. Nothing crazy today, but added a .fill class modifier to layout-sidebar and a .vertical modifier to .split as well as a basic app shell demo
Protip. Make a playlist of music for around the house. We put our Ultimate Dinner playlist on every night while during dinner and are constantly adding to it. Our kids get exposure to all kinds of music and really enjoy having it on and dancing in the kitchen after eating
Today's Graffiti release includes .avatar. Just adding things as I need them.
I'll never get bringing a JS component into something when a single class and some basic html will do.
Continuing to add more real utilities and components to drop-in-graffiti.netlify.app These are just css/html . No web components, no props, no config, just good base css and minimal classes.
Just did a my first real session with v_framer and it crushed. 6 media sources. 4 app windows, one cam, one audio all individually recorded and available instantly as .mkv or .wav. Going to drop in to Recut then move to Davinci to finish.
More updates. Adding settings, countdown, keyboard shortcuts, menu options. (UI for settings css not done)
Each video source can be fullscreened too with a 9:16 square for planning vertical video or just do a hair check.
I'm working on an app to record a bunch of audio, video and screen sources at once and outputs each recording as an individual file to take to your video editing app of choice. I wanted something that was as easy to record with as screenflow, with no garbage built in editors or proprietary formats.
I saw this UI being shared on Twitter and made a CSS only version. codepen.io/stolinski/pe...
Added some ground work for customization and theming controls. Added a bit of new utilities and base stuff too. Starting to feel really nice. drop-in-graffiti.netlify.app