Orange-OpenSource / Orange-OpenSource/Orange-Boosted-Bootstrap
Create a page about Ecodesign (optimization with purgeCss...)
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 219
- Forks
- 61
- Avg merge
- 2d 15h
- Merged PRs (30d)
- 12
Description
The size of the full CSS bundle doesn't stop to grow since we add some helpers, sometimes based on breakpoint, and components are often more complex and heavier.
Users may make their own builds to optimize the size, but it won't be feasible with grid helpers, since it is very difficult to customize and even to plan.
The best approach is to setup a tool like purgeCSS to optimize the size of the build for helpers.
We should add a new page explaining how to use purge and how to optimize the size of stylesheet.
We should check with the "sass" page to be relevant and cohesive. Maybe we could also talk about how to mahe you own build and remove unused components.
Note: add a whitelist for some utilities (#475)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the existing “sass” page and the issue’s proposed PurgeCSS and custom-build topics. Add a cohesive Ecodesign page explaining stylesheet-size optimization, PurgeCSS usage, and removing unused components, while addressing the referenced whitelist consideration; done when these topics are documented consistently with the Sass page.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, sass
- Domain
- documentation
- Issue type
- Documentation
- Difficulty
- 2/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100