🚀ウェブ開発者のためのGithubの上の10の取引プロジェクト


トレーディングプロジェクトは毎週のニュースレターとしてご利用いただけます.

WWW .コム インキ


インクは、同じコンポーネントベースのUIビルディングの経験を提供します.それは、端末でFlexboxレイアウトを構築するためにヨガを使用するので、ほとんどのCSSのような小道具も同様にインクで利用可能です.あなたは既に反応に精通している場合は、すでにインクを知っている.

/ Vadimdemedes


🌈 対話的なコマンドラインアプリの対応


インク


React for CLIs. Build and test your CLI output using components.




インクは、同じコンポーネントベースのUIビルディングの経験を提供します
これは、端末でFlexboxのレイアウトを構築するためにを使用するので、ほとんどのCSSのような小道具も
あなたは既に反応に精通している場合は、すでにインクを知っている.
インクは反応レンダラであるので、反応のすべての特徴が支持されることを意味する.
それを使用する方法に関するドキュメントのYogaウェブサイトに頭をつけてください.
インクのメソッドだけがこのREADMEに記録されます.
注意:これはインク3のドキュメントです.あなたがインク2の上でドキュメントを探しているならば、Reactをチェックしてください.利用できるインク2から、this releaseもあります.

インストール

$ npm install ink react

用途

import React, {useState, useEffect} from 'react';
import {render, Text} from

フロー

A javascript library to create pretty flowcharts with ease.

アリササク / 流動性

フローチャートを作成する最小のJavaScriptライブラリ✨

流動性


A javascript library to create pretty flowcharts with ease

Dribbble | | Live demo

Flowy makes creating WebApps with flowchart functionality an incredibly simple task. Build automation software, mind mapping tools, or simple programming platforms in minutes by implementing the library into your project.

Made by Alyssa X

目次

機能

Currently, Flowy supports the following:

  • Responsive drag and drop
  • Automatic snapping
  • Automatic scrolling
  • Block rearrangement
  • Delete blocks
  • Automatic block centering
  • Conditional snapping
  • Conditional block removal
  • Import saved files
  • Mobile support
  • Vanilla javascript (no dependencies)
  • npm install

You can suggest new features here

インストール

Adding Flowy to your WebApp is incredibly simple:

  1. Link flowy.min.js and flowy.min.css to your project. Through jsDelivr:
<link rel="stylesheet" href="

殺菌剤

Nativefier is a command-line tool to easily create a desktop app for any web site with minimal configuration. Apps are wrapped by Electron (which uses Chromium under the hood) in an OS executable (.app, .exe, etc) for use on Windows, macOS and Linux.

化膿装置 / 化膿装置

任意のWebページをデスクトップアプリケーション

化膿装置

You want to make a native wrapper for WhatsApp Web (or any web page).

nativefier 'web.whatsapp.com'

You're done.

導入

Nativefier is a command-line tool to easily create a desktop app for any web site with minimal configuration. Apps are wrapped by Electron (which uses Chromium under the hood) in an OS executable (.app, .exe, etc) for use on Windows, macOS and Linux.

I did this because I was tired of having to ⌘-tab or alt-tab to my browser and then search through the numerous open tabs when I was using Facebook Messenger or Whatsapp Web (HN thread). Nativefier features:

  • Automatically retrieval of app icon / name.
  • JavaScript and CSS injection.
  • Many more, see the API docs or nativefier --help

インストール


fullcalendar

A full-sized drag & drop JavaScript event calendar

フルカレンダー / フルカレンダー

フルサイズのドラッグ&ドロップイベントカレンダー





GPT - 3サンドボックス

The goal of this project is to enable users to create cool web demos using the newly released OpenAI GPT-3 API with just a few lines of Python.

シュレヤシュタカー / サンドボックス

このプロジェクトの目的は、新しくリリースされたOpenGet - 3 APIを使用して、クールなWebデモを作成できるようにすることです。

GPT - 3サンドボックス:あなたの考えを数分でデモに変えてください

Initial release date: 19 July 2020

Note that this repository is not under any active development; just basic maintenance.

説明

The goal of this project is to enable users to create cool web demos using the newly released OpenAI GPT-3 API with just a few lines of Python.

This project addresses the following issues:

  1. Automatically formatting a user's inputs and outputs so that the model can effectively pattern-match
  2. Creating a web app for a user to deploy locally and showcase their idea

Here's a quick example of priming GPT to convert English to LaTeX:

# Construct GPT object and show some examples
gpt = GPT(engine="davinci"
          temperature=0.5,
          max_tokens=100)
