クラスメソッドに転職してからというもの家族時間が以前より増え、それと同時に晩御飯を作る係に任命される機会も増え、家で料理する回数が増えました。 レシピなんて頭に入っていないので、iPhoneでレシピサイトを開いてそれを見ながら料理をするのですが、料理をしていると手が濡れたり、汚れたりするのでレシピを読み進める為にiPhoneをスクロールするにはその都度手を拭かないといけませんでした。 目でレシピを見ているんだから、ついでに目線でブラウザをスクロールできたら楽になりそうだ。 と思い、目線でブラウザをスクロールするアプリを作ってみることにしました。 作ったもの 環境 Xcode 12.5 Swift 5.4 iOS 14.6 iPhone12mini ARFaceTrackingConfiguration Apple標準フレームワークARKitの中には様々なAR体験をする為のConfigura
はじめに みなさんは、CSS Maskingを使いこなせていますか？ CSS Maskingは、デザイン性の高いLPや特設サイト等ではよく使うかもしれませんが、 Webプロダクトだとちゃんと触る機会が多くないプロパティだと思います。 そのため、この記事ではWebプロダクトでも使えるCSS Maskingを使ったUIを紹介しながら CSS Maskingについて解説します。 CSS Maskingとは？ CSS Maskingとは、任意の形に要素を切り抜けるプロパティになります。 似たような任意の形に要素を切り抜けるclip-path プロパティとの違いは、SVGで任意の形に切り抜けるだけでなく、mask-imageで任意の画像や透明度に応じた切り抜きが行えることにあります。 この記事では、mask-imageにlinear-gradientでグラデーションを使用することで、フェードアウトす
Safari Technology Preview Release 135 is now available for download for macOS Big Sur and macOS Monterey. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS. This release covers WebKit revisions 284370-285101. Note: Tab Groups do not sync in this release. Web Inspector and Web Driver Fixed “testForLinkLabels” Accessibi
Apple、iPhone 6s以降のiPhoneやiPad Air 2/mini 4以降のiPadに対し既に悪用された可能性のあるWebKitのゼロデイ脆弱性を修正した「iOS/iPadOS 15.7.2」をリリース。
AppleがiPhone 6s以降のiPhoneやiPad Air 2/mini 4以降のiPadに対し既に悪用された可能性のあるゼロデイ脆弱性を修正した「iOS/iPadOS 15.7.2」をリリースしています。詳細は以下から。 Appleは現地時間2022年12月13日、iPhone 8以降のiPhoneやiPod Touch (第7世代)、iPad(第5世代)、iPad Air (第3世代)、iPad mini (第5世代)、全てのiPad Proに対し「iOS/iPadOS 16.2 Build 20B82」をリリースしましたが、同時にiOS 16をサポートしていないデバイスやiOS 16へのアップグレードを見送っているユーザーに対し「iOS 15.7.2/iPadOS 15.7.2 Build 19H218」をリリースしています。 このアップデートには重要なセキュリティアップデー
Jun 6, 2023 by Patrick Angle, Jean-Yves Avenard, Marcos Caceres, Ada Rose Cannon, Eric Carlson, Garrett Davidson, Jon Davis, Karl Dubost, Brady Eidson, Matthew Finkel, Simon Fraser, Brent Fulgham, Rachel Ginsberg, David Johnson, Anne van Kesteren, Mark Lam, Sihui Liu, Justin Michaud, Jer Noble, Tim Nguyen, Ben Nham, Richard Robinson, Michael Saboff, Alexey Shvaika, Jen Simmons, Sam Sneddon, Brando
検証環境: Xcode 12.2 Swift 5.3.1 Xcode のキャッシュファイルなどの関連ファイルはかなりのディスクスペースを消費するので定期的に削除するほうがよい。 DerivedData 中間生成ファイル。アプリ単位でビルド時に作成される。 ビルドが突然できなくなった場合などこれを消すと解消する場合がある。 rm -rf ~/Library/Developer/Xcode/DerivedData/* iOS DeviceSupport Xcode が iOS 実機端末との接続を認識したタイミングで作成される。 iOS バージョンをアップデートする度に新しいディレクリが増えていく。 全削除して問題なし。 $ l ~/Library/Developer/Xcode/iOS\ DeviceSupport/ 13.5.1 (17F80) 13.6 (17G68) 13.6 (17G6
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Playwright でコンポーネントテスト
Playwright は Cypress Puppeteer と並ぶ E2E テストのための Node.js フレームワークです。Chromium, Chrome, Edge, Firefox, Webkit (Safari)と多くのブラウザに対応しているという特徴があります。 そんな Playwright ですが v1.22.0 から React,Vue.js,Svelte のコンポーネントに対してテストを実行できるようになりました。つまり、もともと備えていた E2E レベルのテストに加えて、結合レベルのテストまでカバーできるようになったということです。 Playwright のコンポーネントテスティングの特徴と使い方を見ていきましょう。 Playwright でテストを書くメリット 現状フロントエンドにおいて、コンポーネントテスティングを実施する際に使用されるフレームワークとして Te
ARM版Windows 10（Windows On ARM）のx64コードエミュレーションのプレビューが開始された。どの程度のものなのか今回調べた。 ARM版Windows 10で、32bit／64bit版Chromeを使ってベンチマークテストをした。プレビュー版では、x64コードのChromeがインストール／起動が可能になった 本題に入る前にCPUアーキテクチャにおけるWindowsでの用語を整理しておく。Microsoftでは、俗に言う86系の32bitコードや動作モードをx86と表記する。これに対して86系の64bit版をx64と表記する。86系には、IntelやAMDなどのプロセッサがあり、それぞれの表記などもあるため、ここではMicrosoftの表記に従うことにする。 ARMプロセッサに関しては、64bitモードや64bitコードをARM64（ARMの表記ではAArch64）、3
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
The most important thing I look for when choosing which tools to use is longevity. Learning software is an investment, and if you have to switch to another application later, you lose some of that investment. In most software categories, choosing the software with longevity is easy, the most popular tools are usually the ones that have been around the longest. Microsoft Excel and Adobe Illustrator
【CSS】裏表画像めくり【カードをめくる改変】 - Little Strange Software
どうも！LSSです！！ 【CSS】カードをめくる その３ idを使わない版 - Little Strange Software の改変で、表面・裏面とも画像にしてめくれるものを作ってみました。 コードの簡略化、class名を１つにまで削減などを行っています。 参考記事: チェックボックスとラベルの話【HTML編】 チェックボックスとラベルの話【CSS編】 【CSS】本のページをめくるCSS【シンプルに改善版】 裏表画像めくり コード 縦横比が極端に違う画像を使うとどうなるか 裏表画像めくり 画像をクリックすると裏返ります！ コード <style><!-- /*画像が入る枠の設定*/ .imgreverse{ position:relative; display:inline-block; perspective:700px;/*この数字を小さくするとダイナミックな動きになります*/ wid
appディレクトリでVanilla Extractサポートなど : Cybozu Frontend Weekly (2023-04-18号)
appディレクトリでVanilla Extractサポートなど : Cybozu Frontend Weekly (2023-04-18号) こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/04/18 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 入れ子構造を自由に拡張する – TypeScript 版「Trees that Grow」 | IIJ Engineers Blog 以下のような型を TypeScript でどのように扱うか、様々なパターンや Haskell の例など交えて解説している記事になります。 共通の
JSer.info #448 - 先週RC版が公開されたReact 16.9.0の正式版がリリースされました。 React v16.9.0 and the Roadmap Update – React Blog 次のコンポーネントのライフサイクルメソッドに警告を表示するようになりました。 これらのメソッドはReact 17.xで削除されます。 componentWillMount componentWillReceiveProps componentWillUpdate これらのライフサイクルメソッドは、react-codemodのrename-unsafe-lifecyclesを使うことでUNSAFE_* prefixのライフサイクルメソッドにリネームできます。 このUNSAFE_* prefixのライフサイクルメソッドは17.xでも動作が維持されます。 componentWillMou
4月11日、AppleはSafari Technology Preview Release 192を発表した。このリリースは、認証、CSS、編集、JavaScript、メディア、レンダリング、Web API、Web Extensions、およびWeb Inspectorに関連する多数の改善と新機能が導入されている。 4月11日、AppleはSafari Technology Preview Release 192を発表した。このリリースは、認証、CSS、編集、JavaScript、メディア、レンダリング、Web API、Web Extensions、およびWeb Inspectorに関連する多数の改善と新機能が導入されている。 特に注目すべき新機能には、View Transitions APIのサポート、メディアソース拡張（MSE）のワーカーでのサポート、JavaScriptのObject
iPadOS 13.4ではトラックパッドに対応することで、ポインタをホバーするといったマウスイベントが可能になっているそうです。詳細は以下から。 Appleは現地時間2020年03月24日、Magic Keybaord for iPadのトラックパッドに対応した「iPadOS 13.4」をリリースし、現在アクセシビリティ機能の1つとして提供している、ワイヤレス/ワイヤード・マウスやトラックパッドでのマウスポインタ操作を正式にサポートするようですが、 トラックパッドへの対応はiPadOS 13.4を搭載したすべてのiPadで利用可能で、AppleのMagic Mouse 2、Magic Trackpad 2そしてiPad ProのためのMagic Keyboardと一緒に使うことができます。BluetoothまたはUSB接続のサードパーティのマウスにも対応します。 Apple、LiDARスキ
ドラッグ状態で触れた要素のindexがそのまま移動先になると考えるのが1番簡単そうです。 やりたいこと これが検知できるのはonDragEnter,onDragOver,onDropということになります。 ただ、これだと末尾に移動させることができません。 なのでカーソルが触れている位置で移動先を変えることにします。 「上側 → index」「下側 → index + 1」 加えてゴースト(またはキャレット)の表示位置はドラッグ中に移動先が変わるたび更新しないといけないので、移動先の決定にはonDragOverを使用することになります。 ミニマムな実装 以上を踏まえてミニマムに実装したのがこちらです。(ゴーストなどは未実装) 補足 iOSのSafariではdraggable属性だけではなく、CSSで -webkit-user-darg: elementを付けていないとonDragStartが
今回はWordPressテーマ「AFFINGER5」風のキラッと光るボタンをCSSだけで作る方法を紹介します。 他にもいくつかパターンを用意したので、気に入ったのがあったら持って帰ってください。コピペ自由です。 光るボタンのCSSコード先にコードだけ載せておきます。 作り方の解説は後述します。 色などのカスタマイズに関してはCSSコードにコメントを残しておくので参考にしてください。 ボタン風のデザインシンプルで厚みのあるボタン風のデザインです。色々なサイトで見かけますね。 ここにテキスト <a href="リンク先のURL" class="shiny-btn1">ここにテキスト</a>.shiny-btn1 { display: block; position: relative; width: 80%;/*ボタンの幅*/ padding: 10px 0; margin: 30px aut
Astro 2.0 と迫る TS 5.0 の気配など : Cybozu Frontend Weekly (2023-01-24号)
Astro 2.0 と迫る TS 5.0 の気配など : Cybozu Frontend Weekly (2023-01-24号) こんにちは! サイボウズ株式会社フロントエンドエキスパートチームの Saji (@sajikix) です。 はじめに フロントエンドエキスパートチームでは毎週火曜日に Cybozu Frontend Weekly という 「1 週間の間にあったフロントエンドニュースを共有する会」 を社内でに開催しています。 今回は、2023/01/24 の FrontendWeekly で取り上げた記事や話題をまとめたものになります。 取り上げた記事・話題 Bun v0.5 | Bun Blog Bun v0.5 がリリースされました。主なアップデートは以下のようになっています。 package.json の workspaces 機能に対応 ドメイン名解決のためのビルドイン
Apple、iOS14.4.1・iPadOS 14.4.1・watchOS 7.3.2・macOS Big Sur 11.2.3をリリース【更新】 - こぼねみ
Appleは日本時間3月9日、「iOS 14.4.1」「iPadOS 14.4.1」「watchOS 7.3.2」「macOS Big Sur 11.2.3」をリリースしました。 重要なセキュリティアップデートが含まれ、すべてのユーザに推奨されます。 iOS 14 WebKitの脆弱性の修正となっており、悪意のあるWebコンテンツを処理すると任意のコードを実行される可能性がある脆弱性CVE-2021-1844が修正されています。 iOS14.4.1ではiPhone 6sとそれ以降、iPad Air 2とそれ以降、iPad mini 4とそれ以降、iPod touch第7世代とそれ以降、watchOS 7.3.ではApple Watch Series 3とそれ以降が、それぞれが利用可能です。 Source：Apple セキュリティアップデート - Apple サポート
【CSS】カードをめくる その３ idを使わない版 - Little Strange Software
どうも！LSSです！！ 「カードをめくる その３」、前回の「その２」は little-strange.hatenablog.com 一年前の記事でしたｗ その後、そのアレンジ版として、 little-strange.hatenablog.com というのも作りました。 補足説明記事→【CSS】本をめくる、のページ追加方法について この「その２」と「本をめくる」には、 「id指定を利用しているため、カードを２枚以上おく、ページ数を増やすのにCSS部分をも含めて多数の場所を書き換えないといけない」 という共通した問題点があります。 それでもコード利用に挑戦していただいた方がおられ、 whisky-coke.hatenablog.com ではなんと、縦めくりにされた上に、大幅なページ増でカレンダーを作られています！ のんべえ(id:whisky-coke)様、ありがとうございます^^（かなりお手
GitHub - webview/webview: Tiny cross-platform webview library for C/C++. Uses WebKit (GTK/Cocoa) and Edge WebView2 (Windows).
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Apple、共同作業が可能なApple Musicのプレイリスト機能を追加しWebKitのゼロデイ脆弱性を修正した「macOS 14.3 Sonoma」を正式にリリース。
Appleが共同作業が可能なApple Musicのプレイリスト機能を追加しWebKitのゼロデイ脆弱性を修正した「macOS 14.3 Sonoma」を正式にリリースしています。詳細は以下から。 Appleは現地時間2024年01月22日、iPhoneが盗難された場合にアカウントと個人情報を保護する盗難デバイスの保護機能やApple Musicプレイリストの共同作業機能などを追加した「iOS 17.3 (21D50)」をリリースしましたが、Macに対しても「macOS 14.3 Sonoma (23D56)」をリリースしています。 macOS Sonoma 14.3では、Mac用のApple Musicやその他の機能の向上、バグ修正、およびセキュリティアップデートが導入されます。 リリースノートより macOS 14.3 SonomaではiOS/iPadOS 14.3と同じく、Apple
Chrome 89 Beta: Advanced Hardware Interactions, Web Sharing on Desktop, and More
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
JSer.info #600 - BunというZig言語とJavaScriptCore(WebKitのJavaScriptエンジン)を使って書かれたJavaScript Runtimeが公開されました。 oven-sh/bun: Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one. Bunは"all-in-one JavaScript runtime"とあるように、TypeScript/JSXのTranspiler/Bundler/Task Runerを同梱し、npm互換のパッケージマネージャーやNode-API(N-API)互換の実装、FetchなどのWeb APIの実装をもっています。 Denoと似ている立ち位置のRuntimeですが、Node.js互換のAPI
この記事は Meguro.es #25 で登壇した内容です。 はじめに 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って１週間足らずで達成できました。Community の一員になれた経緯はまた別の記事で書こうと思います。Community の一員として Contributors の Discord channel に招待されて、色々な知見が手に入るので、今回はその一部をシェアします。 The New React Native 2020年は React Native が大きく変わる年になります。現在、React Native は内部設計を徐々に変更しています。この内部設計の変化については、React Native Re-architecture として2018年か
はじめに 『レンダリングの仕組みなんて知らなくても、ブラウザが勝手にやってくれるじゃん！』 当時駆け出しのエンジニアだった私はそう思っていました。 実際、当時の私はレンダリングの『レ』の字も知りませんでしたが、特に業務上で問題はありませんでした。 しかし、その時は突然訪れました。 クライアントの要望でアニメーションを多彩に取り入れた案件を実装した際に、テスト段階で一部ブラウザ（S○f○ri、E○ge）でアニメーションがひどい状況になっていることが発覚しました。 (開発中はChromeで確認を行っており、Chromeでは特に問題はなかったので発覚が遅れました。) それからは、狂ったようにパフォーマンスの改善方法をググり、修正する日々が続きました。（最終的には、なんとかマルチブラウザでの動作も担保し、納品まで完了しました。） その案件が落ち着いた後、改めて自分の調べたことを振り返ると、局所的な
はてなブログの「カスタマイズ」の一つである「吹き出し会話」の簡単設定方法を紹介したいと思います。吹き出し会話のメリットは”文章が読みやすくなる”ことです。 そのためSEO対策として、読者の滞在率アップにもつながります。 とても簡単に導入できるのでおすすめな方法です。 吹き出し会話はやはり読みやすくなるね♪ 読むときにテンポよく楽しく読めるよね ブログを読みやすくしたいと考えている方はぜひ「吹き出し会話」を導入してみましょう。それでは、画像付きの吹き出し会話を実装するための一連の流れを解説します。 吹き出し会話設定の流れ 吹き出し用の画像を準備 「はてなブログ」で「CSSデザイン」の設定をする はてなブログで吹き出し設定するための「CSSコード」 Google Chromeの拡張機能(Chrome Add-on for Hatena)をインストール Chrome Add-on for Hat
WebKit Features in Safari 17.2
ContentsHTMLCSSImages and videoJavaScriptWeb APIWeb AppsWebGLPrivacyWeb InspectorFixes for Interop 2023 and moreUpdating to Safari 17.2Feedback Web technology is constantly moving forward, with both big new features and small subtle adjustments. Nowadays, web developers expect web browsers to update multiple times a year, instead of the once or twice a year typical of the late 2000s — or the once
Android's Built-in ProGuard Rules: The Missing Guide Android's build tools come with a few ProGuard facets to squeeze the most juice out of your release builds. In this post we'll cover what they all are, what's inside 'em, and what you can do with this knowledge! Note: This post is a little long and intended to be an information dump. Feel free to skip sections if they're not relevant to you! The
スマホでのメニュー表示はいつも悩ましいものです。スマホの画面サイズが大きくなったとはいえ、やはり表示領域は狭く限られています。 特にカテゴリーの数が多くメニューが多階層にわたるサイトやブログのメニュー表示をどうするか。 今回はたくさんのメニュー項目をコンパクトにまとめて表示できるメニューのカスタマイズです。 blog.minimal-green.com ベースは↑のメニューを使い、若干デザインと機能を追加しました。 変更点 メニューの動き HTML＆jQuery CSS まとめ 変更点変更点 ハンバーガーメニューのデザイン変更スマホ表示で2階層目の項目をタップで開閉するように メニューの動き動きは以下のgifをご覧下さい。 HTML＆jQuery 以下のコードをはてなブログ管理画面>デザイン＞カスタマイズ>ヘッダ＞タイトル下に入れて下さい。 <div class="drawer_menu"
iOS15で追加される、ユーザーのプライバシーを保護する新機能「iCloud Private Relay」は、現時点では意図したとおりの保護性能を発揮できていないことが分かりました。同機能は、iOS15正式公開当初はベータとして提供される予定です。 暗号化によるプライバシー保護が動作しない不具合 iOS15の新機能「iCloud Private Relay」は、SafariでWebにアクセスする際にデバイスから発信される情報を暗号化することで、IPアドレスや位置情報、閲覧履歴へのアクセスからユーザーを追跡するためのプロフィール情報が作成されないようにするプライバシー保護機能です。 海外掲示板サイトRedditユーザーu/WhatTheHomePod氏が、iCloud Private RelayをオンにしていてもユーザーのアドレスがISPから見られる状態になっていると指摘しています。 問題は
Browser ChangesUpcoming Browser Behavior Changes: What Developers Need to KnowLearn about upcoming changes to browser cookie behavior that may make your web applications incompatible. Are you operating a web application with sessions (e.g. for saving user preferences, shopping carts)? Do you allow users to sign in using identity providers such as Google and Apple, or use solutions such as Auth0? W
Apple、既に悪用された可能性のあるゼロデイ脆弱性2件を修正した「macOS 12.5.1 Monterey (21G83)」をリリース。
Appleが既に悪用された可能性のあるゼロデイ脆弱性2件を修正した「macOS 12.5.1 Monterey (21G83)」をリリースしています。詳細は以下から。 Appleは現地時間2022年08月17日、07月20日にリリースした「macOS 12.5 Monterey (21G72)」のHotfixとなる「macOS 12.5.1 Monterey (21G83)」を、Intel/Apple Silicon Mac向けにリリースしています。 このアップデートをすべてのユーザに推奨します。このアップデートを適用するとmacOSのセキュリティが向上します。 リリースノートより 同時に公開されたセキュリティコンテンツによると、同アップデートでは同時にリリースされた「iOS/iPaOS 15.6.1」と同じく、匿名の研究者により報告された、悪意のあるアプリ/Webコンテンツによってカーネ
WebKit Features in Safari 17.5
Happy May! It’s time for another release of Safari — our third significant update of 2024. With just a month until WWDC24 and the unveiling of what’s coming later this year, we are happy to get these 7 features and 22 bug fixes into the hands of your users today. CSS There are several exciting new CSS features in Safari 17.5, including text-wrap: balance, the light-dark() color function, and @star
業務で仮想スクロールを使った改善に関わる機会があり、その辺りの知見を活かしつつ、個人的にやりたかったことなども盛り込みつつ、React 用の OSS を作成しました。 もしよろしければスターいただけると励みになります。 使い方 以下のように通常の div などの場合とほぼ変わらない記述で、簡単に仮想スクロールによるパフォーマンス改善を導入することができます。 一般的に、仮想スクロールは単に表示するだけでもセットアップが面倒だったり、特に高さが未知もしくは可変の要素を表示した時にうまく動いてくれないものも多いですが、その辺りも自動的にハンドリングしてくれます。また各 component の bundle size も約 3kb(全体で約 4kb)なので導入し易いと思います。 import { VList } from "virtua"; export const App = () => {
Wi-Fine
Wi-Fine It is fine to use public Wi-Fi, even without a VPN. Enjoy travelling and avoid high roaming costs! Nothing is 100% safe, but public Wi-Fi is such a small risk that it does not warrant the attention it still gets. Avoiding it has become a form of security theater. Modern internet protocols are designed with the assumption of an untrusted network layer. If all networks are assumed to be untr
Load cross-origin resources without CORP headers using COEP: credentialless | Blog | Chrome for Developers
We have shipped the new Cross-Origin Embedder Policy (COEP) value credentialless which allows the browser to load cross-origin resources which don't use the Cross-Origin Resource Policy (CORP), by sending a request without credentials, such as cookies. This helps developers to adopt cross-origin isolation more easily. Why we need cross-origin isolation Some web APIs increase the risk of side-chann
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
目線でブラウザをスクロールするアプリを作ってみた | DevelopersIO
【CSS】CSS Maskingを使って、フェードアウトするUIを実現する。 - Qiita
Release Notes for Safari Technology Preview 135
News from WWDC23: WebKit Features in Safari 17 beta
Xcode 関連ファイルを定期的に削除する - xyk blog
ゼロデイ脆弱性に対処した「iOS/iPadOS 15.6.1」「macOS Monterey 12.5.1」が公開／カーネルと「WebKit」に任意コード実行の欠陥
Potential uses for the Privacy Sandbox
ARM版Windows 10のプレビュー版でx64プログラムの動作に対応したので試した
clamp() - CSS: カスケーディングスタイルシート | MDN
The Era of Visual Studio Code
2019-08-13のJS: React 16.9.0正式リリース、Image lazy-loading、Web API in Node.js
View Transitions APIがSafariで利用可能になる ー フロントエンドの進化を促進するか
トラックパッドに対応するiPadOS 13.4では、ポインタをホバーするといったマウスイベントが可能に。
【React】ドラッグ&ドロップで並べ替えできるリストを実装する話
「iOS 17.1.2」「iPadOS 17.1.2」が公開 ～Webkitのゼロデイ脆弱性に対処した緊急アップデート／脆弱性は2件、「iOS 16.7.1」以前のバージョンで悪用を確認
【クリック率が上がる！】AFFINGER風の光るボタンをCSSだけで作る方法
2022-07-14のJS: Bun(all-in-one JavaScript runtime)、Vite 3.0.0、600回目の更新
React Nativeの Re-architecture について。 - Qiita
ブラウザレンダリング入門〜知ることで見える世界〜 - Qiita
【ブログカスタマイズ】「はてなブログ」で吹き出し会話作成手順紹介 - redoブログ
Android's Built-in ProGuard Rules: The Missing Guide
スマホに使える！2階層対応レスポンシブメニュー - Minimal Green
iOS15の個人情報保護機能「iCloud Private Relay」に不具合 - iPhone Mania
Upcoming Browser Behavior Changes: What Developers Need to Know
React Server Components 対応の仮想スクロールライブラリを作りました