{"ancestors":[{"id":"111931974412863818","created_at":"2024-02-14T21:33:06.915Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111931974412863818","url":"https://social.lol/@anniegreens/111931974412863818","replies_count":1,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eI started styling checkbox/radio/range with `accent-color` yesterday and I was really pleased. But as I got more into it, I reverted to using the pseudo-elements for track and thumb on range inputs in order to style both. This however seems to override the `accent-color` on range for the quantity amount, which is what `accent-color` applies to. It doesn\u0026#39;t apply to the thumb or entire track, only the part of the track that is the set quantity.\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111931988066107024","created_at":"2024-02-14T21:36:35.245Z","in_reply_to_id":"111931974412863818","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111931988066107024","url":"https://social.lol/@anniegreens/111931988066107024","replies_count":4,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eThis should also be a pseudo-element (part of the internal DOM of the input) but I can\u0026#39;t seem to find out what that pseudo element is to style. Weird.\u003c/p\u003e\u003cp\u003eAnyway, I\u0026#39;m sticking with `accent-color` on radio and checkbox and I\u0026#39;m really liking how form styles are progressing so far. I\u0026#39;m liking both checkbox and radio so much just using `accent-color` that I might revisit my styles on weblog that are a little more custom/involved.\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[{"id":"111931983211017194","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/931/983/211/017/194/original/1f9c5af9f5dd3eb5.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/931/983/211/017/194/small/1f9c5af9f5dd3eb5.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":821,"height":340,"size":"821x340","aspect":2.414705882352941},"small":{"width":746,"height":309,"size":"746x309","aspect":2.414239482200647}},"description":"A few HTML form elements styled in a lavender and deep purple light theme.","blurhash":"UXOWz5M_oct8jXWAazof~lWEWCaxogoffjax"},{"id":"111931983506667871","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/931/983/506/667/871/original/3a35edebc40e1881.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/931/983/506/667/871/small/3a35edebc40e1881.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":821,"height":345,"size":"821x345","aspect":2.3797101449275364},"small":{"width":740,"height":311,"size":"740x311","aspect":2.379421221864952}},"description":"A few HTML form elements styled in a lavender and deep purple dark theme.","blurhash":"U88:*p?dofIT%OxvayRiEJV[j[ofM^Rhj[oh"}],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111937274097694104","created_at":"2024-02-15T20:00:53.685Z","in_reply_to_id":"111931988066107024","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111937274097694104","url":"https://social.lol/@anniegreens/111937274097694104","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eWorking on focus states. Progress on this is interesting when using `accent-color` on checkbox/radio instead of creating a custom element that \u0026quot;lives\u0026quot; on the label and allows the focus state to wrap both entities. I\u0026#39;m still hoping to find a way to do this.\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[{"id":"111937257524465217","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/257/524/465/217/original/d4402276d2b02d9e.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/257/524/465/217/small/d4402276d2b02d9e.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":351,"height":63,"size":"351x63","aspect":5.571428571428571},"small":{"width":351,"height":63,"size":"351x63","aspect":5.571428571428571}},"description":"The focus state of an HTML form element input type checkbox showing a thick dashed outline on the label element and a lighter accent color on the checkbox itself.","blurhash":"UIAAH}WBRiayWBj[j[j[4mj[ozbGt7ayWBay"},{"id":"111937258115763618","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/258/115/763/618/original/feeafb7be9adabb9.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/258/115/763/618/small/feeafb7be9adabb9.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":342,"height":48,"size":"342x48","aspect":7.125},"small":{"width":342,"height":48,"size":"342x48","aspect":7.125}},"description":"An HTML form element input type checkbox showing the checked but unselected state.","blurhash":"UOAc*?j]WDj^ayj[j]j[4mj=oeaxofWBWBax"},{"id":"111937258934328296","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/258/934/328/296/original/890dafe986e386e2.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/258/934/328/296/small/890dafe986e386e2.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":705,"height":235,"size":"705x235","aspect":3.0},"small":{"width":705,"height":235,"size":"705x235","aspect":3.0}},"description":"The focus state of an HTML form element input type radio showing a thick dashed outline on the label element and a lighter accent color on the radio itself. There are two other unselected radio elements, all three within a fieldset with legend.","blurhash":"UCAS}s_4RiI9%ixwV@RiNIRoaxoexvxuayWA"},{"id":"111937260172912658","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/260/172/912/658/original/b997891775f1e29d.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/260/172/912/658/small/b997891775f1e29d.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":704,"height":233,"size":"704x233","aspect":3.0214592274678114},"small":{"width":704,"height":233,"size":"704x233","aspect":3.0214592274678114}},"description":"An HTML form element input type radio showing the checked but unselected state. There are two other unselected radio elements, all three within a fieldset with legend.","blurhash":"UCAS_k?dRiIT%ixwV@RiS5WFWAob%MxuaxRj"}],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}],"descendants":[{"id":"111937295273551419","created_at":"2024-02-15T20:06:16.804Z","in_reply_to_id":"111937283804066167","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111937295273551419","url":"https://social.lol/@anniegreens/111937295273551419","replies_count":1,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003elol well I didn\u0026#39;t realize I wasn\u0026#39;t implicitly wrapping the inputs with the label, this has fixed my issue\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111937353633110507","created_at":"2024-02-15T20:21:07.301Z","in_reply_to_id":"111937295273551419","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111937353633110507","url":"https://social.lol/@anniegreens/111937353633110507","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eahh that might be effing sweet!\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[{"id":"111937351107726947","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/351/107/726/947/original/1ff9d3a74b207697.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/351/107/726/947/small/1ff9d3a74b207697.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":476,"height":66,"size":"476x66","aspect":7.212121212121212},"small":{"width":476,"height":66,"size":"476x66","aspect":7.212121212121212}},"description":"The focus state of an HTML form element input type range showing a thick dashed outline on the element and a lighter color on the range thumb, as well as a thick dashed outline on the entire label and element combined.","blurhash":"UC9s@|%NbFaeofa|ayju4mIUjZofkBjuj[ay"}],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111937406298950851","created_at":"2024-02-15T20:34:30.918Z","in_reply_to_id":"111937353633110507","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111937406298950851","url":"https://social.lol/@anniegreens/111937406298950851","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eThe aforementioned fix.\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[{"id":"111937396409877296","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/396/409/877/296/original/af3557e2e101cf37.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/396/409/877/296/small/af3557e2e101cf37.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":348,"height":53,"size":"348x53","aspect":6.566037735849057},"small":{"width":348,"height":53,"size":"348x53","aspect":6.566037735849057}},"description":"The focus state of an HTML form element input type checkbox showing a thick dashed outline on the label element wrapping around the checkbox and a lighter accent color on the checkbox itself.","blurhash":"UJBf*BaeRjjboMj[j[j[4mofozj[t7WUWBay"},{"id":"111937396729969138","type":"image","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/396/729/969/138/original/25727a6cbf9b6bdd.png","preview_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/media_attachments/files/111/937/396/729/969/138/small/25727a6cbf9b6bdd.png","remote_url":null,"preview_remote_url":null,"text_url":null,"meta":{"original":{"width":703,"height":228,"size":"703x228","aspect":3.0833333333333335},"small":{"width":703,"height":228,"size":"703x228","aspect":3.0833333333333335}},"description":"The focus state of an HTML form element input type radio showing a thick dashed outline on the label element wrapping around the radio and a lighter accent color on the radio itself. There are two other unselected radio elements, all three within a fieldset with legend.","blurhash":"UDAm3_?wRiIT-?xwV@RiNfWFWBocx^xvaxRj"}],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111937408045434043","created_at":"2024-02-15T20:34:57.567Z","in_reply_to_id":"111937406298950851","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111937408045434043","url":"https://social.lol/@anniegreens/111937408045434043","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eAlright, moving on to text-based inputs.\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111939553904025199","created_at":"2024-02-16T05:40:40.770Z","in_reply_to_id":"111937408045434043","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111939553904025199","url":"https://social.lol/@anniegreens/111939553904025199","replies_count":1,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eWell I’ve checked these inputs so far in Safari and Chrome and there are inconsistencies. Even referencing documentation from just the past couple years, Chrome is not picking up the range input styling, and makes a ragged looking focus state on the combined label + input, which is annoying. Safari is inconsistent in styling the range input between OSes even when using webkit pseudo classes. The other inputs are fine except for focus states, which always feel buggy in Safari.\u003c/p\u003e","reblog":null,"application":{"name":"Ivory for iOS","website":"https://tapbots.com/"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111939557169583447","created_at":"2024-02-16T05:41:30.599Z","in_reply_to_id":"111939553904025199","in_reply_to_account_id":"109736944131488938","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://social.lol/users/anniegreens/statuses/111939557169583447","url":"https://social.lol/@anniegreens/111939557169583447","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eI’m still moving on to text inputs, I’ll come back to these bugs.\u003c/p\u003e","reblog":null,"application":{"name":"Ivory for iOS","website":"https://tapbots.com/"},"account":{"id":"109736944131488938","username":"anniegreens","acct":"anniegreens","display_name":"Candy Apples Annie 🎄","locked":true,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-23T00:00:00.000Z","note":"\u003cp\u003eOn “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.\u003cbr /\u003e•—•\u003cbr /\u003eHeader alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.\u003c/p\u003e\u003cp\u003eAvatar alt: A stylized avatar illustration of a woman with a red \u0026amp; white stocking cap, rounded rectangular turquoise glasses, a green mug overflowing with cocoa, wearing a red \u0026amp; white sweater.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://proven.lol/f84024\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eproven.lol/f84024\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://social.lol/@anniegreens","uri":"https://social.lol/users/anniegreens","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/736/944/131/488/938/original/d71a8c0249818943.png","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/736/944/131/488/938/original/c9dec069f3dd770a.jpeg","followers_count":238,"following_count":218,"statuses_count":12146,"last_status_at":"2025-01-03","hide_collections":true,"noindex":true,"memorial":true,"emojis":[],"roles":[],"fields":[{"name":"Location","value":"Lower Columbia, PDX, PNW","verified_at":null},{"name":"Site","value":"\u003ca href=\"https://anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eanniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-11-04T17:30:38.105+00:00"},{"name":"Blog","value":"\u003ca href=\"https://weblog.anniegreens.lol\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eweblog.anniegreens.lol\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-05-25T01:02:56.204+00:00"},{"name":"Here for","value":"new stuff, old stuff, fun stuff","verified_at":null}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}]}