johann-s / bs-customizer Goto Github PK
View Code? Open in Web Editor NEWCreate a custom Bootstrap 4.x build
Home Page: https://johann-s.github.io/bs-customizer/
License: MIT License
Create a custom Bootstrap 4.x build
Home Page: https://johann-s.github.io/bs-customizer/
License: MIT License
Related to: #75 (comment)
Maybe we should add a related link (which target Bootstrap docs) to each plugins.
Any concerns ?
/CC @XhmikosR , @MartijnCuppens
EDIT:
BTW I mean we don't need to load all those huge fonts/SVG file for 3 icons :)
We need to update to the latest release
@MartijnCuppens do you know if there is new SCSS files ?
I'll handle the JS part
With just the license header in it.
There are lots of settings to select.
Save settings in a downloaded file so user can reload those settings at some future date/see what they selected.
(using a similar process to the Bootstrap 3 custom build).
A a color picker to select colors for SCSS vars
Currently 4.1.3 is online, while Bootstrap 4.2 is out. It would be ideal if we could switch the version of the generator.
See: medialize/sass.js#96
I don't think the modal has an added value, shouldn't we just add a loading state to the build-button and rename it to download?
In my own projects I always add a js-
prefix to classes of element where javascript is applied to.
By using js-
prefix for classes in DOM elements you decouple functional aspects of these elements from CSS ones. An example:
<a class="btn js-popup">Click me!</a>
This has some advantages:
(source: https://coderwall.com/p/qktuzw/decouple-javascript-classes-from-css-ones-by-using-prefix, this just perfectly described what I meant)
Currently we just concat js/dist
files from Bootstrap, but it increase the resulting file size.
We should use babel-standalone
: https://babeljs.io/docs/en/next/babel-standalone.html
/CC @XhmikosR
Should be long enough explaining what the page is etc
Tested using Firefox 62.0.2.
Which will toggle selection
Maybe with a custom extractor.
No need to keep this as a one huge file. As long as everything is loaded asynchronously we can just move some stuff outside of the main bundle.
This should be done after #10 so that the CSS is as small as possible.
Quickly comparing 4.1.3, I notice quite a big difference in the CSS at least.
We need to verify that's OK, and understand why it happens.
output style expanded and precision 6
This is minor of course but we should have a logo so that we add favicons etc
https://www.npmjs.com/package/html-minifier-loader or https://www.npmjs.com/package/html-minifier-webpack-plugin or something that does the job
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.