Join
1
4 Comments

Here's my static website tech stack! What's yours?

by Apostolos Dedeloudis

Here's the landing page that I recently made for my startup, Mist. for Chrome: https://www.usemist.com

My Tech Stack:

-- SASS: Makes it easier working with CSS and also has some extra features

-- ScrollPrefixer: An npm package that makes it easier to add onScroll effects

-- Some vanilla JS: I prefer to do everything with CSS, but there are limits, that's why I ended up using about 20 lines of javascript for the Light and Dark Modes.

Apostolos Dedeloudis's avatarApostolos Dedeloudis
on May 3, 2021
Say something nice to aposded…
Post Comment
  1. 1

    Currently using Bootstrap, plan to move to tailwind.

    Mostly vanilla js. But I'm using Vuejs for simple static web apps.

    I would add email capture before sending them to the form (it takes ages to load).

    volkandkaya's avatar volkandkaya
    ·
    5 years ago
    ·
    Reply
    1. 1

      Thanks for the advice, I'm definitely going to look into that

      Apostolos Dedeloudis's avatar Apostolos Dedeloudis
      ·
      5 years ago
      ·
      Reply
    2. 1

      I also usually just start with Bootstrap and copy/paste from examples. ;-)

      I like the light/dark toggle @aposded. Did you look into supporting the user's preference?
      https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#pure-css

      jacob_foshee's avatar jacob_foshee
      ·
      5 years ago
      ·
      Reply
      1. 2

        Exactly. Tailwind doesn't have that at the moment.

        Problem with Bootstrap is it is very basic. We have pushed it to its limit.

        volkandkaya's avatar volkandkaya
        ·
        5 years ago
        ·
        Reply