nowfound

Life & fun · July 17, 2020

A completely different way to write responsive, vanilla, CSS

A completely different way to write responsive, vanilla, CSS launched on July 17, 2020 with 248 votes, #75 of 4,305 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 6 years on.

Visit propjockey.github.io ↗Alternativestop 2% of July 2020

In plain words

Propjockey is a CSS framework that offers an alternative approach to writing responsive styles using vanilla CSS. Launched in 2020, it provides developers with a different methodology for handling responsive design without relying on traditional frameworks. The tool is designed for web developers who want to work with plain CSS while maintaining responsive functionality across different screen sizes.

written from the facts on this page · September 2026

From the sources

css-media-vars A brand new way to write responsive CSS. Named breakpoints, DRY selectors, no scripts, no builds, vanilla CSS. Install with NPM: $ npm install css-media-vars Then include the /node_modules/css-media-vars/css-media-vars.css file once, before any stylesheets that use it. OR Use your favorite NPM CDN and include it on your page before other stylesheets for small projects. Like so: <link rel="stylesheet" type="text/css" href="https://unpkg.com/css-media-vars/css-media-vars.css"> css-media-vars adds several --custom-css-variables, all namespaced with "--media-" and based on media queries, onto the HTML tag. These vars act as universal mixins for your CSS values. If the media query…from propjockey.github.io

Does a similar job

all alternatives →
  • Puck – Open-source visual editor for React2023 · github.com · ▲451

    Hey hackers, OP here! I've been dipping in and out of this problem space for the last few years with many of my clients. Puck sits somewhere between an old-school WYSIWYG-powered CMS and headless one, allowing content teams to author content using real React components. Traditional CMS solutions were flexible but often resulted in page that completely broke the brand guidelines. Headless CMS solutions are a fantastic way of controlling brand by restricting UI changes to developers, but makes layout changes restrictive and slow as developers often need to get involved. Puck provides a visual…

  • Picnic.css, a lightweight Bootstrap alternative2014 · picnicss.com · ▲247

    I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed

  • Stitches2020 · stitches.dev · ▲135

    The modern CSS-in-JS library with near-zero runtime.

  • A CSS file that reshapes the web2020 · github.com · ▲14

    Cyberpunk-inspired web UI made easy. Get augmented. - propjockey/augmented-ui

  • Dropflow, a CSS layout engine for node or <canvas>2024 · github.com · ▲404

    For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https:&#x2F;&#x2F;chearon.github.io&#x2F;dropflow&#x2F; It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…

  • Tailwind CSS v2.02020 · tailwindcss.com · ▲385

    Rapidly build modern websites without ever leaving your HTML

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, July 2020

the whole month →