gpt.add_example(Example('Two plus two equals four', '2 + 2 = 4'))
gpt.add_example(Example('The integral from zero to infinity', '\\int_0^{\\infty}'))
gpt.add_example(Example('The gradient of x squared plus two times x with respect to x', '\\nabla_x
...
migration guide

Githubを見る ブログ投稿ワークフロー


このGitHubアクションを使用して自動的にあなたのGitHubプロファイル/プロジェクトReadMeの別のソースからあなたの最新のブログ記事を一覧表示します.

/ ガウタンクリシュナー


あなたのGithubプロフィール/プロジェクトReadMeのRSSフィードを使用して任意のソースやスタックオーバーの活動やYouTubeの動画からあなたの最新のブログの記事を表示する


ブログ投稿ワークフロー ブログ投稿ワークフロー



使い方

  • スターこのレポ😉
  • リポジトリ
  • に行きます
  • 次のセクションをReadMeに追加します.MDファイルは、あなたが望む任意のタイトルを与えることができます.ちょうどあなたがreadmeで<!-- BLOG-POST-LIST:START --><!-- BLOG-POST-LIST:END -->を使用することを確認してください.ワークフローは、このコメントを実際のブログ投稿リストに置き換えます
    # Blog posts
    <!-- BLOG-POST-LIST:START -->
    <!-- BLOG-POST-LIST:END -->
    • Create a folder named .github and create a workflows folder inside it if it doesn't exist.
    • Create a new file named blog-post-workflow.yml with the following contents inside the workflows folder:
    name: Latest blog post workflow
    on
      schedule: # Run workflow automatically
        - cron: '0 * * * *' # Runs every hour, on the hour
      workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly
    jobs:
      update-readme-with-blog:
        

    ステンシル

    Stencil is a simple compiler for generating Web Components and static site generated progressive web apps (PWA). Stencil was built by the Ionic team for its next generation of performant mobile and desktop Web Components.

    イオンチーム / ステンシル

    プラットフォームとWebコンポーネントの標準の上にスケーラブル、エンタープライズレディコンポーネントシステムを構築するためのツールチェーン。ステンシルコンポーネントは、単一、フレームワークの不可知コアベースから、反応、角度、Vue、および伝統的なWeb開発者にネイティブに配布することができます。

    ステンシル:WebコンポーネントとPISのためのコンパイラ

    npm init stencil

    Stencil is a simple compiler for generating Web Components and static site generated progressive web apps (PWA). Stencil was built by the Ionic team for its next generation of performant mobile and desktop Web Components.

    Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, an asynchronous rendering pipeline to ensure smooth running animations, lazy-loading out of the box, and generates 100% standards-based Web Components that run on both modern browsers and legacy browsers.

    Stencil components are just Web Components, so they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend frameworks given the capabilities now available in the browser, though using it as such is certainly not required.


    8 .安全な方法

    Its lessons are not just applicable to computer security. In fact, in this repo, I aim to document a process for securing anything, whether it's a medieval castle, an art museum, or a computer network.

    ベージュパテル / 何でも確保する方法

    安全性についてのリポジトリ

    何でも確保する方法

    Security engineering is the discipline of building secure systems.

    Its lessons are not just applicable to computer security. In fact, in this repo, I aim to document a process for securing anything, whether it's a medieval castle, an art museum, or a computer network.

    Please contribute! Create a pull request or just create a issue for content you'd like to add: I'll add it for you!

    目次


    9 .バビロンjs

    Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

    バビロン / バビロン.js

    バビロン.JSは、強力な、美しく、シンプルでオープンなゲームやレンダリングエンジンフレンドリーなJavaScriptフレームワークにパックされます。

    バビロン.js

    Getting started? Play directly with the Babylon.js API using our playground. It also contains a lot of samples to learn how to use it.

    Any questions? Here is our official forum.

    CDN

    Additional references can be found on https://cdn.babylonjs.com/xxx where xxx is the folder structure you can find in the /dist folder like https://cdn.babylonjs.com/gui/babylon.gui.min.js

    For the preview release, use the following URLs:

    Additional references can be found on https://preview.babylonjs.com/xxx where xxx is the folder structure you can find in the /dist/preview release folder like https://preview.babylonjs.com/gui/babylon.gui.min.js

    国立天文台

    BabylonJS and its modules are published on npm with full typing support. To install, use:

    npm install babylonjs --save
    
    これはBabylonjsを完全に使用するようにインポートできます.
    インポート*バビロンから' Babylonjs '
    または
    ' Babylonjs 'からインポート{シーン、エンジン};
    入力スクリプトを使用する場合は、' babylonjs 'を追加することを忘れないでください.

    Githubを見る 電子フィドル


    電子フィドルは、小さな電子実験を作成し、再生することができます.それは開いた後にクイックスタートテンプレートであなたを迎えます.その後、あなたのフィドルをgithubのgistまたはローカルフォルダに保存します.

    / 電子


    電子🚀 電子で始まる最も簡単な方法


    フィドル 電子フィドル




    電子フィドルは、小さな電子実験を作成し、再生することができます.It
    開いた後にクイックスタートテンプレートであなたに挨拶してください
    あなたがそれを実行し、再生する電子のバージョンを選択します.Then
    あなたのフィドルをgithubのgistまたはローカルフォルダに保存します.発行されると
    GitTubでは、誰もがすぐにあなたのフィドルを試してみるだけで
    アドレスバー.

    Download Fiddle now!

    機能


    電子を探る



    すべての依存関係をインストールせずに電子を試してください.
    あなたはプラットフォームを探索する必要があります.また、すべてのAPIの例が含まれます
    電子で利用可能なので、すぐに何を参照してくださいしたい場合は
    は、またはどのようにBrowserView
    作品は、フィドルをカバーしている.

    タイプコード


    desktopCapturer
    フィドルは、マイクロソフトの優れたモナコエディタ、同じエディタPowered
    Visual Studioコード.また、型定義をインストールします.

    トレーディングプロジェクトは毎週のニュースレターとしてご利用いただけます.
    あなたは私が定期的にHTML、CSSとJavaScriptに関連するバイトサイズのヒントを投稿するTwitter上でこの記事を楽しむことができれば.