Pixel Lite - 다양한 기술로 제공되는 접근성 우선 UI 키트

안녕하세요 코더 여러분,

이 문서에서는 Themesberg에서 제작한 최신 접근성 우선 UI 키트인 AppSeed 위에 Pixel Lite이 생성한 세 가지 오픈 소스 시드 프로젝트를 소개합니다. 프로젝트는 무제한 취미 및 상업적 사용을 허용하는 라이선스인 Github의 MIT 라이선스에 따라 출시됩니다. 단순하고 테스트를 거쳐 프로덕션 준비가 된 스타터인 초보자는 이러한 프로젝트를 코딩 놀이터로 사용하여 프로그래밍 기술을 연마할 수 있습니다.

Thank you! Content provided by AppSeed - App Generator.

Pixel Lite - HTML Version (상품 페이지)

Pixel Lite - Flask - 상품 페이지

Pixel Lite - Django - 상품 페이지

Pixel Lite - Jinja - 상품 페이지

지원을 받으려면 언제든지 AppSeedDiscord 서버 - 24/7 라이브 서비스에 가입하세요.

Pixel Lite - UI 키트

Pixel은 창의적이고 전문적인 웹사이트를 구축하는 데 도움이 되는 완전 반응형 무료 최신 Bootstrap 4 UI 키트입니다. 구성 요소와 섹션을 사용하고 일부 Sass 변수를 전환하여 필요에 가장 잘 맞는 페이지를 만들고 정렬하세요.

HTML 버전은 공식 제품 페이지 또는 Github에서 직접 다운로드할 수 있습니다(소스 코드 측면에서 차이 없음).

이 키트에는 Themesberg에서 세심하게 코딩하고 스타일을 지정한 풍부한 구성 요소와 사전 제작된 페이지가 제공됩니다.

이 무료 UI 키트의 강력한 자산은 최신 표준에 대한 접근성 준수입니다. 제품은 WAVE 평가 도구 및 Achecker 도구를 통과합니다.

픽셀 UI - 플라스크 버전

Flask 버전은 데이터베이스 구성, ORM, 세션 기반 인증 및 Docker, HEROKU용 배포 도구와 함께 간단한 코드베이스에 번들로 제공됩니다.

App Links

Pixel UI Flask , 제품 페이지

Pixel UI Flask - Demo

Pixel UI Flask - Sources , Github에 게시됨

시드 프로젝트는 README 파일에 제공된 지침을 따르면 쉽게 컴파일할 수 있습니다. 시작하기 전에 공개 리포지토리에서 직접 소스를 다운로드하려면 Python3이 설치되어 있고 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/에서 앱을 방문할 수 있습니다. 비공개 페이지의 잠금을 해제하려면 먼저 새 사용자를 만드십시오.

Pixel UI - Django 버전

Django 버전은 기능면에서 Flask 프로젝트와 매우 유사하며 초보자도 설정이 매우 쉽습니다. 앱 기능:

SQLite 데이터베이스, Django 기본 ORM

모듈식 설계, 클린/모듈식 코드베이스

세션 기반 인증, 양식 검증

배포 스크립트: Docker, Gunicorn/Nginx

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.