ウィークリーダイジェスト31/2021
15550 ワード
今年の私の毎週のダイジェストLung .
このウィークリーダイジェストは興味深いと刺激記事、ビデオ、つぶやき、ポッドキャスト、私は今週中に消費するデザインの多くが含まれています.
あなたが必要としていなかった意味論.
On the ‹dl›
Jakeは最近特定のイメージのために正しいaltテキストを見つけようとして立ち往生しました.
Writing great alt text: Emotion matters
それはこれらの警告を無視する誘惑です、しかし、私はそれに対して非常に推薦します.
You probably shouldn't ignore react-hooks/exhaustive-deps linting warnings
あなたがコンソールを渡すならば、明らかに.いくつかのイベントハンドラまたは他の種類のプロップへのログ関数は動作しません.私は、それが何も記録しないことを意味します.
そば
最新のFirebase JavaScript SDK(バージョン9.0)は、より良いWebパフォーマンスのためのはるかに小さいバンドルサイズで結果として機能的なライブラリとして書き直されました.
そば
クリスはDataStaxのDavid Jones Gilardiとペアを組んでいました.彼らはJackstackアプローチでどのように素敵にdatastax - astra対を紹介する良い仕事をしています.
そば
ノードのための最も強力なテスト技術のマスター.js
あなたの利益への3つのもの
Awesome CTF
Create Forensics Platforms Steganography Web
Solve Attacks Bruteforcers Cryptography Exploits Forensics Networking Reversing Services Steganography Web
Resources Operating Systems Starter Packs Tutorials Wargames Websites Wikis Writeups Collections クリエイト
Kali Linux CTF Blueprints - オンラインの本を構築、テスト、およびカスタマイズ独自のフラグの課題をキャプチャします.
ツール.
View on GitHub
HTML 5キャンバスとSVGを使用してDOMノードからイメージを生成します.
画像からHTML
toPng toSvg toJpeg toBlob toCanvas toPixelData 次の例に従ってください.
PNGイメージbase 64エンコードデータURLを取得し、すぐに表示します.
var node =ドキュメント.getelementbyid (' my - node ');
htmltoimage.topng (ノード)
その後、
var img = new Image();
分子研src = dataurl ;
ドキュメント.
View on GitHub
そばTomasz Mazurczak
そばFarrel Paperpillar
そばJulius Branding
そばIrfan Fanen
プラタム
HTMLチップ💡“翻訳”属性を使用し、あなたの会社名の“no”に値を設定します.その場合、ウェブページが別の言語に翻訳されるように、あなたのブランド名はそのまま残ります.
午後14時13分- 2021年8月03日
アメリアWattenberger🍓 華曼如
私たちはしばらくの間やりたかった探査をリリースしました.✨✨コードベースを視覚化できますか?✨✨我々は常にファイル/フォルダの一覧で私たちのコードを見て-どのような鳥の目が見えるように、どのようにコードの私達の理解を高めることができますか?octo.github.com/projects/repo-…
午後12時27分- 2021年8月05日
オーラード⚡
ヘイリィOlolade
メディアクエリの応答ブレークポイント📱 ➡️ 💻 ➡️ 🖥️
午後19時44分- 2021年8月6日
絵本
@ storybookjs
テストの場合は、すべての種類のテストを再利用することができます.自動テストを含む.以下に🃏物語を冗談に輸入する🐙TestingLibを使用してコンポーネントをレンダリングする♿AxeCheckoutを使用したアクセシビリティ監査の実行-チュートリアル-ed.gr/dkirc
午後15時55分- 2021年8月6日
アダムアーガイル
ユーザー適応フロスティガラス😎```.適応ガラス{ガラスの明度:100 %;背景:HSL(0 % var(=ガラス明度)/50 %);背景フィルタ:ぼけ(40 px);@メディア(色スキーム:暗)-ガラスの明度:0 %;}codepen.io/argyleink/pen/… 👀
午後7時05分- 2021年8月7日
そば
そば
このエピソードでは、私たちはあなたのプロジェクトのための技術のスタックを選択することについておしゃべりされます.これは、スケーラビリティに、開発速度から、あなたのアプリケーションの多くの側面を決定するコストを実行する.
クリス&アレックスは、デップ、サーバーについて話し、codepenを常にオンラインで維持する.私たちは、10分前に10分間のドロップをしたとき、その年は100 %だった.それはまだ99.99 %のアップタイムの領域で私たちを維持します.
CSSポッドキャストのシーズン2の終わりに達しました.この終了のエピソードでは、我々は最後の数ヶ月からお気に入りのヒントや学習を共有することによって、すべてのエピソードを要約!
読んでいただきありがとうございます、来週あなたと話をし、安全に滞在!👋
このウィークリーダイジェストは興味深いと刺激記事、ビデオ、つぶやき、ポッドキャスト、私は今週中に消費するデザインの多くが含まれています.
面白い記事を読む
で
あなたが必要としていなかった意味論.
On the ‹dl›
大きなaltテキストを書く:感情問題
Jakeは最近特定のイメージのために正しいaltテキストを見つけようとして立ち往生しました.
Writing great alt text: Emotion matters
あなたは、おそらく反応フックを無視してはいけません/徹底的なDEP
それはこれらの警告を無視する誘惑です、しかし、私はそれに対して非常に推薦します.
You probably shouldn't ignore react-hooks/exhaustive-deps linting warnings
私が今週見たいくつかのすばらしいビデオ
コンソールできません。ログイン反応
あなたがコンソールを渡すならば、明らかに.いくつかのイベントハンドラまたは他の種類のプロップへのログ関数は動作しません.私は、それが何も記録しないことを意味します.
そば
ファイアベースの減少
最新のFirebase JavaScript SDK(バージョン9.0)は、より良いWebパフォーマンスのためのはるかに小さいバンドルサイズで結果として機能的なライブラリとして書き直されました.
そば
DataStaxアストラ&NetlifyとNetflixクローン
クリスはDataStaxのDavid Jones Gilardiとペアを組んでいました.彼らはJackstackアプローチでどのように素敵にdatastax - astra対を紹介する良い仕事をしています.
そば
有用なgithubリポジトリ
ノード。JS統合テスト
ノードのための最も強力なテスト技術のマスター.js
testjavascript / NodeJS統合テストベストプラクティス
✅ ノードのための最も強力なテスト技術のマスター。コンポーネントテスト.超包括的なベストプラクティスのリストと例のアプリ(2021年8月)を含む
バックエンドのための最も強力なテスト技術のマスター
あなたの利益への3つのもの
コンポーネント/インテグレーションテストはE 2 EとユニットTETS間のハイブリッドです.それは多くの人気を得て、それが現代のバックエンドのためのデフォルト技術と考えられるテストダイヤモンドモデルによって行きます.その主なアイデアは、全体のコンポーネント(例えば、MicroService)をテストしているとして、APIを介して、データベースを含むすべての層が偽の何かを外部に.これは、両方の高信頼と偉大な開発者の経験をもたらします.しかし、右、高速、徹底的にそれをやって、値を最大限にいくつかの学習とスキルを要求する.これがこのレポの使命声明です.警告:あなたはテストと恋に落ちるかもしれない💚
このリポジトリには
1 .✅ 40 +ベストプラクティスの一覧-コード例を含む適切な方法でコンポーネントテストを記述する方法とサンプルアプリケーションへの参照についての詳細な説明
2 .📊 サンプルアプリケーション.
View on GitHub
恐ろしいCTF
フラグ(CTF)のフレームワーク、ライブラリ、リソース、ソフトウェア、およびチュートリアルをキャプチャのリストです.
アプデハル
/
恐ろしいCTF
CTFフレームワーク、ライブラリ、リソースとソフトウェアのキュレーテッドリスト
恐ろしいCTF
のリストCapture The Flag ( CTF )フレームワーク、ライブラリ、リソース、ソフトウェア、チュートリアル.このリストは、スターターだけでなく、経験豊かなCTFの選手を助けるためにすべての場所にCTFに関連するすべてを見つけることを目指しています.
貢献
この動画を見るcontribution guidelines ファースト.
あなたがここに存在しないツールを知っているならば、プル要求を開けて自由に感じてください。
なぜ?
これは、CTFで使用されるツールのコレクションを構築し、それらをすべて覚えて時間がかかります.このレポは1つの場所でこれらのすべての散乱ツールを維持するのに役立ちます.
内容
のリストCapture The Flag ( CTF )フレームワーク、ライブラリ、リソース、ソフトウェア、チュートリアル.このリストは、スターターだけでなく、経験豊かなCTFの選手を助けるためにすべての場所にCTFに関連するすべてを見つけることを目指しています.
貢献
この動画を見るcontribution guidelines ファースト.
あなたがここに存在しないツールを知っているならば、プル要求を開けて自由に感じてください。
なぜ?
これは、CTFで使用されるツールのコレクションを構築し、それらをすべて覚えて時間がかかります.このレポは1つの場所でこれらのすべての散乱ツールを維持するのに役立ちます.
内容
Awesome CTF
Create
Solve
Resources
クリエイト
CTF問題を作成するために使用されるツール
Kali Linux CTF Blueprints - オンラインの本を構築、テスト、およびカスタマイズ独自のフラグの課題をキャプチャします.
法医学
ツール.
View on GitHub
画像からHTML
HTML 5キャンバスとSVGを使用してDOMノードからイメージを生成します.
バココ / 画像からHTML
✂️ HTML 5キャンバスとSVGを使用してDOMノードからイメージを生成します。
画像からHTML
✂️ HTML 5キャンバスとSVGを使用してDOMノードからイメージを生成します.
フォークdom-to-image より保守性の高いコードといくつかの新機能.
インストール
npm install -- HTMLを画像に保存する
用途
/* ES 6 */
HTMLからイメージへのhtmltoimageとしてのインポート
イメージをHTMLからイメージにインポートします
/* ES 5 */
var htmlToImage = require('html-to-image');
すべてのトップレベル関数は、DOMノードとレンダリングオプションを受け入れ、対応するDataURLで満たされたプロミスを返します.
トング
PNGイメージbase 64エンコードデータURLを取得し、すぐに表示します.
var node =ドキュメント.getelementbyid (' my - node ');
htmltoimage.topng (ノード)
その後、
var img = new Image();
分子研src = dataurl ;
ドキュメント.
View on GitHub
ドリブルショット
ブログ写真
そばTomasz Mazurczak
医学リマインダーアプリ
そばFarrel Paperpillar
ミュージック
そばJulius Branding
植物世話アシスタント
そばIrfan Fanen
つぶやき
プラタム
HTMLチップ💡“翻訳”属性を使用し、あなたの会社名の“no”に値を設定します.その場合、ウェブページが別の言語に翻訳されるように、あなたのブランド名はそのまま残ります.
午後14時13分- 2021年8月03日
アメリアWattenberger🍓 華曼如
私たちはしばらくの間やりたかった探査をリリースしました.✨✨コードベースを視覚化できますか?✨✨我々は常にファイル/フォルダの一覧で私たちのコードを見て-どのような鳥の目が見えるように、どのようにコードの私達の理解を高めることができますか?octo.github.com/projects/repo-…
午後12時27分- 2021年8月05日
オーラード⚡
ヘイリィOlolade
メディアクエリの応答ブレークポイント📱 ➡️ 💻 ➡️ 🖥️
午後19時44分- 2021年8月6日
絵本
@ storybookjs
テストの場合は、すべての種類のテストを再利用することができます.自動テストを含む.以下に🃏物語を冗談に輸入する🐙TestingLibを使用してコンポーネントをレンダリングする♿AxeCheckoutを使用したアクセシビリティ監査の実行-チュートリアル-ed.gr/dkirc
午後15時55分- 2021年8月6日
アダムアーガイル
ユーザー適応フロスティガラス😎```.適応ガラス{ガラスの明度:100 %;背景:HSL(0 % var(=ガラス明度)/50 %);背景フィルタ:ぼけ(40 px);@メディア(色スキーム:暗)-ガラスの明度:0 %;}codepen.io/argyleink/pen/… 👀
午後7時05分- 2021年8月7日
ピンズペン
中心最大幅コンテナにおける水平スクロール
そば
不規則なイメージギャラリーレイアウト
そば
ポッドキャスト
てんとう虫のポッドキャスト
このエピソードでは、私たちはあなたのプロジェクトのための技術のスタックを選択することについておしゃべりされます.これは、スケーラビリティに、開発速度から、あなたのアプリケーションの多くの側面を決定するコストを実行する.
Codepenラジオ-99.999 %のアップタイム
クリス&アレックスは、デップ、サーバーについて話し、codepenを常にオンラインで維持する.私たちは、10分前に10分間のドロップをしたとき、その年は100 %だった.それはまだ99.99 %のアップタイムの領域で私たちを維持します.
CSSポッドキャスト
CSSポッドキャストのシーズン2の終わりに達しました.この終了のエピソードでは、我々は最後の数ヶ月からお気に入りのヒントや学習を共有することによって、すべてのエピソードを要約!
読んでいただきありがとうございます、来週あなたと話をし、安全に滞在!👋
Reference
この問題について(ウィークリーダイジェスト31/2021), 我々は、より多くの情報をここで見つけました https://dev.to/marcobiedermann/weekly-digest-31-2021-31dcテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol