ウィークリーダイジェスト07/2022

今年の私の毎週のダイジェスト5月7日への歓迎.
このウィークリーダイジェストは興味深いと刺激記事、ビデオ、つぶやき、ポッドキャスト、私は今週中に消費するデザインの多くが含まれています.

面白い記事を読む

JS 2021の現状
JavaScript生態系の最新動向に関する年次調査の2021年版.
The State of JS 2021

新しいポケモンを生成するためのAIの教育
ポケモンは1996年創業.年で、それは世界で最も認識できるフランチャイズの1つになりました.しかし、それ以降、まだ893のユニークなポケモンだけの合計があります.AIで、我々はそれを変えることができます.

ファイルシステムAPI
ファイルシステムアクセスAPIは、ユーザーのローカルファイルへの読み込みおよび書き込みアクセスを許可するWeb APIです.これは、強力なWebアプリケーションを構築するには、テキストエディタや
s、画像編集ツール、改善されたインポート/エクスポート、フロントエンドのすべて.このAPIを使い始める方法を見てみましょう.
Getting Started With the File System Access API | CSS-Tricks

私が今週見たいくつかのすばらしいビデオ

JavaScriptの特定のエラーをキャッチする
どのようにJavaScriptでキャッチしているエラーを知っていますか?ここでは、アプリケーションが回復することができるようにさまざまな種類のエラーを区別する方法を見ます.
そば

100秒でルア
Luaは、しばしばWarcraftとRobloxの世界のような他のプログラムに埋め込まれた軽量な動的なスクリプト言語です.他の解釈された言語よりずっと多くのパフォーマーである間、その最小限の構文はPythonより学ぶことをより簡単にします.
そば

反応のコンテキストをマスター:あなたは州のマネージャーが必要ですか?
文脈では、反応は超貴重なツールですが、それは国家マネージャに置き換えることができますか?見つけましょう!
そば

CSSに対処する7つの方法
CSSコードを書くには、次の7つの方法があります.jsアプリ.CSSモジュールのようなさまざまなツール間のトレードオフを学ぶ、CSSのjs、sass、tailwind、bootstrap、コンポーネントライブラリ、および多く.
そば

有用なgithubリポジトリ

解雇家
これまでに赤血球のテクニックとしてpixelationを使用することはない

BishopFox / unredacter
これまでに赤血球のテクニックとしてpixelationを使用することはない
解雇家
あなたはなぜ今まで赤のテクニックとしてpixelationを使用する必要がありますを示します.

ハウツーとスタイル
依存関係をインストールするnpm installそれからnpm startそれです.
どのように自分のピクセルイメージをクラックする
これは少しマニュアルであり、すべての合理化されていません.なぜでしょう.誰かがこのプロセスをより多くのアプリで作る際にショットを取るように感じるならば、私はすべての耳です.どのような私は、電子開発者のように見えるのですか?でもここでは

ちょうどピクセル化された領域に画像をトリミング.ない境界線、他のテキスト.置換secret.png それで.私はgimpでそれを行うことをお勧めします.

ブロックサイズに注意してください.(各ピクセルブロックのサイズだけ)置換blockSize とのコードで.

ちょうどCSSを得てください.これは最も困難で最も時間がかかる部分です.試してみるtest.html そして、それをクロムで見てください..

View on GitHub

キーキャスター
オープンソースのキーストロークビジュアライザー

keycastr / keycastr
オープンソースのキーストロークビジュアライザー
キーキャスター
keycastr、オープンソースのキーストロークビジュアライザー.


ダウンロード

Download latest release

インストールhomebrew cask
をインストールする
アクセス可能APIアクセスの有効化
Keycastrは、MacOSのアクセシビリティAPIへのアクセスを必要とします.
MacOS(10.15 +)の新しいバージョンでは、システムの設定アプリケーション内のセキュリティ＆プライバシーの下に新しい入力監視メニューがあり、Keycastrが自動的にそれを実行する最初の時間が表示されます.単にこのメニューのロックを解除し、Keycastrの横にあるボックスをチェックして、それを可能にします.

MacOSの古いバージョンでは、または何らかの理由でアプリケーションが入力監視メニューの下に表示されない場合(または事前にそれを有効にする場合)は、手動でアクセシビリティメニューのアプリのリストに追加することがあります.

リストにkeycastrを追加するには、+ボタンをクリックし、ファイルからkeycastrを選択します.
View on GitHub

RRweb
レコードとリプレイウェブ

rrweb-io / rrweb
レコードとリプレイウェブ

Try rrweb
RRweb
The rrweb documentary (in Chinese, with English subtitles)




中文文档

I have joined Github Sponsors and highly appreciate your sponsorship.

RRwebは、レコーディングとリプレイWebを参照します.これは、ウェブ上でユーザーのインタラクションを記録し、再生するためのツールです.
ガイド
📚 Read the rrweb guide here. 📚
🍳 Recipes 🍳
プロジェクト構造
RRWebは主に3つの部分から構成されています.

rrweb-snapshot , 両方のスナップショットと再構築機能を含む.スナップショットは、DOMとその状態を一意の識別子を持つシリアル化可能なデータ構造に変換するために使用されます再構築機能は、スナップショットを対応するDOMに再構築することです.

rrweb , つの機能を含む、記録と再生.レコード機能はDOMのすべての突然変異を記録するために使用されますリプレイは対応するタイムスタンプに従って1つずつ再生された突然変異を再生することです.

rrweb-player , は、GUIベースの機能を提供するrrwebのためのプレーヤーのUIです.

View on GitHub

ドリブルショット

プラットフォーム

そばuixNinja

ブリッツエージェンシーモバイル

そばHalo Mobile

ポッドキャスト

そばJrufitUX

つぶやき

レナート
@ lekoartsoundデ

ハローフレンズ👋私はサポートに取り組んでいるし、あなたの助けが必要!どうぞgithub.com/gatsbyjs/gatsb… , それを試してみて、動作していないことを報告する!感謝🥰
午前9時06分- 2022年2月14日


アダムアーガイル

サイトが暗いモードをサポートするとき、私にバグを与えてください.解決!✅ を選択します.src属性のPNG✅ BGカラーを提供する✅ ユーザーは暗い色を好む?暗いBGカラーを提供する✅ 完了!
午後14時38分- 2022年2月16日


オディオスミ

ヒント:Googleフォントのサイズを90 %オフにするだけでテキスト＆テキストを必要とする文字を宣言してbit.ly/fonts-text . セルフホスティングならbit.ly/subfont
午前7時18分

ピンズペン

つのDIVピクセルピザ
そばMina

落ち葉の咲く花
そば

ほとんど知らないうちに
そば

ポッドキャスト

構文-コードエクスプローラ
この早急な治療では、スコットとWESはどのように探索し、Githubレポのコードに貢献する方法について説明します.

ラジオ- *アダムアーガイル* *と
クリスはAdam Cheのすべての種類と彼の仕事についてのGoogleとVisbugのチャットを意図します.しかし、彼らは色についてのすべての時間とかなりのウェブプラットフォームにそこに来ているチャット.
読んでいただきありがとうございます、来週あなたと話をし、安全に滞在!👋