Light

tarkhov / postboot Goto Github PK

View Code? Open in Web Editor NEW

37.0 37.0 4.0 6.94 MB

Web app prototyping library based on Bootstrap framework.

Home Page: https://tarkhov.github.io/postboot/

License: MIT License

JavaScript 4.12% Pug 58.40% SCSS 37.49%

bootstrap cdn css html javascript jquery js nodejs prototype-library sass

postboot's Introduction

🇺🇦 About Me

Libertarian, full-stack web application developer with 10+ years of experience specializing in the development of progressive web apps, websites and mobile applications such as apache cordova and electron using Node.js, Nest.js, Express.js, Vue.js, Angular.js, Laravel, MySQL, PostgreSQL, Redis, Ionic Framework, CSS3, SASS, Docker, Amazon AWS, GCP, also open source enthusiast with a dozen repositories using: npm, composer and debian packages.

CV

https://docs.google.com/document/d/1ii2q-tkPjnqepcUNTpbEXIlImjujffBfBZZq4W-Z9lk/edit?usp=sharing

Exclusive Features

Send me an email at [email protected] for details and pricing.

Project time and cost audit

Whether you require a brand-new application, an e-commerce platform, or assistance with optimizing your existing one, I provide tailored solutions that align with your goals and budget.

Interviewing candidates

In this section, I provide an overview of my background and experience as an interviewer. I highlight my expertise in conducting interviews, evaluating candidates, and providing valuable feedback for professional growth.

Technical support

With my in-depth technical knowledge and problem-solving skills, I’ll help you minimize downtime, maximize efficiency, and keep your digital operations running smoothly.

🌐 Socials

💻 Tech Stack

✍️ Random Dev Quote

postboot's People

Contributors

Stargazers

Watchers

Forkers

sliceofbytes renaefae sukanya07-alt bertrand07

postboot's Issues

Third release candidate features

Add opacity from 10 to 90 code examples in docs.
Add bootstrap as dependency, remove related scss files and import it from bootstrap package.
Remove docs files from npm package files like in Bootstrap.
Add warning button opacity and 3d hover color white.
Complie docs bootstrap.bundle.min.js, bootstrap.min.css from node_modules package.

polyfills

Since you have removed jquery I expect that you use babel polyfills for ES6 and some Node patching polyfills from somelwhere else. Am I right?

Can you describe you solution related to plyfills in several words? Who is responcible to load them, which should be load and etc..

Input material mixin

@mixin input-material
Make .input-material transparent border and background, fix .input-group horizontal padding.

Add nav-x-size, nav-y-size examples to docs

Add .nav-x-size and .nav-y-size examples to docs. #17

Remove unused styles and add some flex utilities to docs.

Replace alpha5 styles with alpha6 flex ultilities.

Opacity button must have transparent border

Because 50% opacity border on 50% opacity background have darker border color.

List group even, odd

Even, odd striped colors for items.

Move .shadow-none from .dropdown to .dropdown-toggle in docs header nav

Replace border-radius-pill rem with px

Replace border-radius-pill rem with fixed pixels.

Ad shadow-none to docs navbar dropdown

Add .shadow-none to docs version in navbar.

Navbar colors docs

Add navbar colors section in documentation.

Add responsive .btn-pill, .btn-circle

Add responsive buttons like this: .btn-md-pill, .btn-md-circle

Add background state example in docs

Add .bg-state-variant example in docs. #17

Add contacts to source code

Add contacts to source code

Add card responsive example

.card-xs-down, .card-sm-down.

Add page who is a user PostBoot in docs footer

Add container sizes

Add .container-1 2, 3, 4 classes and navbar support. #17 #24903

Add bootstrap-grunt

Add bootstrap gruntjs compiler.

Add new badge for new features in docs

Add new in version badge for new features in docs.

Create PostBoot custom build guide

grunt dist
grunt dist-css
grunt dist-js
grunt docs
grunt docs-css
grunt docs-js
grunt docs-html

Add input-group-btn

Add .input-group-btn with .form-conrol style for input groups. Optionally remove border left.

Contribute encode-pug filter

Vue, React, Angular ports

Suggest Vue, React, Angular ports of PostBoot library.

Add scrollable navbar with contents in header

Add scrollable navbar with contents with header in docs site.

Цвета

Удаление цветов весьма огорчает. Понятно, что без них библиотека сильно похудела, что здорово, но это была киллер-фича. Возвращать вы их вряд ли будете, форкать и поддерживать, добавляя все последующие изменения кроме этих, сильно не хочется. Недолго длилось счастье. :-( Если всё-таки возможно, обдумайте, пожалуйста, какой-то компромиссный вариант, например, вынос в дополнительный стиль.

Change warning alert to success in docs

Change second docs alert.

Rewrite components to native JS.

Rewrite components to native Javascript and remove jQuery library as dependancy.

Add down breakpoint utilities for small and extra small sizes

For example .d-sm-down-none or .d-sm-none-down, .d-lt-sm-none, .d-gte-sm-none. GTE is Greater Than or Equal.

Add navbar nav link horizontal padding utility

Like .navbar-nav-sm-1.

Top right, bottom left... for absolute position

.top-right-0
.top-left-0
.bottom-right-0
.bottom-left-0

.top-right-auto
.top-left-auto
.bottom-right-auto
.bottom-left-auto

Remove fluid columns

Fluid columns added in Bootstrap v4 Alpha 6 with flexbox feature.

Use browserlist in autoprefixer from Bootstrap node package

Use browserlist in autoprefixer from Bootstrap node package.

More spacing utilities

More spacing utilities for margin and padding.

Replace progress bar variants with .bg-*

In Alpha 6 progress bars are changed, now progress-variant replaced with .progress-bar.bg-*.

Replace dropdown active class

Replace .active class to .show in Dropdown component.

Sass port of docs css styles

Replace css files to Sass in docs code.

Replace $border-radius-pill with $rounded-pill in .btn-pill

Replace $border-radius-pill with $rounded-pill in .btn-pill for larger height buttons.

Docs improvements

Install via npm in README.
PostBoot does not overwrite any Bootstrap components, but extends most of them.

Replace sidebar-expand-xs to sidebar-expand in docs

Replace .sidebar-expand-xs to .sidebar-expand in docs sidebar example.

Add additional examples

Bootstrap useful examples.

Navbar breadcrumb pill example.
Card state example.

Add navbar small and large examples for scroller

https://tarkhov.github.io/postboot/#navbar-scroller

Add docs sidebar-expand examples

Add sidebar-expand examples in docs.

Fourth release candidate features

Add dropdown menu sizes like .dropdown-menu-sm.
Material tabs.
Add active component colors like .btn-active-primary.

Add support for card nav-pills, nav-tabs smaller sizes

Change size of nav-pills, nav-tabs for card-sm, card-xs like this https://tarkhov.github.io/postboot/#nav-size. #17

Disable shadow in buttons and inputs utility

Disable box-shadow utility in buttons and inputs on hover, focus.

Missing full code of breadcrumb color example

Add .breadcrumb-link and full code of breadcrumb color example.

Upcoming features

Disable input focus utility

Add .disable-input-focus utility.

Update website to Alpha 2

Update the website to show that you're now on version alpha 2.

Add more variables for changing component variants

New variable $enable-opacity, make $custom-color overridable.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.