ピクセルLite -アクセシビリティの最初のUIキット多くの技術の味で利用可能
こんにちは、コーダ.
この記事では3つのオープンソースシードプロジェクトをAppSeed 上にPixel Lite , themesbergによって巧みに作られる現代のアクセシビリティ最初のUIキット.プロジェクトは、Githubの上でMITライセンスの下でリリースされます.シンプルで、テストされ、生産準備スターターは、初心者は、これらのプロジェクトを使用してプログラミングのスキルをシャープにすることができますプレイスメントをコーディング.
Pixel Lite - HTML Version (製品ページ)
Pixel Lite - Flask - 製品ページ
Pixel Lite - Django - 製品ページ
Pixel Lite - Jinja - 製品ページ サポートについてはDiscord サーバー- 24分のライブサービス.
ピクセルは、あなたが創造的でプロのウェブサイトを造るのを援助する自由な、完全に反応して、現代のブートストラップ4つのUIキットです.我々のコンポーネントとセクションを使用して、いくつかのSASS変数を構築し、あなたのニーズに最適なページを配置するスイッチを切り替えます.
HTMLのバージョンは、公式の製品ページから直接またはGitHub(ソースコードの面での違いはない)からダウンロードすることができます.
キットは、慎重にコード化されて、themesbergによってスタイルを整えられて、多数の構成要素と予め構築されたページを備えています.
この無料のUIキットの強力な資産は、最新の基準とアクセシビリティの遵守です.製品は、波評価ツールとacheckerツールを渡します.
Flickrのバージョンは、データベース構成、ORM、セッションベースの認証、およびDecker、Herokuのための展開ツールを使用して、単純なコードベースにバンドルされています.
Pixel UI Flask , 製品ページ Pixel UI Flask - Demo
Pixel UI Flask - Sources , Githubに発表 シードプロジェクトは簡単にREADMEファイルで提供される指示に従ってコンパイルすることができます.開始する前に、PATTON 3インストールとGitコマンドツールを持っているかどうかを確認し、パブリックリポジトリから直接ソースをダウンロードします.
Djangoのバージョンは、機能の面では、フラスコのプロジェクトに非常に似ており、また初心者のためのかなり簡単なセットアップを持って-アプリの特徴: sqliteデータベース, django native orm モジュラ設計、クリーン/モジュラーコードベース セッションベース認証,フォーム検証 展開スクリプト:Docker Pixel UI Django , 製品ページ Pixel UI Django - Demo
Pixel UI Django - Sources , Githubに発表
アプリは、このページを離れることなく、コードのわずか数行でコンパイルすることができます.
この記事では3つのオープンソースシードプロジェクトをAppSeed 上にPixel Lite , themesbergによって巧みに作られる現代のアクセシビリティ最初のUIキット.プロジェクトは、Githubの上でMITライセンスの下でリリースされます.シンプルで、テストされ、生産準備スターターは、初心者は、これらのプロジェクトを使用してプログラミングのスキルをシャープにすることができますプレイスメントをコーディング.
Thank you! Content provided by AppSeed - App Generator.
Pixel Lite - HTML Version (製品ページ)
Pixel Lite - Flask - 製品ページ
Pixel Lite - Django - 製品ページ
Pixel Lite - Jinja - 製品ページ
ピクセルLite - UIキット
ピクセルは、あなたが創造的でプロのウェブサイトを造るのを援助する自由な、完全に反応して、現代のブートストラップ4つのUIキットです.我々のコンポーネントとセクションを使用して、いくつかのSASS変数を構築し、あなたのニーズに最適なページを配置するスイッチを切り替えます.
HTMLのバージョンは、公式の製品ページから直接またはGitHub(ソースコードの面での違いはない)からダウンロードすることができます.
キットは、慎重にコード化されて、themesbergによってスタイルを整えられて、多数の構成要素と予め構築されたページを備えています.
この無料のUIキットの強力な資産は、最新の基準とアクセシビリティの遵守です.製品は、波評価ツールとacheckerツールを渡します.
ピクセルUI -フラスコバージョン
Flickrのバージョンは、データベース構成、ORM、セッションベースの認証、およびDecker、Herokuのための展開ツールを使用して、単純なコードベースにバンドルされています.
App Links
Pixel UI Flask , 製品ページ
Pixel UI Flask - Sources , Githubに発表
Build instructions
$ # Clone the sources
$ git clone https://github.com/app-generator/flask-pixel-bootstrap-uikit.git
$ cd flask-pixel-bootstrap-uikit
$
$ # Virtualenv set up (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Start the application
$ flask run
$
$ # Access the app in the browser: http://127.0.0.1:5000/
すべてがうまくいけば、我々はローカルアドレスのアプリを訪問することができますhttp://127.0.0.1:5000/
. プライベートページのロックを解除するには、まず新しいユーザーを作成してください.ピクセルUI - Djangoバージョン
Djangoのバージョンは、機能の面では、フラスコのプロジェクトに非常に似ており、また初心者のためのかなり簡単なセットアップを持って-アプリの特徴:
App Links
Build instructions
アプリは、このページを離れることなく、コードのわずか数行でコンパイルすることができます.
$ # Get the code
$ git clone https://github.com/app-generator/django-pixel-bootstrap-uikit.git
$ cd django-pixel-bootstrap-uikit
$
$ # Virtualenv set up (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver
$
$ # Access the web app in the browser: http://127.0.0.1:8000/
ブラウザで我々はいくつかの本当に素晴らしいページを見ることができるアプリを訪問することで、この驚くべきUIキットによって提供される.Thanks for reading! For more seed projects or support, feel free to access the AppSeed platform.
Reference
この問題について(ピクセルLite -アクセシビリティの最初のUIキット多くの技術の味で利用可能), 我々は、より多くの情報をここで見つけました https://dev.to/sm0ke/pixel-lite-accessibility-first-ui-kit-available-in-many-tech-flavors-30fhテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol