ウィークリーダイジェスト31/2021

15550 ワード
javascript webdev react css テキストリンク
今年の私の毎週のダイジェストLung .
このウィークリーダイジェストは興味深いと刺激記事、ビデオ、つぶやき、ポッドキャスト、私は今週中に消費するデザインの多くが含まれています.

面白い記事を読む


で


あなたが必要としていなかった意味論.
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つの場所でこれらのすべての散乱ツールを維持するのに役立ちます.

内容


  • 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

    • クリエイト


    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で満たされたプロミスを返します.
  • 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ラジオ－99.999 %のアップタイム


    クリス＆アレックスは、デップ、サーバーについて話し、codepenを常にオンラインで維持する.私たちは、10分前に10分間のドロップをしたとき、その年は100 %だった.それはまだ99.99 %のアップタイムの領域で私たちを維持します.

    CSSポッドキャスト


    CSSポッドキャストのシーズン2の終わりに達しました.この終了のエピソードでは、我々は最後の数ヶ月からお気に入りのヒントや学習を共有することによって、すべてのエピソードを要約!
    読んでいただきありがとうございます、来週あなたと話をし、安全に滞在!👋
    ネットワーク
    [BOJ 14502]研究所(Python)