augmented-ui

Dev tools

css library

SHOW HN2019

775points
108comments
#8of 2,195 in 2019
Top 1%of 2019 by points

How HN took it

LovedMost comments that take a side are positive

38 positive, 33 neutral or asking, 5 mixed, 6 critical, out of 82 comments about the project. Thread score +0.50.

Design: 12 for, 0 againstIdea: 9 for, 0 againstExecution: 1 for, 5 againstDocs: 1 for, 0 againstPerformance: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Looks great and easy to use

    From 4 comments
    • “high tech, low effort” — brilliant!
      atemerev on HN
    • That is great. Love how smooth it looks.
      bastih on HN
    • Yup this is a nice take - sometimes these libraries can be a bit cumbersome, but the syntax is simple - similar to bootstrap. I think the big thing is the design - this looks…
      johnsnowtho on HN
    • This looks nice!
      HackerBacker on HN
  • Clever use of CSS as a programming model

    From 2 comments
    • I started getting ready to write a response saying, no, why the hell would you clip and make shapes in the DOM and not regular CSS, till I finished reading the rest of your post.…
      soulofmischief on HN
    • This is fantastic. Thank you for sharing and teaching me something I didn't know you could do with CSS.
      waylandsmithers on HN

Objections

  • High CPU usage in browsers

    From 3 comments
    • It looks really cool, but it spikes my browser's (Firefox and Chromium on Ubuntu 19.04) CPU usage whenever it's active. Not even scrolling, just visible. Reiterating though, this…
      paxswill on HN
    • Awesome project, I want to build something to try it out! A few comments: - very high resource usage (animation meter and my system monitor confirms high CPU usage) - hovering…
      peternicky on HN
    • on ff mobile site"s scroll seriously lagged. nice visual appeal though
      your-nanny on HN
  • Uses invalid HTML attributes instead of data- attributes

    From 1 comment
    • Looks fun, happy to see a great usage of CSS custom properties, but a little baffled and let down that it seems to use invalid HTML attributes :/ When writing HTML you can invent…
      err4nt on HN
  • Text overflows panels on some browsers

    From 2 comments
    • Great work! One bug I noticed is that text runs out of the panels as seen on your page. I suggest making them overflow: auto to make it scroll when necessary, also with the…
      hanniabu on HN
    • Ditto in firefox mobile. Parts of text not readable
      teknopaul on HN

Requests

  • Add TLS redirect to the site

    From 1 comment
    • Looks awesome! Could you add TLS redirect though?
      d6e on HN
  • Support multiple clips per border position

    From 1 comment
    • Is it possible to have multiple clips on single side of border ?
      rtcoms on HN
  • Templates for dashboards built with it

    From 1 comment
    • This is really cool! I am actually more of a backend engineer though, and I use dashboard templates like you would find with bootstrap and then just tweak the template a bit to…
      scoobyyabbadoo on HN

Questions

  • How does it use custom properties without JavaScript

    From 1 comment
    • Amazing, I've always loved the design but have been a little intimidated by how intricate it can be to implement, so this looks awesomely easy!! Also, wondering; how does this…
      gitgud on HN
  • Can it be defined in CSS without inline attributes

    From 1 comment
    • Does the augmented-ui property have to live inline on the html tag, itself? ... or is there are way to define the whole exe process within the CSS class without having to inline…
      bkyan on HN

Alternatives named

  • border-image with SVG

    From 1 comment
    • Would it be better to use the css border-image property? If you don't want to use images I guess you could embed svg in it. That should give you around 98% of all browser users…
      hiccuphippo on HN
  • Bootstrap

    From 2 comments
    • This is really cool! I am actually more of a backend engineer though, and I use dashboard templates like you would find with bootstrap and then just tweak the template a bit to…
      scoobyyabbadoo on HN
    • Yup this is a nice take - sometimes these libraries can be a bit cumbersome, but the syntax is simple - similar to bootstrap. I think the big thing is the design - this looks…
      johnsnowtho on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/20923792)