火曜日のおフロ

GitHub - TaxyAI/browser-extension: Automate your browser with GPT-4 LLMが変える、ユーザインターフェースの未来｜Dory JSやPythonのジェネレータを使うとアニメーションや通信の状態遷移を簡易に記述できる #Python - Qiita CSSのブレンドモードが素敵！ mix-blend-modeを使いこなそう - ICS MEDIA

WebKit Features in Safari 17.2 | WebKit GitHub - promptfoo/promptfoo: Test your prompts, models, RAGs. Evaluate and compare LLM outputs, catch regressions, and improve prompt quality. ハンズオン Gemini: マルチモーダル AI とやりとりする - YouTube CSS ラップ: 2023 年 | Blog | Chrome for Developers CSS text-wrap: balance | CSS and UI | Chrome for Developers CSS text-wrap: pretty | Blog | Chrome for D...

SQLite3 WASM JS、試すメモ｜SQLite3 WASM(WebAssembly) 初級編、CMS作成など GitHub - igtm/mdclient: Markdown Viewer Chrome Extension for Github Type Scale - A Visual Calculator How To Finally Figuring-out the Font Size for Titles | Tom Quinonero 音楽、数学、タイポグラフィ - シフトブレイン／スタンダードデザインユニット auto-resize のJS実装 content: attr(data-value) " "; attr() - CSS: カスケーディング...

デジタル庁、初心者向け「Webアクセシビリティー」導入ガイド無償公開　非技術者向け、専門用語は少なめに - ITmedia NEWS JIS X 8341-3:2016 達成基準 早見表（レベルA & AA） 総務省｜情報バリアフリー環境の整備｜みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.2.0 駒瑠市〜アクセシビリティ上の問題の体験サイト〜 Chrome Browser Void element （空要素） - MDN Web Docs 用語集: ウェブ関連用...

ブログ: 日本のウェブデザインの特異な事例 New in Chrome 108 - Chrome Developers Prepare for viewport resize behavior changes coming to Chrome on Android - Chrome Developers 【CSS】要素の高さを100vhとしたときの問題点とは？3つの解決方法について解説 - WEBCAMP MEDIA What's New In DevTools (Chrome 108) - Chrome Developers #ABEMA で試合のデータをアクセシブルに！デザインと色調整技術 | CyberAgent Deve...

Announcing TypeScript 4.9 - TypeScript "satisfies" operator to ensure an expression matches some type (feedback reset) · Issue #47920 · microsoft/TypeScript · GitHub type Colors = "red" | "green" | "blue"; type RGB = [red: number, green: number, blue: number]; type Palette = Record<Colors, unknown> & { red: RGB; green: string; blue: RGB; }; const p...

cohost! cohost! - "October 2022 Financial Update" Minds TweetDeck Kizie - A better Twitter app for Web エクスプローラー - Vivaldi Social nitter Welcome to Feedly Inoreader - ニュースフィードを自由に操ろう Google Fi - A Simple, Wireless Phone Plan With Unlimited Data Mastodon Alternatives: 25+ Social Networks and Microblogs | AlternativeTo Vivaldi: "The reception to Vivaldi Socia…&qu...

Browser hacking: Let's finally log into Discord! - YouTube Prepare for viewport resize behavior changes coming to Chrome on Android - Chrome Developers A change to overflow on replaced elements in CSS - Chrome Developers Google Developers Japan: Chrome 108 ベータ版 : CSS の新しいビューポートの単位、Federated Credential Management API、可変 COLRv1 フォントなど Intent to Ship: CSS Overflow for...

ゼロからはじめるJavaScript(18) 可読性と表現力の高いデータ形式「JSONC」を活用しよう | TECH+（テックプラス） TOML っていいな やっぱり YAML は無いと思う GitHub - igtm/openapi-yup-generator: CLI tool for generating yup definitions from openapi3.yaml OpenAPI 定義からyup定義を生成するRust製CLIを作ってみた Using Trait Objects That Allow for Values of Different Types - The Rust Programming Language GitHub...

Tailwind考 - uhyo/blog AI Programmer デザインシステムにおけるタイポグラフィーの試行錯誤 - DMM inside ios13から日本語フォントのboldがより太くなるケース - Qiita Takeru Suzuki (@terkel) | Twitter 2022年に最適なfont-familyの書き方 - ICS MEDIA San Francisco フォントを探る - Qiita State of JS 2022 Preliminary Discussions · Issue #47 · Devographics/surveys · GitHub The State of GraphQL 2022 State of CSS...

Critical CSS? Not So Fast! – CSS Wizardry – Web Performance Optimisation 重要でないCSSを延期する tdarb.org / Making a Website Under 1kB CommonJSとES Modulesについてまとめる Browser hacking: Making CSS font emblems work on Reddit - YouTube Adobe、Figmaを約2.9兆円で買収へ　デザインコラボツール大手 - ITmedia NEWS 「高齢者UIプロトタイプ検証の学び」についての重要ポイントと質問の回答｜敷地 琢也 / Ubie D...

https://twitter.com/myakura/status/1565986899097178112 Infinite Scrolling: When to Use It, When to Avoid It 無限スクロールは考慮することが多い | blog.ojisan.io ARIA: feed role - Accessibility Feed Display | WAI-ARIA Authoring Practices 1.2 https://twitter.com/ChromiumDev/status/1567133236102414341 Topics API - Chrome Developers この API が必要な理由 Topics API - Chrome Developers Google Japan Blog...

