Fierce alley cat. One in a million. Not that big of a deal considering Earth's population. Mad scientist dabbling in code. Not a role model. This account... well, exists because I'll try anything. But I can't say I'm a big fan of this place, so don't expect much.
Public Key
npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu
Profile Code
nprofile1qqs8ppufc2ejf4c7u5wrsxrzy5nwrmdp7m4an20lawslp925hcaz2cspz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0dsa6hlrm
Author Public Key
npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Show more details
Published at
2023-04-10T19:34:11+02:00 Event JSON
{
"id": "1909ffad293eb1c6c60e1a94dc1c001edd974a45f598506ba71ed8ee3c4ece4a" ,
"pubkey": "708789c2b324d71ee51c3818622526e1eda1f6ebd9a9ffeba1f09554be3a2562" ,
"created_at": 1681148051 ,
"kind": 0 ,
"tags": [
[
"mostr",
"https://mastodon.social/users/anatudor"
]
],
"content": "{\"name\":\"Ana Tudor 🐯\",\"about\":\"Fierce alley cat. One in a million. Not that big of a deal considering Earth's population. Mad scientist dabbling in code. Not a role model.\\n\\nThis account... well, exists because I'll try anything. But I can't say I'm a big fan of this place, so don't expect much.\",\"picture\":\"https://files.mastodon.social/accounts/avatars/000/032/291/original/cf5d522635985b31.jpg\",\"banner\":\"https://files.mastodon.social/accounts/headers/000/032/291/original/20d2932c42c9a35a.png\",\"nip05\":\"[email protected] \"}" ,
"sig": "da8399cd376ebbe2cd361921ea413072d375a0f6561e6e4d71e553d11103ec6a0f4ae75c0568d4c9538cf11d7bd75ef1ef7c0b4b7ceb5842b220e9d29fdc435e"
}
Last Notes npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 I've been such a mess I've barely touched the cake I made at the start of the week. #cake #baking #vegan #chocolateCake https://files.mastodon.social/media_attachments/files/112/310/044/859/022/835/original/7879d9fa0f680bd7.png npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 For anyone who travels and can't waste more than a normal day's budget to buy a way overpriced water bottle, here's a website with info on water fountains at airports https://www.wateratairports.com/ #travel npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 #tinyCSStip overflow-wrap: anywhere prevents long words from overflowing or expanding their containing element beyond what we want. The text effects below all use this! (they also don't involve any text duplication whatsoever in the markup or via pseudo-element content or any wrapping of individual parts of the text in separate elements... but that's another story) #CSS #typography #textEffect #code #coding #frontend #webDev, #webDevelopment #SVG #SVGFilter #filter https://files.mastodon.social/media_attachments/files/112/116/861/840/328/409/original/43e1406a27cf0623.png https://files.mastodon.social/media_attachments/files/112/116/862/692/738/604/original/b8e97fef7abdb42d.png https://files.mastodon.social/media_attachments/files/112/116/863/415/671/673/original/487feff3a1477c6e.png https://files.mastodon.social/media_attachments/files/112/116/865/600/108/103/original/8db66836d545d8a8.png npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 Things I'd need, but #CSS doesn't give me now: using the current exact page aspect ratio in computations - `atan2(100vh, 100vw)` just strips units & always gives me `45deg` 🤦♀️ #code #coding #frontend #webDev #webDevelopment https://files.mastodon.social/media_attachments/files/112/082/527/545/848/460/original/4409162733f03853.png npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 Never thought I'd have to say this, but please don't put important info, such as *a list of features* in an `::after` pseudo (with '\A• ' ahead of every "list" item). Yeah, you create a 1 div card. You also annoy people who may want to select the text of one of the 10+ list items without digging into DevTools. #HTML #CSS #accessibility #a11y #code #coding #frontend #webDev #webDevelopment npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 So... I gave #GeminiAI a try. And I got it to correctly #CSS a triangle with a gradient background! If you want to know how long it took and how much bullshit it spat out before it got there, check out this public post on Patreon https://www.patreon.com/posts/ai-generated-css-99120109 And if you think that's bad... you haven't seen its #Maths abilities... 2/(2 + 2) = 1 and 1 + 1 + 1 = 4. And an isosceles triangle with all edges equal isn't equilateral... Stay in school, kids. #AI won't save you. #code #coding #webDev https://files.mastodon.social/media_attachments/files/111/988/304/031/468/028/original/9ce2912c49492d93.png https://files.mastodon.social/media_attachments/files/111/988/305/468/260/026/original/8cba8d67bdf320ee.png https://files.mastodon.social/media_attachments/files/111/988/308/183/128/155/original/dd6d164274ea8f7b.png npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 Firefox and Safari don't show the title-produced tooltip on :focus, only on :hover! Chromium browsers do and so did pre-Chromium Edge and IE10+ (see https://www.24a11y.com/2017/the-trials-and-tribulations-of-the-title-attribute/). Live test https://codepen.io/thebabydino/pen/JjBBbqr #html #a11y #css #code #coding #frontend #webDev #webDevelopment npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 So the `tan()` function got the swatch and triggered the picker in #ChromeDevTools https://mastodon.social/@anatudor/111455313307413672 ... but `hotpink` inside `color-mix()` when the percentage is a CSS variable* doesn't?! 🙀 Come on, this is really useful for quick tweaking, plus @npub1jzw…x6q5 supports this... *thanks to @npub16mu…qy4m for pointing that part out #css 🙃 #code #coding #frontend #webDev #webDevelopment #webCompat #bug https://files.mastodon.social/media_attachments/files/111/612/318/025/769/926/original/118938db115ee7de.png https://files.mastodon.social/media_attachments/files/111/612/319/199/472/223/original/0e7b0a95b6e9a613.png npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 When you can't understand why a variable is -1, when it really, really should be 1 because it's the result of 1 - 0 😭 ... until it hits you that's not a minus! It's what's still left of that bug you've killed on your screen a bit earlier! It's literally a bug! But not in the code, on the screen! #bug #coding #frontend #webDev #webDevelopment npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 Came across this cool #CSS pattern https://codepen.io/josetxu/pen/mdvzaQZ?editors=0100 - uses 35 gradients, so I instantly knew I could simplify it and make it easily customisable. So here it is my version on #CodePen https://codepen.io/thebabydino/pen/WNPamBB?editors=0100 - 9 gradients with n set to 4. Because yes, you can change n! 😎 #coding #pattern #cssPattern #cssGradient #frontend #code #maths #blending #blendMode #xor #logic #trigonometry #geometry #webDev #webDevelopment https://files.mastodon.social/media_attachments/files/111/507/030/730/655/974/original/da14506d348f218c.png npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 🇷🇴 1 Decembrie sărbătorit cu ce bea fiecare, în pahare cu Hristos a înviat! parcate pe o masă acoperită de o față de masă cu Crăciun fericit! ¯\_(ツ)_/¯ Ana își calculează limitele probabile între care i se situează acum concentrația de alcool din sânge. Ca în clasa a 7a la bio. npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 So this pure #CSS gravity button has been my most popular demo in November. You can check out the live demo on #CodePen: https://codepen.io/thebabydino/pen/bGzeQrv #codevember #coding #frontend #gravity #webDev #webDevelopment #particles #physics #CSSphysics https://files.mastodon.social/media_attachments/files/111/505/486/498/064/384/original/76fc0d8112c74764.mp4 npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 So these cat treats are a real product - "tasty human" with "chicken, liver and beef flavors" - wait, what? 😂 https://chewy.com/temptations-mixups-tasty-human/dp/899054 And remember, your cat is plotting to kill you! Thanks @npub1uq3…929v for sending this my way. #caturday #funnies https://files.mastodon.social/media_attachments/files/111/067/577/464/501/452/original/f4f0205dbdd7cddf.png npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 Two pure #CSS loading animations. Check them out on #CodePen: One https://codepen.io/thebabydino/pen/vYJQzbo Two https://codepen.io/thebabydino/pen/mdMapbj #coding #frontend #webDev #webDevelopment #css https://files.mastodon.social/media_attachments/files/110/797/024/326/221/745/original/1ceac0c9be2cbb23.mp4 npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 @npub18qs…0s8s Quotes are a nice to have thing as you actually get to see context without clicking a link, but search is a huge deal for me. Right now, there's no way I can still easily find some of my own older posts to reference them later... so thanks for this! npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu Ana Tudor 🐯 #cssChallenge2023 How would you code this sort of outset gradient border with: ❌no JS ⚠️only 1 img element ❌no magic values for the gradient stops, they're obtained from img source ⚠️no SVG, no images in general other than the actual image & the border one #css #frontend #webDev #webDevelopment #coding #code Image examples 👇 https://files.mastodon.social/media_attachments/files/110/283/030/657/604/804/original/d3e0ebf8d8dc17eb.png https://files.mastodon.social/media_attachments/files/110/283/031/180/627/008/original/dd92c97942e845e2.png https://files.mastodon.social/media_attachments/files/110/283/031/771/265/313/original/700bebf2a02d05a4.png https://files.mastodon.social/media_attachments/files/110/283/032/499/067/324/original/0c2f3c837f071c8c.png