[{"id":"116538100456318458","created_at":"2026-05-08T08:51:32.820Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116538100456318458","url":"https://mastodon.social/@cita/116538100456318458","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Playlist of the day: <a href=\"https://open.spotify.com/album/39mRhgNQlAFesk1GKCR4xx\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">open.spotify.com/album/39mRhgN</span><span class=\"invisible\">QlAFesk1GKCR4xx</span></a></p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://open.spotify.com/album/39mRhgNQlAFesk1GKCR4xx","title":"The Complete Max Cavalera Collection 1987-1996 - Compilation by Sepultura | Spotify","description":"Sepultura · compilation · 1987 · 56 songs","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Spotify","provider_url":"","html":"","width":480,"height":480,"image":"https://files.mastodon.social/cache/preview_cards/images/192/110/456/original/b27b73525ea80c1e.jpeg","image_description":"","embed_url":"","blurhash":"U46@i|of1bbH6$a|]njt,sf6PAfkIUayxuj[","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116533122551024517","created_at":"2026-05-07T11:45:35.806Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116533122551024517","url":"https://mastodon.social/@cita/116533122551024517","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>AMA, I managed to listen to 3 minutes of the first song of the new album of Sunn O))) - Sunn O))). </p><p><a href=\"https://mastodon.social/tags/dronemetal\" class=\"mention hashtag\" rel=\"tag\">#<span>dronemetal</span></a> <a href=\"https://mastodon.social/tags/nothanks\" class=\"mention hashtag\" rel=\"tag\">#<span>nothanks</span></a></p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[{"name":"dronemetal","url":"https://mastodon.social/tags/dronemetal"},{"name":"nothanks","url":"https://mastodon.social/tags/nothanks"}],"emojis":[],"tagged_collections":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116516727105628468","created_at":"2026-05-04T14:16:01.160Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116516727105628468","url":"https://mastodon.social/@cita/116516727105628468","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Martin Trapp shares practical View Transition API tricks and real-world examples.</p><p><a href=\"https://vtbag.dev/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">vtbag.dev/</span><span class=\"invisible\"></span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://vtbag.dev/","title":"The Bag of Tricks for View Transitions","description":"Tools, Tips, and Tricks to Enhance your Dev Skills with the View Transition API!","language":"en","type":"link","author_name":"","author_url":"","provider_name":"@vtbag","provider_url":"","html":"","width":678,"height":339,"image":"https://files.mastodon.social/cache/preview_cards/images/149/315/226/original/debd46f073dd2e0a.png","image_description":"","embed_url":"","blurhash":"U58z0?Iv}=9]%1ofayWB0y9uNHxZslM{oLxa","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116515288043187343","created_at":"2026-05-04T08:10:02.811Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116515288043187343","url":"https://mastodon.social/@cita/116515288043187343","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Chris Nelson outlines Google&#39;s new policy against back button hijacking.</p><p><a href=\"https://developers.google.com/search/blog/2026/04/back-button-hijacking\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">developers.google.com/search/b</span><span class=\"invisible\">log/2026/04/back-button-hijacking</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://developers.google.com/search/blog/2026/04/back-button-hijacking","title":"Introducing a new spam policy for \"back button hijacking\"  |  Google Search Central Blog  |  Google for Developers","description":"","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Google for Developers","provider_url":"","html":"","width":640,"height":360,"image":"https://files.mastodon.social/cache/preview_cards/images/189/075/754/original/7f975ed13ff0201d.png","image_description":"","embed_url":"","blurhash":"UUQmM1o#^+t6~SofM|WBEAe.W9bc-lWBNet7","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116498301046120054","created_at":"2026-05-01T08:10:01.804Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116498301046120054","url":"https://mastodon.social/@cita/116498301046120054","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Manuel Matuzović clarifies why box-shadow fails for focus outlines in forced colors mode.</p><p><a href=\"https://matuzo.at/blog/2026/box-shadow-no-alternative-to-outline\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">matuzo.at/blog/2026/box-shadow</span><span class=\"invisible\">-no-alternative-to-outline</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://matuzo.at/blog/2026/box-shadow-no-alternative-to-outline","title":"box-shadow is no alternative to outline - Manuel Matuzovic","description":"I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Manuel Matuzovic","provider_url":"","html":"","width":480,"height":480,"image":"https://files.mastodon.social/cache/preview_cards/images/189/315/749/original/588c347a0cd4125b.png","image_description":"","embed_url":"","blurhash":"URQ0XHM{ayt7-;t7ofay~qxuWBay9FM{WBof","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116494077882611723","created_at":"2026-04-30T14:16:01.466Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116494077882611723","url":"https://mastodon.social/@cita/116494077882611723","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Harry Roberts shares why font-family declarations need complete fallback stacks to prevent layout shifts.</p><p><a href=\"https://csswizardry.com/2026/04/font-family-doesnt-fall-back-the-way-you-think/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">csswizardry.com/2026/04/font-f</span><span class=\"invisible\">amily-doesnt-fall-back-the-way-you-think/</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://csswizardry.com/2026/04/font-family-doesnt-fall-back-the-way-you-think/","title":"font-family Doesn’t Fall Back the Way You Think – CSS Wizardry","description":"A quick but important reminder that font-family declarations don’t inherit fallback stacks the way many developers assume.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":0,"height":0,"image":null,"image_description":"","embed_url":"","blurhash":null,"published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116492638986261998","created_at":"2026-04-30T08:10:05.629Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116492638986261998","url":"https://mastodon.social/@cita/116492638986261998","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Yuan Chuan reveals how stacking text-stroke layers creates retro multi-stroke effects.</p><p><a href=\"https://yuanchuan.dev/multi-stroke-text-effect-in-css\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">yuanchuan.dev/multi-stroke-tex</span><span class=\"invisible\">t-effect-in-css</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://yuanchuan.dev/multi-stroke-text-effect-in-css","title":"Multi-stroke text effect in CSS","description":"I used to see that retro multi-stroke text effect quite often and\n    tried to replicate it using the CSS text-stroke property,\n    but the results never quite matched.\n    Because text-stroke accepts a single value, stacking elements was the only workaround I could think of, though it didn't seem to work.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":0,"height":0,"image":null,"image_description":"","embed_url":"","blurhash":null,"published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116488415573516659","created_at":"2026-04-29T14:16:01.464Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116488415573516659","url":"https://mastodon.social/@cita/116488415573516659","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Temani Afif demonstrates hand-drawn underlines using the new border-shape CSS property.</p><p><a href=\"https://css-tip.com/hand-drawn-underline/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tip.com/hand-drawn-underli</span><span class=\"invisible\">ne/</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://css-tip.com/hand-drawn-underline/","title":"Hand-Drawn Underline using border-shape","description":"Add a fancy underline to your menu items using modern CSS","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":640,"height":360,"image":"https://files.mastodon.social/cache/preview_cards/images/190/986/198/original/c21f19de6d56c6f1.png","image_description":"","embed_url":"","blurhash":"UNRW0bayt6t7kCayxuaxxuf7M{j[~qt7M{j[","published_at":null,"authors":[{"name":"","url":"","account":{"id":"109293302052423899","username":"css","acct":"css@front-end.social","display_name":"CSS by T. Afif :verified:","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-11-05T00:00:00.000Z","note":"<p>CSS stuff by Temani Afif<br>  <br>  💡 <a href=\"https://css-tip.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-tip.com</span><span class=\"invisible\"></span></a><br>  🧩 <a href=\"https://css-shape.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-shape.com</span><span class=\"invisible\"></span></a><br> 💫  <a href=\"https://css-loaders.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-loaders.com</span><span class=\"invisible\"></span></a><br>  📝 <a href=\"https://css-articles.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-articles.com</span><span class=\"invisible\"></span></a><br>  ⚙️ <a href=\"https://css-generators.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-generators.com</span><span class=\"invisible\"></span></a><br>  🎨 <a href=\"https://css-pattern.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-pattern.com</span><span class=\"invisible\"></span></a><br>  ✨ <a href=\"https://css-only.art\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-only.art</span><span class=\"invisible\"></span></a><br>  🎮 <a href=\"https://css-games.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-games.com</span><span class=\"invisible\"></span></a><br>  ❓ <a href=\"https://css-quizzes.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">css-quizzes.com</span><span class=\"invisible\"></span></a></p><p>I verified myself because I know I am a real person. You can trust me, I know who I am.</p>","url":"https://front-end.social/@css","uri":"https://front-end.social/users/css","avatar":"https://files.mastodon.social/cache/accounts/avatars/109/293/302/052/423/899/original/7ebe093a2e793187.png","avatar_static":"https://files.mastodon.social/cache/accounts/avatars/109/293/302/052/423/899/original/7ebe093a2e793187.png","avatar_description":"","header":"https://files.mastodon.social/cache/accounts/headers/109/293/302/052/423/899/original/a489ed6555d485aa.jpg","header_static":"https://files.mastodon.social/cache/accounts/headers/109/293/302/052/423/899/original/a489ed6555d485aa.jpg","header_description":"","followers_count":1788,"following_count":66,"statuses_count":1861,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"feature_approval":{"automatic":[],"manual":[],"current_user":"denied"},"emojis":[{"shortcode":"verified","url":"https://files.mastodon.social/cache/custom_emojis/images/000/451/775/original/d9dc431186ae9b83.png","static_url":"https://files.mastodon.social/cache/custom_emojis/images/000/451/775/static/d9dc431186ae9b83.png","visible_in_picker":true}],"fields":[{"name":"Support Me","value":"<a href=\"https://support.temani-afif.com/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">support.temani-afif.com/</span><span class=\"invisible\"></span></a>","verified_at":"2026-05-08T12:28:53.886+00:00"},{"name":"Github","value":"<a href=\"https://github.com/Afif13/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">github.com/Afif13/</span><span class=\"invisible\"></span></a>","verified_at":"2026-05-08T12:28:54.716+00:00"},{"name":"Codepen","value":"<a href=\"https://codepen.io/t_afif\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">codepen.io/t_afif</span><span class=\"invisible\"></span></a>","verified_at":null},{"name":"🦋","value":"<a href=\"https://bsky.app/profile/css-only.dev\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">bsky.app/profile/css-only.dev</span><span class=\"invisible\"></span></a>","verified_at":null}]}}]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116488077084829909","created_at":"2026-04-29T12:49:56.534Z","in_reply_to_id":"116487454163384671","in_reply_to_account_id":"116449664039604464","sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116488077084829909","url":"https://mastodon.social/@cita/116488077084829909","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"<p><span class=\"h-card\" translate=\"no\"><a href=\"https://front-end.social/@hejchristian\" class=\"u-url mention\">@<span>hejchristian</span></a></span> I watched it last month and I think it so great!</p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[{"id":"116449664039604464","username":"hejchristian","url":"https://front-end.social/@hejchristian","acct":"hejchristian@front-end.social"}],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116486976670593665","created_at":"2026-04-29T08:10:05.546Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116486976670593665","url":"https://mastodon.social/@cita/116486976670593665","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Ion Prodan explains safe alignment in flexbox and grid layouts.</p><p><a href=\"https://iprodan.dev/l/safe-alignment/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">iprodan.dev/l/safe-alignment/</span><span class=\"invisible\"></span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://iprodan.dev/l/safe-alignment/","title":"CSS safe alignment (flex & grid) | Labs","description":"What the safe keyword does in box alignment—and when to use it.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":730,"height":316,"image":"https://files.mastodon.social/cache/preview_cards/images/190/851/085/original/57cde4d22012fb41.jpeg","image_description":"CSS safe alignment (flex & grid) | Labs","embed_url":"","blurhash":"UA4;$Wp;Yec6cmkSodbHUUXMn6jdt%bIV[j=","published_at":"2026-03-31T00:00:00.000Z","authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116482753249724257","created_at":"2026-04-28T14:16:01.260Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116482753249724257","url":"https://mastodon.social/@cita/116482753249724257","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Amit Sheen explains how to build responsive UIs without relying on traditional CSS breakpoints.</p><p><a href=\"https://frontendmasters.com/blog/building-a-ui-without-breakpoints/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">frontendmasters.com/blog/build</span><span class=\"invisible\">ing-a-ui-without-breakpoints/</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://frontendmasters.com/blog/building-a-ui-without-breakpoints/","title":"Building a UI Without Breakpoints – Frontend Masters Blog","description":"This article covers a layout approach that better fits the modern web: fluid, intrinsic components that adapt by default, and treat conditional rules as local, intentional exceptions.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":662,"height":348,"image":"https://files.mastodon.social/cache/preview_cards/images/189/422/703/original/244384fcba6a773d.jpeg","image_description":"","embed_url":"","blurhash":"UdKJEB%2?Ij==*WCWURjNFoeobf+$-axt6WC","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116481314087313962","created_at":"2026-04-28T08:10:01.388Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116481314087313962","url":"https://mastodon.social/@cita/116481314087313962","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Mat Marquis describes how sizes=&#39;auto&#39; finally simplifies responsive images.</p><p><a href=\"https://piccalil.li/blog/the-end-of-responsive-images/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">piccalil.li/blog/the-end-of-re</span><span class=\"invisible\">sponsive-images/</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://piccalil.li/blog/the-end-of-responsive-images/","title":"The end of responsive images","description":"Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Piccalilli","provider_url":"","html":"","width":662,"height":348,"image":"https://files.mastodon.social/cache/preview_cards/images/190/302/876/original/5c7df965f3afc96e.png","image_description":"Page image for Piccalilli","embed_url":"","blurhash":"UJRB,PxX?GxY==WYs+WX~VoIA1oJNza~R.a}","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116477090994696989","created_at":"2026-04-27T14:16:02.108Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116477090994696989","url":"https://mastodon.social/@cita/116477090994696989","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Issue #120 of the UI Dev Newsletter is out!</p><p>In this issue: sizes=&#39;auto&#39; for responsive images, responsive UI without breakpoints, hand-drawn underlines, and more.</p><p><a href=\"https://www.silvestar.codes/side-projects/ui-dev-newsletter/2026-04-27/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"ellipsis\">silvestar.codes/side-projects/</span><span class=\"invisible\">ui-dev-newsletter/2026-04-27/</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://www.silvestar.codes/side-projects/ui-dev-newsletter/2026-04-27/","title":"Issue #120 ✣ UI Dev Newsletter","description":"In this issue: sizes='auto' for responsive images, responsive UI without breakpoints, hand-drawn underlines, and more.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"S.Bistrović","provider_url":"","html":"","width":662,"height":348,"image":"https://files.mastodon.social/cache/preview_cards/images/190/767/687/original/5b386ba1af00843b.png","image_description":"","embed_url":"","blurhash":"UQNCG^oz5ha}xu$AWB$,1XoLRPWBtRspayoM","published_at":null,"authors":[{"name":"","url":"","account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]}}]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116441678077171602","created_at":"2026-04-21T08:10:03.867Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116441678077171602","url":"https://mastodon.social/@cita/116441678077171602","replies_count":0,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"<p>Terry Godier explores why simple, finished products like the Casio watch feel luxurious today and how they just work without asking anything from you.</p><p><a href=\"https://www.terrygodier.com/the-last-quiet-thing\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"ellipsis\">terrygodier.com/the-last-quiet</span><span class=\"invisible\">-thing</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://www.terrygodier.com/the-last-quiet-thing","title":"The Last Quiet Thing","description":"Your possessions came alive. Now they won't stop talking.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Terry Godier","provider_url":"","html":"","width":662,"height":348,"image":"https://files.mastodon.social/cache/preview_cards/images/185/630/540/original/801f055bb0c235b9.png","image_description":"","embed_url":"","blurhash":"U02=[mj]9Fj]?bfQRjj[01ay-;j[01j[xuay","published_at":null,"authors":[{"name":"","url":"","account":{"id":"115952896183824853","username":"tg","acct":"tg@indieweb.social","display_name":"Terry Godier","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2026-01-24T00:00:00.000Z","note":"<p>Thinking about calm software, reading, and attention.</p><p>I like bogs, Casio watches, and They Live memes. </p><p>Physically in Wisconsin, but mentally here to learn in public.</p>","url":"https://indieweb.social/@tg","uri":"https://indieweb.social/ap/users/115948090307838315","avatar":"https://files.mastodon.social/cache/accounts/avatars/115/952/896/183/824/853/original/d57583d92fd191f2.png","avatar_static":"https://files.mastodon.social/cache/accounts/avatars/115/952/896/183/824/853/original/d57583d92fd191f2.png","avatar_description":"","header":"https://mastodon.social/headers/original/missing.png","header_static":"https://mastodon.social/headers/original/missing.png","header_description":"","followers_count":2019,"following_count":49,"statuses_count":778,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"feature_approval":{"automatic":[],"manual":[],"current_user":"denied"},"emojis":[],"fields":[{"name":"Working on","value":"Calm tools for reading","verified_at":null},{"name":"Blog","value":"<a href=\"https://blog.terrygodier.com\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">blog.terrygodier.com</span><span class=\"invisible\"></span></a>","verified_at":null},{"name":"Visual Essays","value":"<a href=\"https://www.terrygodier.com\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">terrygodier.com</span><span class=\"invisible\"></span></a>","verified_at":"2026-05-07T23:54:59.603+00:00"},{"name":"Current, a calm rss reader for Apple platforms","value":"<a href=\"https://www.currentreader.app\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">currentreader.app</span><span class=\"invisible\"></span></a>","verified_at":"2026-05-07T23:54:59.742+00:00"}]}}]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116437454816314058","created_at":"2026-04-20T14:16:02.019Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116437454816314058","url":"https://mastodon.social/@cita/116437454816314058","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Chrome DevRel Project team shares a collection of utility functions to more easily work with View Transitions.</p><p><a href=\"https://chrome.dev/view-transitions-toolkit/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">chrome.dev/view-transitions-to</span><span class=\"invisible\">olkit/</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://chrome.dev/view-transitions-toolkit/","title":"View Transitions Toolkit","description":"A collection of utility functions to more easily work with View Transitions.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":613,"height":375,"image":"https://files.mastodon.social/cache/preview_cards/images/187/806/819/original/ffbbf0f2ea6bb074.png","image_description":"","embed_url":"","blurhash":"UARyy%X-~T%2.Re.s.Sh?Ys9IWWXw6S~Nani","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116436015780578302","created_at":"2026-04-20T08:10:04.076Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116436015780578302","url":"https://mastodon.social/@cita/116436015780578302","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":1,"edited_at":null,"content":"<p>Thereallo analyzes security flaws in the White House Android app, revealing cookie/paywall bypass, GPS tracking, and third-party code risks.</p><p><a href=\"https://thereallo.dev/blog/decompiling-the-white-house-app\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">thereallo.dev/blog/decompiling</span><span class=\"invisible\">-the-white-house-app</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://thereallo.dev/blog/decompiling-the-white-house-app","title":"I Decompiled the White House's New App","description":"The official White House Android app has a cookie/paywall bypass injector, tracks your GPS every 4.5 minutes, and loads JavaScript from some guy's GitHub Pages.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Thereallo","provider_url":"","html":"","width":662,"height":348,"image":"https://files.mastodon.social/cache/preview_cards/images/187/188/849/original/0d257f2c877fc038.png","image_description":"I Decompiled the White House's New App","embed_url":"","blurhash":"U24.3to|-;Io00%3E1-p9FE0?HIo~q-;R%t7","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116419028988733458","created_at":"2026-04-17T08:10:06.211Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116419028988733458","url":"https://mastodon.social/@cita/116419028988733458","replies_count":0,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"<p>Adam Argyle analyzes why AI is useful for standard UI patterns but fails at custom solutions due to limited training data and inability to control rendering environments.</p><p><a href=\"https://nerdy.dev/why-ai-sucks-at-front-end\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">nerdy.dev/why-ai-sucks-at-fron</span><span class=\"invisible\">t-end</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://nerdy.dev/why-ai-sucks-at-front-end","title":"Why AI Sucks At Front End · April 12, 2026","description":"How can it generate 3D worlds, videos, images and entire web pages, but still suck at front-end?","language":"en","type":"link","author_name":"","author_url":"","provider_name":"nerdy.dev","provider_url":"","html":"","width":809,"height":284,"image":"https://files.mastodon.social/cache/preview_cards/images/188/903/123/original/5228e5b0473a7569.jpg","image_description":"","embed_url":"","blurhash":"UQEf1~2dv}$znfSwr=WUQ:t7ozM{J8bDg3WY","published_at":null,"authors":[{"name":"","url":"","account":{"id":"109666177048453224","username":"argyleink","acct":"argyleink@front-end.social","display_name":"Adam Argyle","locked":false,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-10T00:00:00.000Z","note":"<p>Teachin, designin, and buildin on the web all day.</p><p>Bluesky <a href=\"https://bsky.app/profile/nerdy.dev\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">bsky.app/profile/nerdy.dev</span><span class=\"invisible\"></span></a></p>","url":"https://front-end.social/@argyleink","uri":"https://front-end.social/users/argyleink","avatar":"https://files.mastodon.social/cache/accounts/avatars/109/666/177/048/453/224/original/e7e2dfa06b5b199b.png","avatar_static":"https://files.mastodon.social/cache/accounts/avatars/109/666/177/048/453/224/original/e7e2dfa06b5b199b.png","avatar_description":"","header":"https://files.mastodon.social/cache/accounts/headers/109/666/177/048/453/224/original/8a711f7d76e52d78.jpeg","header_static":"https://files.mastodon.social/cache/accounts/headers/109/666/177/048/453/224/original/8a711f7d76e52d78.jpeg","header_description":"","followers_count":2303,"following_count":219,"statuses_count":1333,"last_status_at":"2026-04-27","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"feature_approval":{"automatic":[],"manual":[],"current_user":"denied"},"emojis":[],"fields":[{"name":"Site","value":"<a href=\"https://nerdy.dev\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">nerdy.dev</span><span class=\"invisible\"></span></a>","verified_at":null},{"name":"RSS","value":"<a href=\"https://nerdy.dev/rss.xml\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">nerdy.dev/rss.xml</span><span class=\"invisible\"></span></a>","verified_at":null}]}}]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116414805587482754","created_at":"2026-04-16T14:16:02.214Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116414805587482754","url":"https://mastodon.social/@cita/116414805587482754","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Eric Eggert outlines why screen readers shouldn&#39;t be the primary accessibility testing tool, advocating for dedicated testing tools instead.</p><p><a href=\"https://yatil.net/blog/screen-readers-are-not-testing-tools\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">yatil.net/blog/screen-readers-</span><span class=\"invisible\">are-not-testing-tools</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://yatil.net/blog/screen-readers-are-not-testing-tools","title":"Screen readers are not testing tools · Eric Eggert","description":"Testing with assistive technologies is an important part of any accessibility review. However, especially when auditing against the Web …","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Eric Eggert","provider_url":"","html":"","width":640,"height":360,"image":"https://files.mastodon.social/cache/preview_cards/images/188/177/999/original/87675dcb27f5da2d.png","image_description":"","embed_url":"","blurhash":"UGQTGsRjM{oL4.jsofa}%2WVWBay_Nt7t7of","published_at":null,"authors":[{"name":"","url":"","account":{"id":"110079608034194423","username":"yatil","acct":"yatil@yatil.social","display_name":"Eric Eggert","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2023-03-24T00:00:00.000Z","note":"<p>he/him/his</p><p>Covid Competent Accessibility Advocado</p><p><a href=\"http://yatil.net\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">http://</span><span class=\"\">yatil.net</span><span class=\"invisible\"></span></a></p><p>Outline Consulting · Axess Lab<br>formerly: Knowbility, W3C/WAI</p><p>Views are my own. </p><p>Ⓥ he/him/his</p><p><a href=\"https://yatil.social/tags/accessibility\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>accessibility</span></a> <a href=\"https://yatil.social/tags/a11y\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>a11y</span></a> <a href=\"https://yatil.social/tags/covidIsNotOver\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>covidIsNotOver</span></a> <a href=\"https://yatil.social/tags/MaskUp\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>MaskUp</span></a> <a href=\"https://yatil.social/tags/humanrights\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>humanrights</span></a> <a href=\"https://yatil.social/tags/germany\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>germany</span></a> <a href=\"https://yatil.social/tags/webdev\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>webdev</span></a> <a href=\"https://yatil.social/tags/design\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>design</span></a> <a href=\"https://yatil.social/tags/typography\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>typography</span></a></p>","url":"https://yatil.social/@yatil","uri":"https://yatil.social/users/yatil","avatar":"https://files.mastodon.social/cache/accounts/avatars/110/079/608/034/194/423/original/1aa447eb15583ba5.jpeg","avatar_static":"https://files.mastodon.social/cache/accounts/avatars/110/079/608/034/194/423/original/1aa447eb15583ba5.jpeg","avatar_description":"","header":"https://files.mastodon.social/cache/accounts/headers/110/079/608/034/194/423/original/401c7af737c72a3f.jpeg","header_static":"https://files.mastodon.social/cache/accounts/headers/110/079/608/034/194/423/original/401c7af737c72a3f.jpeg","header_description":"","followers_count":2061,"following_count":1043,"statuses_count":12692,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"feature_approval":{"automatic":[],"manual":[],"current_user":"denied"},"emojis":[],"fields":[{"name":"Web/Blog","value":"<a href=\"https://yatil.net\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">yatil.net</span><span class=\"invisible\"></span></a>","verified_at":"2026-05-07T22:25:41.780+00:00"},{"name":"YouTube","value":"<a href=\"https://youtube.com/yatil\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">youtube.com/yatil</span><span class=\"invisible\"></span></a>","verified_at":null},{"name":"GitHub","value":"<a href=\"https://github.com/yatil\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">github.com/yatil</span><span class=\"invisible\"></span></a>","verified_at":"2026-05-07T22:25:43.907+00:00"},{"name":"Company","value":"<a href=\"https://outline.rocks\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">outline.rocks</span><span class=\"invisible\"></span></a>","verified_at":null}]}}]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116413366409845461","created_at":"2026-04-16T08:10:02.105Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116413366409845461","url":"https://mastodon.social/@cita/116413366409845461","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Tom Nick describes how to create HDR images that appear brighter than standard displays using color profiles and technical tools.</p><p><a href=\"https://tn1ck.com/blog/abuse-hdr-images-for-marketing\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">tn1ck.com/blog/abuse-hdr-image</span><span class=\"invisible\">s-for-marketing</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://tn1ck.com/blog/abuse-hdr-images-for-marketing","title":"Why some images look brighter than your screen","description":"How HDR images can make logos and highlights appear unnaturally bright, and how to create them yourself.","language":null,"type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":0,"height":0,"image":null,"image_description":"","embed_url":"","blurhash":null,"published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}},{"id":"116409143214971003","created_at":"2026-04-15T14:16:01.267Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/cita/statuses/116409143214971003","url":"https://mastodon.social/@cita/116409143214971003","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p>Scott Jehl describes how Squarespace engineers contributed HTML video and audio lazy loading to web browsers and standards.</p><p><a href=\"https://engineering.squarespace.com/blog/2026/squarespace-and-web-standards-how-we-helped-bring-html-video-and-audio-lazy-loading-to-todays-browsers\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">engineering.squarespace.com/bl</span><span class=\"invisible\">og/2026/squarespace-and-web-standards-how-we-helped-bring-html-video-and-audio-lazy-loading-to-todays-browsers</span></a></p>","reblog":null,"application":{"name":"Buffer","website":"https://buffer.com"},"account":{"id":"109251767514278046","username":"cita","acct":"cita","display_name":"Silvestar Bistrović","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-10-29T00:00:00.000Z","note":"<p>Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.</p>","url":"https://mastodon.social/@cita","uri":"https://mastodon.social/users/cita","avatar":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_static":"https://files.mastodon.social/accounts/avatars/109/251/767/514/278/046/original/63bdd685fdf1002e.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_static":"https://files.mastodon.social/accounts/headers/109/251/767/514/278/046/original/127736ad0f01086a.png","header_description":"","followers_count":121,"following_count":191,"statuses_count":536,"last_status_at":"2026-05-08","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://www.silvestar.codes\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">silvestar.codes</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-11T10:04:45.982+00:00"},{"name":"Studio CiTA","value":"<a href=\"https://www.cita.hr/en/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">cita.hr/en/</span><span class=\"invisible\"></span></a>","verified_at":"2026-01-15T13:41:46.190+00:00"},{"name":"CSS Auditors","value":"<a href=\"https://css-auditors.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">css-auditors.com</span><span class=\"invisible\"></span></a>","verified_at":"2023-04-08T13:26:08.650+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://engineering.squarespace.com/blog/2026/squarespace-and-web-standards-how-we-helped-bring-html-video-and-audio-lazy-loading-to-todays-browsers","title":"Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today’s Browsers — Squarespace Engineering Blog","description":"At Squarespace, many of our core products are built on web standards, and our engineers are constantly pushing the boundaries of the web’s capabilities. Occasionally, those boundaries reveal a limitation: an opportunity for the web’s native capabilities to grow. This post is the story of how we foun","language":"en","type":"link","author_name":"","author_url":"","provider_name":"Squarespace Engineering Blog","provider_url":"","html":"","width":639,"height":360,"image":"https://files.mastodon.social/cache/preview_cards/images/187/428/889/original/3acc723c749d2470.png","image_description":"","embed_url":"","blurhash":"U6RC;~_MPp^uGX$]4oNaBg%E8{$%%~~A9a%f","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":["public"],"manual":[],"current_user":"denied"}}]