Portfolio

screenshot of Portfolio

Portfolio

A YAML+Gulp-based template for creating design portfolios.

Overview:

This article provides information on building a design portfolio using HTML/Swig/YAML, JavaScript/jQuery, Sass, and Gulp. The author suggests that designers who are familiar with these technologies can use the provided content as a starting point for their own portfolio.

Features:

  • HTML/Swig/YAML: The use of HTML, Swig, and YAML allows for easy structuring and customization of the portfolio website.
  • JavaScript/jQuery: Integration of JavaScript and jQuery enables interactive elements and enhanced functionality on the portfolio site.
  • Sass: Utilizing Sass as a CSS preprocessor allows for easier development and maintenance of stylesheets.
  • Gulp: Gulp is used as a task runner to automate repetitive tasks, such as minifying files and refreshing the browser during development.
gulp
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.