davshoward / tux Goto Github PK

A baseline toolkit to ease the building of static HTML sites or templated CMS builds. Using Webpack 4, Gulp 4, PostCSS, Nunjunks and BrowserSync.

• HTML - Build templates with Nunjucks
• CSS - PostCSS with autoprefixing, nesting, custom media queries and more - "Use tomorrow’s CSS syntax, today"
• JS - Bundle and transpile ES6 JavaScript with Webpack and Babel
• Assets - Automatically optimise images, manage fonts and static assets
• Development - Live reload with BrowserSync and Webpack's HMR.

• Node.js
• npm

git clone https://github.com/davshoward/tux <my-project-name>
cd <my-project-name>

npm install

npm start

npm run build

Customise your own file paths within gulpfile.js/config.js

Welcome any improvements or suggestions :-)

• Bug fix for images not copying correctly

• Updated all dependencies
• Renamed rhythm spacing class to flow (and associated to custom properties)
• Added custom :--heading property
• Added Prettier config

• Updated to Gulp 4 and introduced some adjustments to the build process
• Restructured the CSS components
• Introduced new CSS elements including theme file and prefers-reduced-motion override

• Added JS-free FOUC fix
• Minor CSS update
• Remove Aria role=document (from PR #1)

• Updated foundation css
• Introduce spacing rhythm and fluid headers
• Allow urls to not require .html
• Added css-to-JS breakpoint sync
• Updated dependencies - including adding postcss color-mod

• Added focus-visible usage for better baseline accessibility

• Fully migrate from SASS to PostCSS
• Updated dependencies

• Initial commit