Web Standards
@webstandards_en
Daily frontend news by @dark_mefody and @pepelsbey_
You might like
How to make CSS slanted containers. @daveseidman shows how he made his site’s main layout skewed with the content looking normal. css-tricks.com/css-slanted-co…
a11yphant. A master’s project by six students that teaches basic web accessibility, one challenge at a time. a11yphant.com
The 100th versions of @GoogleChrome and @Firefox. The browsers, that will reach their first triple-digit version in the coming months, reminding to check compatibility with the new UA and talk about their strategies. Chrome web.dev/chrome-firefox… Firefox hacks.mozilla.org/2022/02/versio…
Flexbox dynamic line separator. @shadeed9 adds a dynamic separator between elements that adapts to width and switches from vertical to horizontal. ishadeed.com/article/flexbo…
Comparing Node JavaScript to JavaScript in the browser. @elliotclydenz on how code approaches differ between environments: sync and async, callbacks and promises, async/await, SQLite examples, and specific Node.js APIs. css-tricks.com/node-javascrip…
All the ways to make a Web Component. Comparison of coding style, bundle size and performance of 61 different ways to make a Web Component. webcomponents.dev/blog/all-the-w…
Adobe Photoshop is now natively supports the WebP graphics format starting from the February 23.2 update. For earlier versions, there is a WebPShop plugin that adds support for the format. helpx.adobe.com/photoshop/kb/s…
The results of the State of JavaScript 2021 survey are ready. More than 16,000 developers participated in this year’s survey. Demographics, features, libraries, tools, resources, opinions, and more. Results 2021.stateofjs.com/en-US/ Backstage dev.to/sachagreif/wha…
The File System Access API with origin private file system. @WebKit engineers on the principles of the file system API in Safari: you can create, open, read and write files and folders, but only in each origin’s private sandbox. webkit.org/blog/12257/the…
Building an adaptive favicon. @argyleink creates an SVG favicon that respects the user’s color scheme. web.dev/building-an-ad…
New in Firefox 97: Cascading Layers and @layer support, scrollbar-gutter property for reserving scrollbars space, d: path() CSS property for SVG paths, handling abort signals in JS, and more. developer.mozilla.org/en-US/docs/Moz…
Aspect ratio is great. @MicheBarks shows examples of practical applications of the aspect-ratio property in CSS, which has replaced the infamous padding hack. css-irl.info/aspect-ratio-i…
Hello, CSS cascade layers. @shadeed9 explores how cascade layers work and shows use-cases and examples of how to use them. ishadeed.com/article/cascad…
CSS Container Queries for designers. @shadeed9 on the current state of responsive web design and the new features that will available with the Container Queries coming to browsers in the nearest future. ishadeed.com/article/contai…
Alternative popup. @Mfreed777 from Google proposed to implement popup, tooltip, and toast behavior within @openuicg using popup attribute with popup, hint, async values and hidden attribute for hiding. Proposal github.com/mfreed7/popup Slides and recording
Today's meeting was 🔥 Presentations on how to use the new <selectmenu> with awesome demos by @MSEdgeDev @dandclark @patrickbrosset and if that wasn't enough an amazing new popup content attribute proposal by @Mfreed777 Recording below: zoom.us/rec/play/70kFm…
Optimizing social media embeds. @MicheBarks shows how to reduce embeds size and optimize their loading. Or just reconsider whether they are so necessary. smashingmagazine.com/2022/02/reduci…
Add responsive-friendly enhancements to <details>. @zachleat shares the <details-utils> web component, allowing you to close it by Esc or outside click, open or close depending on the width, animate or change the class on the element. zachleat.com/web/details-ut…
Introducing the <dialog> element. @therealntim in WebKit blog on a new element for dialogs, specification improvements and implementation plans: already in Safari 15.4 beta or Safari TP, coming soon to Firefox 98 and available for a while since Chrome 37. webkit.org/blog/12209/int…
Yes, I can connect to a DB in CSS. Lee Meichin uses Houdini to work with SQLite databases. leemeichin.com/posts/yes-i-ca…
Automating the accessibility tests of your source code with GitHub Actions. @bolonio configures workflows to run axe, pa11y, lighthouse, and unit tests directly in his GitHub repository. adrianbolonio.com/en/accessibili…
United States Trends
- 1. Steph 54.8K posts
- 2. Wemby 25.4K posts
- 3. Spurs 27.5K posts
- 4. Draymond 9,766 posts
- 5. Clemson 10.9K posts
- 6. Louisville 10.7K posts
- 7. #SmackDown 48.3K posts
- 8. Zack Ryder 14.8K posts
- 9. Aaron Fox 1,776 posts
- 10. #DubNation 1,848 posts
- 11. Dabo 1,940 posts
- 12. Harden 12.3K posts
- 13. Brohm 1,562 posts
- 14. Landry Shamet 5,536 posts
- 15. #OPLive 2,444 posts
- 16. Marjorie Taylor Greene 40.6K posts
- 17. Matt Cardona 2,716 posts
- 18. Miller Moss N/A
- 19. UCLA 8,118 posts
- 20. Mitch Johnson N/A
You might like
-
Дока
@doka_guide -
shadcn
@shadcn -
Fireship
@fireship_dev -
Astro
@astrodotbuild -
Nikita Dubko
@dark_mefody -
Vadim Makeev
@pepelsbey_dev -
Turborepo
@turborepo -
vitest
@vitest_dev -
The JavaScript Dev
@TheJSDev -
pnpm
@pnpmjs -
trash
@trashh_dev -
Catalin Miron - AnimateReactNative.com
@mironcatalin -
Андрей Смирнов
@sandark7 -
Robin Wieruch
@rwieruch -
Excalidraw
@excalidraw
Something went wrong.
Something went wrong.