Oven: the company behind Bun JavaScriptランタイム「Bun」が約9億円を調達、「Oven」社を設立。ホスティングやCIサービスなど計画 － Publickey ホーム ⚡ Zig Programming Language Rustプログラミング言語 Rust-based platform for the Web – SWC Deno - A modern runtime for JavaScript and TypeScript Rustがあるのに何でZig使うんですか？に対する解答 なぜ Zig の採用を検討しているのか. かなり雑に書いてるので、雑に読...

Build Custom Interfaces Using CSS Open Props - YouTube agendas/09.md at main · tc39/agendas Markdown を拡張する MDX はドキュメント作成の新たな可能性？ Build optimized websites quickly, focus on your content | Docusaurus Advanced Features: Using MDX | Next.js https://twitter.com/bert_hu_bert/status/1561466204602220544 【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita HTML5 の動画への...

CSSは確実に進化している！ 新機能、単位を変数として利用できる「Variable Units（変数単位）」 | コリス State of CSS 2022 [css-variables-2] Custom units as simple variable desugaring · Issue #7379 · w3c/csswg-drafts · GitHub The Future of CSS: Variable Units, powered by Custom Properties – Bram.us What's New In DevTools (Chrome 104) - Chrome Developers バック/フォワードキャッシュ Test back/forwar...

How to Center a Div with CSS – 10 Different Ways CSSでのセンタリング <length> - CSS: カスケーディングスタイルシート | MDN W3C、中央集権的な管理を不要にする「Decentralized Identifiers (DIDs)」（分散型識別子）の仕様が勧告に到達 － Publickey Linked Open Data - Wikipedia JSON-LD - JSON for Linking Data Patterns | APG | WAI | W3C GitHub - jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for...

open-props/normalize.css at main · argyleink/open-props · GitHub たった1行のCSSでこれなら簡単！すでに制作済みのWebサイト・スマホアプリをダークモードに対応させる方法 | コリス Body Margin 8px | Miriam Eric Suzanne input[type="number"]をやめた話 <input type="number"> - HTML: HyperText Markup Language | MDN 4.10.5.1.12 Number state (type=number) Avoiding <img> layout sh...

line-height と vertical-align の話（em-square） Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira Blog - Next.js 12.2 | Next.js SWC plugin を作成して Next.js に導入してみた IEのサポートが終了した現在、古いCSSリセットからもう卒業！ 最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css | コリス GitHub - filipelinhares/ress: 🚿 A modern CSS reset...

TanStack/table: 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table New in Chrome 103 - Chrome Developers 「Google Chrome 103」安定版リリース、HTTP 103 レスポンスコード対応などウェブ高速化への取り組み - GIGAZINE HTTP の新しいステータスコード 103 Early Hints | blog.jxck.io Using the “103 Early Hints” Status Code in Go Application...

CSS NiteさんはTwitterを使っています: 「2021年8月24日に開催した〈行動・認知プロセスモデルを知って、UIを的確に改善しよう〉／松田 直樹さん（まぼろし）@readymadegogo のアーカイブ動画を公開します。 https://t.co/xv0ss3qRtc https://t.co/k3r54E6Wrx」 / Twitter Microsoft 社 Internet Explorer のサポート終了について：IPA 独立行政法人 情報処理推進機構 HTTP 関連 RFC が大量に出た話と 3 行まとめ | blog.jxck.io...

PlayWright を使ってE2Eテストを書いてみた News from WWDC22: WebKit Features in Safari 16 Beta | WebKit 池田 泰延 (@clockmaker) Apple - YouTube Human Interface Guidelines - Human Interface Guidelines - Design - Apple Developer Data Entry - Patterns - Human Interface Guidelines - Design - Apple Developer usagimaru ⌘ (@usagimaruma) 複雑な React コンポーネントを JSX のネストで表現する 5 Advanced React...

Blog - Layouts RFC | Next.js Anaconda | New from Anaconda: Python in the Browser Please, stop disabling zoom - Manuel Matuzović Interoperability across tools and support plain JS modules imports · Issue #1050 · webpack-contrib/css-loader · GitHub [Docs] Recommend CSS Modules over css-in-js · Issue #15542 · vercel/next.js · GitHub

Google I/O State of CSS 2022 Relative LCH colors web-platform-tests dashboard Fitzpatrick scale - Wikipedia Interop 2022: browsers working together to improve the web for developers 新時代のCSS三角の作り方 clip-path 〜 さらば、すべての border 〜 HTML/CSSで絵を描く猛者が作品を公開中 - GIGAZINE STUDIO Blueprint機能 Atomic 2.0. Revisiting the Atomic Design Method for… | by Hannah Heinson | Medium

Thinking on ways to solve DIALOG - YouTube Dialog | GUI Challenges Building a dialog component Bram.us / Twitter The Future of CSS: CSS Toggles – Bram.us CSS Toggles demo CSS Toggles Explainer & Proposal コンテンツカテゴリー - 開発者ガイド | MDN HTML解体新書 | ボーンデジタル トミー / Twitter HTML のアウトラインアルゴリズムが見出しレベルをベースとしたものに刷新されそう HTML5 のセクショニングと...

What's New In DevTools (Chrome 100) - Chrome Developers New in Chrome 100 - Chrome Developers React v18.0 – React Blog useTransition() vs useDeferredValue | React 18 - YouTube 並列的 UI パターン（実験的機能） – React zealous-mccarthy-fiiwu2 - CodeSandbox tue-ofuro/dangerous.css at 3f1e064042556df653e3279a4148573e5f828633 · igtm/tue-ofuro · GitHub Resetting Inherited CSS with “Revert” - Cloud...