[{"id":"111907305085036496","created_at":"2024-02-10T12:59:22.846Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"ru","uri":"https://mastodon.social/users/dev_tip/statuses/111907305085036496","url":"https://mastodon.social/@dev_tip/111907305085036496","replies_count":0,"reblogs_count":0,"favourites_count":2,"quotes_count":0,"edited_at":null,"content":"<p>Weekly Links:<br />- CSS line-clamp without prefixes;<br />- Embedded 3D models on the web;<br />- Starter for playing with scroll-driven effects;<br />- 2023 JS Rising Stars;<br />- Side Panel API;<br />- SVG icons as a mask.</p><p><a href=\"https://mefody.dev/chunks/weekly-2024-02-10/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">mefody.dev/chunks/weekly-2024-</span><span class=\"invisible\">02-10/</span></a></p>","reblog":null,"application":{"name":"Mastodon for iOS","website":"https://app.joinmastodon.org/ios"},"account":{"id":"111827369030001551","username":"dev_tip","acct":"dev_tip","display_name":"Nikita Dubko","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2024-01-27T00:00:00.000Z","note":"<p>Tips and tricks related to frontend-developer daily work.</p>","url":"https://mastodon.social/@dev_tip","uri":"https://mastodon.social/users/dev_tip","avatar":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_static":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_static":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_description":"","followers_count":77,"following_count":57,"statuses_count":6,"last_status_at":"2024-02-10","hide_collections":null,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Homepage","value":"<a href=\"https://mefody.dev/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">mefody.dev/</span><span class=\"invisible\"></span></a>","verified_at":"2024-01-27T10:37:40.524+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://mefody.dev/chunks/weekly-2024-02-10/","title":"Weekly Links: 10 February 2024 | Dev Tips by Nikita Dubko","description":"Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":1200,"height":630,"image":null,"image_description":"","embed_url":"","blurhash":"UqCkPSv%rsrrDNb]bvbvxbnOnijFn*ofofj[","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111896174279000356","created_at":"2024-02-08T13:48:40.256Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/dev_tip/statuses/111896174279000356","url":"https://mastodon.social/@dev_tip/111896174279000356","replies_count":0,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":"2024-02-08T13:49:13.559Z","content":"<p>A CSS editor written in CSS for your slide demos.</p><p>@​scope, CSS Container Queries, contenteditable, CSS Grid, and color-scheme. Just 54 lines of CSS.</p><p>Inspired by <span class=\"h-card\" translate=\"no\"><a href=\"https://front-end.social/@mia\" class=\"u-url mention\">@<span>mia</span></a></span>.</p><p><a href=\"https://mefody.dev/chunks/css-editor-in-css/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">mefody.dev/chunks/css-editor-i</span><span class=\"invisible\">n-css/</span></a></p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"111827369030001551","username":"dev_tip","acct":"dev_tip","display_name":"Nikita Dubko","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2024-01-27T00:00:00.000Z","note":"<p>Tips and tricks related to frontend-developer daily work.</p>","url":"https://mastodon.social/@dev_tip","uri":"https://mastodon.social/users/dev_tip","avatar":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_static":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_static":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_description":"","followers_count":77,"following_count":57,"statuses_count":6,"last_status_at":"2024-02-10","hide_collections":null,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Homepage","value":"<a href=\"https://mefody.dev/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">mefody.dev/</span><span class=\"invisible\"></span></a>","verified_at":"2024-01-27T10:37:40.524+00:00"}]},"media_attachments":[],"mentions":[{"id":"109288465519736126","username":"mia","url":"https://front-end.social/@mia","acct":"mia@front-end.social"}],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://mefody.dev/chunks/css-editor-in-css/","title":"A CSS editor written in CSS | Dev Tips by Nikita Dubko","description":"No JavaScript, no libraries. Modern CSS and HTML only.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":1200,"height":630,"image":null,"image_description":"","embed_url":"","blurhash":"UrDKcFn3w5nOHXXlkWbukRrxV?nlWUs;fjoM","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111867488162650177","created_at":"2024-02-03T12:13:24.827Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/dev_tip/statuses/111867488162650177","url":"https://mastodon.social/@dev_tip/111867488162650177","replies_count":0,"reblogs_count":0,"favourites_count":2,"quotes_count":0,"edited_at":null,"content":"<p>Weekly Links:<br />- Interop 2024<br />- Safari 17.4 Beta<br />- Figma Dev Mode<br />- Outllok on macOS<br />- carouscroll Web Component<br />- git rerere<br />- Configurable switch component<br />- CSS Scroll-triggered Animations<br />- TypeScript 5.4 Beta<br />- Learn SVG<br />- Images with backdrop blur</p><p><a href=\"https://mefody.dev/chunks/weekly-2024-02-03/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">mefody.dev/chunks/weekly-2024-</span><span class=\"invisible\">02-03/</span></a></p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"111827369030001551","username":"dev_tip","acct":"dev_tip","display_name":"Nikita Dubko","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2024-01-27T00:00:00.000Z","note":"<p>Tips and tricks related to frontend-developer daily work.</p>","url":"https://mastodon.social/@dev_tip","uri":"https://mastodon.social/users/dev_tip","avatar":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_static":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_static":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_description":"","followers_count":77,"following_count":57,"statuses_count":6,"last_status_at":"2024-02-10","hide_collections":null,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Homepage","value":"<a href=\"https://mefody.dev/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">mefody.dev/</span><span class=\"invisible\"></span></a>","verified_at":"2024-01-27T10:37:40.524+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://mefody.dev/chunks/weekly-2024-02-03/","title":"Weekly Links: 03 February 2024 | Dev Tips by Nikita Dubko","description":"Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":1200,"height":630,"image":null,"image_description":"","embed_url":"","blurhash":"UqCkPSv%rsrrDNb]bvbvxbnOnijFn*ofofj[","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111844818049020761","created_at":"2024-01-30T12:08:06.345Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/dev_tip/statuses/111844818049020761","url":"https://mastodon.social/@dev_tip/111844818049020761","replies_count":0,"reblogs_count":5,"favourites_count":5,"quotes_count":0,"edited_at":null,"content":"<p>How to make tabs in the browser always show which build you’re working on? You can have different favicons for different builds!</p><p><a href=\"https://mefody.dev/chunks/favicon-dev/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">mefody.dev/chunks/favicon-dev/</span><span class=\"invisible\"></span></a></p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"111827369030001551","username":"dev_tip","acct":"dev_tip","display_name":"Nikita Dubko","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2024-01-27T00:00:00.000Z","note":"<p>Tips and tricks related to frontend-developer daily work.</p>","url":"https://mastodon.social/@dev_tip","uri":"https://mastodon.social/users/dev_tip","avatar":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_static":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_static":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_description":"","followers_count":77,"following_count":57,"statuses_count":6,"last_status_at":"2024-02-10","hide_collections":null,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Homepage","value":"<a href=\"https://mefody.dev/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">mefody.dev/</span><span class=\"invisible\"></span></a>","verified_at":"2024-01-27T10:37:40.524+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://mefody.dev/chunks/favicon-dev/","title":"Different favicon for development build | Dev Tips by Nikita Dubko","description":"How to make tabs in the browser always show which build you’re working on.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":1200,"height":630,"image":null,"image_description":"","embed_url":"","blurhash":"UiCte8w0w0rrDNXSbvXRxun5njnin*ozofn*","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111827722384734477","created_at":"2024-01-27T11:40:27.209Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/dev_tip/statuses/111827722384734477","url":"https://mastodon.social/@dev_tip/111827722384734477","replies_count":0,"reblogs_count":1,"favourites_count":2,"quotes_count":0,"edited_at":null,"content":"<p>Weekly Links:<br />- Scroll-Driven Animation<br />- CSS one-liners<br />- Noise effect with CSS gradients<br />- Declarative Shadow DOM usage<br />- New in Chrome 121<br />- IE’s content rating system<br />- Key updates in WCAG 2.2<br />- Automated weekly links posts</p><p><a href=\"https://mefody.dev/chunks/weekly-2024-01-27/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">mefody.dev/chunks/weekly-2024-</span><span class=\"invisible\">01-27/</span></a></p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"111827369030001551","username":"dev_tip","acct":"dev_tip","display_name":"Nikita Dubko","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2024-01-27T00:00:00.000Z","note":"<p>Tips and tricks related to frontend-developer daily work.</p>","url":"https://mastodon.social/@dev_tip","uri":"https://mastodon.social/users/dev_tip","avatar":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_static":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_static":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_description":"","followers_count":77,"following_count":57,"statuses_count":6,"last_status_at":"2024-02-10","hide_collections":null,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Homepage","value":"<a href=\"https://mefody.dev/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">mefody.dev/</span><span class=\"invisible\"></span></a>","verified_at":"2024-01-27T10:37:40.524+00:00"}]},"media_attachments":[],"mentions":[],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":{"url":"https://mefody.dev/chunks/weekly-2024-01-27/","title":"Weekly Links: 27 January 2024 | Dev Tips by Nikita Dubko","description":"Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":1200,"height":630,"image":null,"image_description":"","embed_url":"","blurhash":"U9Ss5000RjofIUIUWBj[~q-;axWB_3-;j[WB","published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111827631235005305","created_at":"2024-01-27T11:17:16.374Z","in_reply_to_id":"111798594930215804","in_reply_to_account_id":"109513730298160749","sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/dev_tip/statuses/111827631235005305","url":"https://mastodon.social/@dev_tip/111827631235005305","replies_count":1,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p><span class=\"h-card\" translate=\"no\"><a href=\"https://social.lol/@sophie\" class=\"u-url mention\">@<span>sophie</span></a></span> Awesome, thank you! Made Weekly Links section on my blog using your advice.</p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"111827369030001551","username":"dev_tip","acct":"dev_tip","display_name":"Nikita Dubko","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2024-01-27T00:00:00.000Z","note":"<p>Tips and tricks related to frontend-developer daily work.</p>","url":"https://mastodon.social/@dev_tip","uri":"https://mastodon.social/users/dev_tip","avatar":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_static":"https://files.mastodon.social/accounts/avatars/111/827/369/030/001/551/original/ad195659b0dda6cb.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_static":"https://files.mastodon.social/accounts/headers/111/827/369/030/001/551/original/1410b16a522191d0.png","header_description":"","followers_count":77,"following_count":57,"statuses_count":6,"last_status_at":"2024-02-10","hide_collections":null,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"feature_approval":{"automatic":["public"],"manual":[],"current_user":"denied"},"emojis":[],"roles":[],"fields":[{"name":"Homepage","value":"<a href=\"https://mefody.dev/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">mefody.dev/</span><span class=\"invisible\"></span></a>","verified_at":"2024-01-27T10:37:40.524+00:00"}]},"media_attachments":[],"mentions":[{"id":"109513730298160749","username":"sophie","url":"https://social.lol/@sophie","acct":"sophie@social.lol"}],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}]