Nkd
Template for jekyll project with postcss and browser-sync
Overview:
The NKD template is a lightweight, responsive HTML5/SCSS Jekyll project that allows users to quickly develop prototypes without the hassle of setup. It features a modular file structure, a mobile-friendly responsive type scale, a light-weight SCSS base that includes Normalize.css, and thoroughly commented code to assist beginners in getting started.
Features:
- Modular file structure: Allows for easy extension or removal of existing code.
- Mobile friendly responsive type scale: Ensures that the design adapts well to different screen sizes.
- Light-weight SCSS base: Starts with a minified size of 1.2KB or a gzipped size of 214B.
- Thoroughly commented code: Makes it easy for beginners to understand and work with their first Jekyll project.
- Two media queries for tablet and desktop size screens: Facilitates mobile-first design approaches.
Summary:
In summary, the NKD template is a highly convenient solution for developers looking to rapidly prototype their projects using Jekyll. With its modular file structure, mobile-friendly responsive type scale, light-weight SCSS base, and thoroughly commented code, users can quickly set up and start developing without wasting time on tedious setup tasks.
- HTML
HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.
- 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.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- 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.