Flightdeck For Jekyll
An opinionated starter project for Eleventy using Gulp as an asset pipeline
Overview
The Flightdeck theme is a Jekyll-based project that includes various tools for web development such as Gulp, Sass, PostCSS, Autoprefixer, CSSNano, Imagemin, and Browsersync. It also suggests using Cloudcannon for client editing and rsync for remote server deployment. The theme can be installed on machines with Jekyll & Bundler, NodeJS, Yarn, and pnpm.
Features
- Jekyll integration
- Gulp for task management
- Sass for CSS preprocessing
- PostCSS for additional CSS processing
- Autoprefixer for automatic vendor prefixing
- CSSNano for CSS minification
- Imagemin for image optimization
- Browsersync for live reloading and synchronization
- Cloudcannon for client editing (suggested)
Summary
The Flightdeck theme is a Jekyll-based project that provides a set of tools and features for web development. With integration of Gulp, Sass, PostCSS, Autoprefixer, CSSNano, Imagemin, and Browsersync, it offers a streamlined development workflow. Use of Cloudcannon is suggested for client editing, and rsync can be used for remote server deployment. The theme requires Jekyll & Bundler, NodeJS, Yarn, and pnpm for installation. Visual Studio Code with the Jekyll Snippets Extension is recommended for efficient development.
- 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.