Lists Kit

A plain HTML, CSS, Javascript boilerplate for info directories / listings

Wrote a short back story and added new section component to home page

Improved ping animation by changing the animation-timing-function speed curve from linear to cubic-bezier (ala 'inspired' by Tailwind)

Carl Poppa 🛸

sonar ping!

0 Likes
Jason Leow Author

Yes!

0 Likes

Lots of style and copy fixes to home page - pricing table copy, media query for ping, tag, faqs
  • bug
  • Added light mode pricing table component to boilerplate demo - https://listskit.com/demo

    Checked lighthouse score for Lists Kit = 88. Not too shabby for something that's not even optimized yet. And most of the performance lag is due to uncompressed images which is easy fix..

    Should I try to get to all green scores (>90)?
    Jason Leow Author

    Hahah why?

    0 Likes
    Carl Poppa 🛸

    don't let Dan Kulkov see this 😂

    0 Likes

    Simplified pricing tiers even more, made it more generous. Now the only difference is lifetime updates and email support, which makes more sense to pay a premium for

    Made cool ping animation using plain CSS for "updated" tag in pricing table

    Edited copy for features section to highlight more benefits

    Jason Leow Author

    Heh thanks bro! That's my fav line out of the 3 too!

    0 Likes
    Carl Poppa 🛸

    "Works everywhere. Lasts forever" -- excellent copy!

    0 Likes

    Added pricing table and tiers. Gonna keep it super simple at the start – single use vs unlimited, just like my Carrd plugins. Maybe throw in a free template for just the listings component. We'll see..

    Added pricing table and tiers. Gonna keep it super simple at the start – single use vs unlimited, just like my Carrd plugins. Maybe throw in a free template for just the listings component. We'll see..

    More dark mode tweaks for better contrast, added FAQs content, demo gif

    Fixed card img top-left and top-right border radius bug in main boilerplate

    Fixed bug with "You've reached the end of the list" message being rendered and left on the page multiple times if you click different filter tags. Also applied fix on boilerplate itself

    Making your own icons for your web design instead of downloading them from svg repos is a great feeling

    Created Telegram community for community support - https://t.me/listskit

    More dark mode tweaks, added 3D icons, removed unneeded sections... 60% there now

    Transferred DNS to Netlify, relaunch new site to main domain ketolistsingapore.com. It's LIVE!