nowfound

Life & fun · September 9, 2019

A dynamic version of 300 CSS Properties to learn and practice

There are more than 500 CSS properties but the browsers only support around 300+ properties. That

A dynamic version of 300 CSS Properties to learn and practice launched on September 9, 2019 with 10 votes, #924 of 3,296 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 7 years on.

Visit web4college.com ↗Alternatives

In plain words

A dynamic version of 300 CSS Properties to learn and practice is an educational resource for people learning web development. Launched in 2019, it provides a comprehensive collection of CSS properties with interactive practice opportunities. The tool is designed to help beginners and intermediate learners understand and master cascading stylesheets through hands-on experience rather than passive reading.

written from the facts on this page · September 2026

From the sources

There are more than 500 CSS properties but the browsers only support around 300+ properties. That's why we have prepared the list of 300 CSS properties with values which the current browsers support. This is not just a list. You can explore and practice each property. CSS align-content property aligns the content vertically (along cross/block/column axis) within a container. The container adjusts its padding so as to align the content vertically. We are using a flex container. It stretches out the descendant elements to fill the height completely. It aligns multiple objects (elements) on the same baseline such as cells within a row. It aligns the content elements in the middle of the…from web4college.com

Does a similar job

all alternatives →
  • A visual guide to the most popular CSS properties2016 · cssreference.io · ▲1,117

    CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

  • Complete Guide to CSS Flex and Grid2022 · shrutibalasa.gumroad.com · ▲113

    Become a Pro at building components with CSS Flexbox & Grid

  • Every Layout2019 · every-layout.dev · ▲390

    Relearn CSS, by example

  • Collection of CSS Creations2012 · cssdeck.com · ▲165

    Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

  • Learn CSS Properties Visually2020 · cssbuilder.veliovgroup.com · ▲12

    Quickly prototype, mock, edit, and generate valid CSS for Safari, Chrome, Firefox, Opera, and IE browsers. Learn CSS while tinkering its properties visually

  • HTML & CSS Visual Treat2022 · ▲85

    Learn HTML & CSS with amazing visuals

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, September 2019

the whole month →
  • Terms & Conditions Generator by iubenda▲891

    Attorney-approved terms and conditions generator

    Dev tools · 2019 · iubenda.com

  • See a Satellite Tonight. No Telescope Required▲863

    Satellites 🛰️ are visible in the night sky, no telescope required, if you know where to look. Find out here.

    Life & fun · 2019 · james.darpinian.com

  • 100,000 Faces▲845

    Free resource of 100k diverse faces generated by AI

    AI · 2019 · generated.photos

  • Cyberpunk web design made easy, really easy▲775

    Life & fun · 2019 · augmented-ui.com

  • Browse Reddit in 3D▲720

    Life & fun · 2019 · 3dforreddit.com

  • AS
    A Senior Engineer's CheckList▲662

    Sharing something that I wrote for my use but I think can be useful to others (I am an engineer with the title of Senior Software Engineer) Visit [1] for a full list (table view gives a lot of options. See "Controls"). Visit [2] for a summary. The source of the list is at [3] 1. https://littleblah.com/post/2019-09-01-senior-engineer-checklist/ 2. https://medium.com/@littleblah/my-top-25-items-in-a-senior-engineers-checklist-c8e9f9f6e3c2 3. https://github.com/littleblah/senior-engineer-checklist Feedbacks/Pull requests…

    Dev tools · 2019