ピクセルLite -アクセシビリティの最初のUIキット多くの技術の味で利用可能


こんにちは、コーダ.
この記事では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 - 製品ページ
  • サポートについてはDiscord サーバー- 24分のライブサービス.

    ピクセルLite - UIキット


    ピクセルは、あなたが創造的でプロのウェブサイトを造るのを援助する自由な、完全に反応して、現代のブートストラップ4つのUIキットです.我々のコンポーネントとセクションを使用して、いくつかのSASS変数を構築し、あなたのニーズに最適なページを配置するスイッチを切り替えます.
    HTMLのバージョンは、公式の製品ページから直接またはGitHub(ソースコードの面での違いはない)からダウンロードすることができます.
    キットは、慎重にコード化されて、themesbergによってスタイルを整えられて、多数の構成要素と予め構築されたページを備えています.
    この無料のUIキットの強力な資産は、最新の基準とアクセシビリティの遵守です.製品は、波評価ツールとacheckerツールを渡します.


    ピクセルUI -フラスコバージョン


    Flickrのバージョンは、データベース構成、ORM、セッションベースの認証、およびDecker、Herokuのための展開ツールを使用して、単純なコードベースにバンドルされています.

    App Links


  • Pixel UI Flask , 製品ページ
  • Pixel UI Flask - Demo

  • Pixel UI Flask - Sources , Githubに発表
  • シードプロジェクトは簡単にREADMEファイルで提供される指示に従ってコンパイルすることができます.開始する前に、PATTON 3インストールとGitコマンドツールを持っているかどうかを確認し、パブリックリポジトリから直接ソースをダウンロードします.

    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のバージョンは、機能の面では、フラスコのプロジェクトに非常に似ており、また初心者のためのかなり簡単なセットアップを持って-アプリの特徴:
  • sqliteデータベース, django native orm
  • モジュラ設計、クリーン/モジュラーコードベース
  • セッションベース認証,フォーム検証
  • 展開スクリプト:Docker
  • App Links

  • Pixel UI Django , 製品ページ
  • Pixel UI Django - Demo
  • Pixel UI Django - Sources , Githubに発表
  • 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.