college

*sobbing*

can u guys tell me more animal facts pls

thks

why is it that when i'm least interested in writing, i have to do the most writing in every aspect of my life? pls

ok, so figma is actually amazing to design with? nobody told me this? no one told me about auto layouts so i don't have to manually push pixels in photoshop every time i move columns and rows? no one told me about components so i don't have to duplicate the same fucking group 20 times? tf bruh

crazy that i'm getting paid to do shit that i enjoy

suckers

i just logged into tumblr for the first time in ??? and found that someone made a blog called "therpctea". tbh reading these anon posts makes me feel very validated in leaving behind rping. this all sounds like a shit show.

it really does. awful, awful choice to get both at the same time. will probably do it again, tho...

i recently learned how to use webp!! you can open them with your browser, like just drag + drop to chrome or firefox. you can make your browser the default program associated with the .webp extension so that you can double-click on the file to open it immediately.

to make them was slightly more convoluted than i'd hoped, but still not bad. there's actually a photoshop plugin:

helpx.adobe.com/photoshop/kb/support-webp-image-format.html

OR the method i've been using is the CLI. you can install it with homebrew on mac:

www.ticktechtold.com/install-convert-images-into-webp-mac/

here's some other options, and the official page on google developers:

www.hongkiat.com/blog/webp-guide/
developers.google.com/speed/webp

and FINALLY to actually use it on a web page, this MDN article and another article by jason grigsby were very useful in putting it all together:

developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
cloudfour.com/thinks/responsive-images-101-definitions/

this is an example with graceful degradation that i'm using, though i'm not sure if i'm using the `sizes` attr correctly:

<picture>
 <!-- Preferred -->
 <source type="image/webp"
         srcset="banner.1920x600.webp 1920w,
                 banner.1400x600.webp 1400w,
                 banner.1200x400.webp 1200w,
                 banner.928x400.webp 928w"
         sizes="100vw">

 <!-- Fallback for browsers that don't support webp -->
 <source type="image/jpeg"
         srcset="banner.1920x600.jpg 1920w,
                 banner.1400x600.jpg 1400w,
                 banner.1200x400.jpg 1200w,
                 banner.928x400.jpg 928w"
         sizes="100vw">

 <!-- Image element where the browser selects and loads an image from the options above, or loads a default if it doesn't support the <source> element -->
 <img alt="Landscape photograph of Utah's Salt Lake Valley."
      src="banner.928x400.jpg">
</picture>
kind of an info dump sry. hope that's helpful to someone!

there is no escape, only vs code

btw visual studio code does a great job catching illegal characters like that! it highlights them with a nice error message.

their cuteness is blinding. one moment, you're scrubbing vomit out of your wool living room carpet, cursing the day you ever thought to bring home a puppy. the next moment, they're rolled over on their back, wagging their tail, asking for scritches, and it's like this blessed little being has done no wrong in their entire puppy life.

bc siel idk what you guys have been through, but anyone who doesn't want to hear about CSS Grid or any of CSS Layout is Wrong™ and will receive reeducation promptly. for years, we have Suffered through float layouts! and tables before that. they don't know how good CSS Layout is!

bc it's ok bb... .... this is a safe space

double post, but i used javascript promises for something other than async/await today. it might be good practice, or not. who knows? not me.