search

francisaguilar21 / ftw-nextjs-blog-exploration

0 stars 0 forks source link

Study & Look for a Design to fit FTW #4

Closed francisaguilar21 closed 9 months ago

francisaguilar21 commented 2 years ago

Study what Design System would be used and the tools that would go with it such as npm packages, extensions, and libraries.

francisaguilar21 commented 2 years ago

Packages / Libraries that would be used

  1. TailwindCSS (https://tailwindcss.com/) - lightweight framework for creating reusable UI components
  2. Autprefixer (https://autoprefixer.github.io/) - plugin that parses CSS and adds vendor prefixes
  3. PostCSS (https://postcss.org/) - processes and transforms CSS with Javascript plugins and adds vendor prefixes to CSS rules
  4. Kute.js (https://thednp.github.io/kute.js/index.html) - the JavaScript animation engine
francisaguilar21 commented 2 years ago

Design

Colors

Sites to serve as Guide

francisaguilar21 commented 2 years ago

Related to #5 (Create Base Layout for the Website)

francisaguilar21 commented 1 year ago

New suggestion that can be used when we decide to use Astro

https://creativedesignsguru.com/demo/astro-boilerplate/

francisaguilar21 commented 9 months ago

I ended up deciding on using a boiler template and mixing them together. I hope to improve this later on but I just want to ship a simple site and see it up and running.