Flightdeck For Jekyll
An opinionated starter project for Eleventy using Gulp as an asset pipeline
Overview:
The Flightdeck theme is a Jekyll-based theme that utilizes various tools such as Gulp, Sass, PostCSS, Autoprefixer, CSSNano, Imagemin, and Browsersync. It also includes the option to integrate Cloudcannon, a simple CMS for client editing. The theme requires Jekyll & Bundler, NodeJS, Yarn (or npm), and rsync to be installed on the machine.
Features:
- Jekyll-based theme
- Gulp for task automation
- Sass for CSS pre-processing
- PostCSS for advanced CSS transformations
- Autoprefixer for automatic vendor prefixing
- CSSNano for CSS minification
- Imagemin for image optimization
- Browsersync for live reloading and browser synchronization
- Optional integration with Cloudcannon for client editing
Summary:
The Flightdeck theme is a comprehensive Jekyll theme that offers a range of features and tools for efficient web development. It includes integration with popular tools such as Gulp, Sass, PostCSS, and Browsersync, as well as optional Cloudcannon support. The theme requires Jekyll & Bundler, NodeJS, Yarn (or npm), and rsync to be installed on the machine. Overall, Flightdeck aims to streamline the development process and provide a seamless workflow for building Jekyll-based websites.
- Jekyll
Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.