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
Which will toggle selection
This should be done after #10 so that the CSS is as small as possible.
We need to update to the latest release
@MartijnCuppens do you know if there is new SCSS files ?
I'll handle the JS part
Maybe with a custom extractor.
output style expanded and precision 6
Should be long enough explaining what the page is etc
Related to: #75 (comment)
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).
https://www.npmjs.com/package/html-minifier-loader or https://www.npmjs.com/package/html-minifier-webpack-plugin or something that does the job
Maybe we should add a related link (which target Bootstrap docs) to each plugins.
Any concerns ?
/CC @XhmikosR , @MartijnCuppens
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?
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.
Tested using Firefox 62.0.2.
With just the license header in it.
A a color picker to select colors for SCSS vars
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
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.
EDIT:
BTW I mean we don't need to load all those huge fonts/SVG file for 3 icons :)
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.
See: medialize/sass.js#96
This is minor of course but we should have a logo so that we add favicons etc
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.