Web Standards @webstandards_en

Daily frontend news by @dark_mefody and @pepelsbey_ Joined November 2021

Tweets

116
Followers

202
Following

0
Likes

0

Web Standards @webstandards_en

4 years ago

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…

0 0 0 0 0

Download Image

Web Standards @webstandards_en

4 years ago

a11yphant. A master’s project by six students that teaches basic web accessibility, one challenge at a time. a11yphant.com

0 1 6 0 3

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 1 0 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 0 0 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 0 2 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 0 0 0 1

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 0 1 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 1 1 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 1 1 0 0

Download Image

Web Standards @webstandards_en

4 years ago

Building an adaptive favicon. @argyleink creates an SVG favicon that respects the user’s color scheme. web.dev/building-an-ad…

0 0 0 0 1

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 1 2 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 0 1 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 0 3 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 0 0 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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

Open UI @openuicg

4 years ago

1 8 26 0 6

0 5 9 0 2

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 1 1 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 1 2 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…

0 1 2 0 0

Download Image

Web Standards @webstandards_en

4 years ago

Yes, I can connect to a DB in CSS. Lee Meichin uses Houdini to work with SQLite databases. leemeichin.com/posts/yes-i-ca…

0 2 5 0 0

Download Image

Web Standards @webstandards_en

4 years ago

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…