火曜日のおフロ

igtm, tmr, ymdarake
  • ٠٫٠ (٠)
  • تعلَّم كيف؟
火曜日のおフロ

@igtm, @t-gyo, @ymdarake が、ゆるーくフロントエンド周りの気になった記事を紹介しながらお届けします。おフロは「フロントエンド」から来てます。毎週土曜日更新。 https://tue-ofuro.vercel.app/

  1. ١٣‏/٠١‏/٢٠٢٤

    TaxyAI, ChatGPT, NUI, コルーチン, Generator, mix-blend-mode

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

    ٤٨ من الدقائق

  2. ٢٣‏/١٢‏/٢٠٢٣

    Safari 17.2, CSS 2023, Tailwind v3.4

    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 Developers DevTools の新機能（Chrome 120） | Blog | Chrome for Developers Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more - Tailwind CSS Cookie2 とは何か | blog.jxck.io ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io Compression Dictionary Transport (Shared Brotli) によるコンテンツ圧縮の最適化 | blog.jxck.io

    ٢ س ١٧ د

  3. ١٤‏/٠١‏/٢٠٢٣

    WASM, Type Scaling, attr(), ACT Rules, WebAIM

    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: カスケーディングスタイルシート | MDN https://twitter.com/magi1125/status/1605571976663138304 https://twitter.com/r_nikaido/status/1604127506839138304 Browser hacking: Fixing a layout bug on HTML5Test.com - YouTube HTML5test - How well does your browser support HTML5? The state of HTTP in 2022 2022年の超私的デジタルアクセシビリティ関連10大ニュース | 覚え書き | @kazuhito ACT Rules Implementation in Test Tools and Methodologies | | WAI | W3C WebAIM: The WebAIM Million - The 2022 report on the accessibility of the top 1,000,000 home pages

    ٢ س ٢ د

  4. ١٧‏/١٢‏/٢٠٢٢

    デジタル庁Webアクセシビリティー, JISS X 8341-3:2016, miChecker, Void element

    デジタル庁、初心者向け「Webアクセシビリティー」導入ガイド無償公開　非技術者向け、専門用語は少なめに - ITmedia NEWS JIS X 8341-3:2016 達成基準 早見表（レベルA & AA） 総務省｜情報バリアフリー環境の整備｜みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.2.0 駒瑠市〜アクセシビリティ上の問題の体験サイト〜 Chrome Browser Void element （空要素） - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN ゆうてん🖖さんはTwitterを使っています: 「タイポグラフィつよつよの方で英語で説明できる方、ヘルプ！！」 / Twitter The Myths of Color Contrast Accessibility There's a growing demand for designers to make their interfaces accessible to all users. It's important to accommodate users with disabilities, but there are many myths to color contrast accessibility being perpetuated by misinformed people. They often parrot these myths to discredit a design, without understanding in which situations a color contrast standard applies. https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/ CSS3による文字に影（ドロップシャドウ）を付ける | CSS3逆引き | Webサイト制作支援 | ShanaBrian Website 文字に影を付ける場合は text-shadowプロパティを使用します。 ぼかし、色は省略でき、色を省略した場合は文字色と同色が反映されます。 box-shadowと違い、広がり距離とinsetがないことにご注意ください。 text-shadow:水平方向の位置 垂直方向の位置; またはtext-shadow:水平方向の位置 垂直方向の位置 ぼかしの長さ; またはtext-shadow:水平方向の位置 垂直方向の位置 ぼかしの長さ 色; ※ サンプルでは分かりやすくするため、フォントサイズを大きくしています。 ※ サンプルにはありませんが、水平方向の位置と垂直方向の位置を0にすることで、光彩（グロー）効果の表現が可能です。 sample 1 sample 2 sample 3 sample 4 カンマで区切ることにより、1つの文字に対して複数の影を付けることが可能です。 複数指定やその他プロパティを使用することで、様々な影の表現が可能です。 https://shanabrian.com/web/css3/text-shadow.php

    ١ س ٤٦ د

  5. ١٠‏/١٢‏/٢٠٢٢

    Chrome 108(svh/lvh/dvh), lch/oklch WCAG 2.1, axe-core, XState

    ブログ: 日本のウェブデザインの特異な事例 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 Developers Blog oklch() - CSS: Cascading Style Sheets | MDN GitHub - evilmartians/oklch-picker: Color Picker for LCH LCH – Figma Google Online Security Blog: Memory Safe Languages in Android 13 Adventar 今週のはてなブログランキング〔2022年12月第1週〕 - 週刊はてなブログ アクセシビリティ Advent Calendar 2022 - Adventar Zigのカレンダー | Advent Calendar 2022 - Qiita デザイナーが難解なガイドライン（WCAG）を乗り越える方法（提案）｜emim｜note TS 4.9 satisfies operator を使って React Router のナビゲーションを型安全にしてみる - Mobile Factory Tech Blog UIデザインにおけるステートマシン - 弁護士ドットコム株式会社 Creators’ blog

    ٢ س ٥٨ د

  6. ٢٦‏/١١‏/٢٠٢٢

    Typescript4.9 (satisfies), Nextjs13, Twitter backend architecture

    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 & { red: RGB; green: string; blue: RGB; }; const palette: Palette = { red: [255, 0, 0], green: "#0f0", blue: [0, 0, 255], }; Symbol (シンボル) - JavaScript | MDN TypeScript 5.0 Iteration Plan · Issue #51362 · microsoft/TypeScript · GitHub Next.js 13のServer Componentsは書き方が便利になるだけ State of JavaScript 2022 MacBook Proの“ノッチ”でマウス操作が遅くなる問題を改善、その方法は？　明治大が実証：Innovative Tech - ITmedia NEWS ついに初の解説書！ フォント制作の王道ソフト「Glyphs（グリフス）」執筆陣も非常に豪華で、フォントの作り方がよく分かります -Glyphsではじめるフォント制作 | コリス Twitter を作るのはなぜ難しいのか - Togetter Manhattan, our real-time, multi-tenant distributed database for Twitter scale Elasticsearch alternatives: 8 to consider after the license change GitHub - pola-rs/polars: Fast multi-threaded, hybrid-streaming DataFrame library in Rust | Python | Node.js 高速な文字列探索：Daachorseの技術解説 - LegalForce Engineering Blog

    ٢ س ٩ د

  7. ١٩‏/١١‏/٢٠٢٢

    Twitter alternative, Sapling (Git alternative written in Rust), HSTS Preload, OpenSSL 3.x.x, Structural Subtyping

    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…" - Vivaldi Social Metaの大規模ソースコード管理システム「Sapling」がオープンソース化 - GIGAZINE facebook/sapling: A Scalable, User-Friendly Source Control System. フック API リファレンス – React 【React】1度だけ変更されるstateにはuseStateよりuseReducerを使う方が最適 SSL脆弱性診断テストでA評価をとってみよう SSLとTLSの違いとは | さくらのSSL RFC 8446 - The Transport Layer Security (TLS) Protocol Version 1.3 日本語訳 Transport Layer Security - Wikipedia OpenSSL の脆弱性対策について(CVE-2022-3602、CVE-2022-3786)：IPA 独立行政法人 情報処理推進機構 米国家安全保障局、CやC＋＋からメモリ安全なプログラミング言語への移行を推奨する文書を公開|CodeZine（コードジン） Inline assembly - The Rust Reference Structural Subtyping

    ٢ س ٢٢ د

  8. ١٢‏/١١‏/٢٠٢٢

    Chrome 108, Viewport on Android, SVG sprite

    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 replaced elements SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev デザインシステム｜デジタル庁 COCOA機能停止版アプリ / Twitter

    ١ س ٣٤ د
مشاهدة الكل (٨٠)

حول

@igtm, @t-gyo, @ymdarake が、ゆるーくフロントエンド周りの気になった記事を紹介しながらお届けします。おフロは「フロントエンド」から来てます。毎週土曜日更新。 https://tue-ofuro.vercel.app/

المعلومات

  • صناع العمل
    igtm, tmr, ymdarake
  • سنوات النشاط
    ٢٠٢٠ - ٢٠٢٤
  • الحلقات
    ٨٠
  • التقييم
    ملائم
  • حقوق النشر
    © igtm, tmr, ymdarake
  • موقع البرنامج على الويب
    火曜日のおフロ

للاستماع إلى حلقات ذات محتوى فاضح، قم بتسجيل الدخول.

اطلع على آخر مستجدات هذا البرنامج

قم بتسجيل الدخول أو التسجيل لمتابعة البرامج وحفظ الحلقات والحصول على آخر التحديثات.
تحديد بلد أو منطقة

أفريقيا والشرق الأوسط، والهند

آسيا والمحيط الهادئ

أوروبا

أمريكا اللاتينية والكاريبي

الولايات المتحدة وكندا