[{"data":1,"prerenderedAt":351},["ShallowReactive",2],{"project-33318108":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":41,"post_text":42,"what":43,"said":76,"maker_in_thread":217,"shape":228,"grid":231,"attempts":314,"same_week":315,"maker_shows":38,"maker_hidden":343,"reader_version":344,"card":345},"33318108","Bolt.css","Another classless CSS library","title","Show HN: Bolt.css – Another classless CSS library","https:\u002F\u002Fboltcss.com","boltcss.com","tbolt",1666625840,2022,134,37,452,2570,18,"notable","dev_tools","css stylesheet","library",[24,25,26,27],"classless css","css framework","minimal css","html styling","mixed",-0.043,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,13,3,6,27,{"idea":37,"design":39},{"positive":33,"critical":38},1,{"positive":40,"critical":31},0,[33,40,40,40,33,33,38,38,40,38,40,33,40,40,33,33,31,33,33,31,38,33,40,38,33,33,40,31,33,31,33,33,33,33,38,40,31],null,{"problem":44,"audience":42,"pricing":42,"motivation":60,"time_to_build":42,"stack":67,"openness":74,"stage":75,"team_size":74},{"value":45,"source":46,"evidence":47},"Plain HTML elements look unstyled by default; a classless stylesheet gives them a clean look without class names","commenter",[48,52,56],{"id":49,"by":50,"text":51},"33320059","TheGoodBarn","Places where you want to auto-generate html reports or do simple data processing into html and not fuss over basic inline styles. I have a few internal tools that use…",{"id":53,"by":54,"text":55},"33320250","WorldMaker","Extremely simple static site generation (like Grandma used to bake in the 90s web). Either by hand with minimalist HTML or just taking the output directly from almost any…",{"id":57,"by":58,"text":59},"33325377","qbasic_forever","Easy to toss on content like markdown or straight out of a CMS and get nice looking pages vs. the default browser styles (that look like 1996).",{"value":61,"source":62,"evidence":63},"Maker saw many classless CSS libraries appear and wanted their own; will use it on small projects","maker",[64],{"id":65,"by":11,"text":66},"33318109","After seeing so many classless css libraries pop up over the past few years I decided to make my own. Nothing too fancy with it but I like the style and will be using it on some…",[68],{"value":69,"source":70,"evidence":71},"CSS","inferred",[72],{"id":73},"post","unknown","launched",{"praise":77,"objections":109,"requests":156,"questions":166,"alternatives":184},[78,93,100],{"value":79,"source":46,"evidence":80},"Clean, minimalistic look; inline text blocks look good",[81,85,89],{"id":82,"by":83,"text":84},"33319950","nawgz","Looks decent, pretty minimalistic. The form \u002F input styles should use :focus-within instead of :hover to apply styles, using \"power-user\" keyboard navigation with tab and such…",{"id":86,"by":87,"text":88},"33319675","samaybhavsar","This is pretty neat. I loved it.",{"id":90,"by":91,"text":92},"33320402","codazoda","I like it, nice work!",{"value":94,"source":46,"evidence":95},"Works well on mobile Safari",[96],{"id":97,"by":98,"text":99},"33321546","alehlopeh","This looks great on mobile Safari. Overflow-y scrolling inside the code block is a great touch. In fact the only real issue I see is the very last element, the range slider, for…",{"value":101,"source":46,"evidence":102},"Useful for simple static pages and auto-generated HTML",[103,104,105],{"id":49,"by":50,"text":51},{"id":57,"by":58,"text":59},{"id":106,"by":107,"text":108},"33326429","deck4rd","For something like a personal website or blog this seems totally sufficient, though maybe a bit boring. I disagree that these kinds of projects are \"generally a terrible idea.\"",[110,120,132,141],{"value":111,"source":46,"evidence":112},"Overrides default link colours with contrast below WCAG AA for normal text",[113,117],{"id":114,"by":115,"text":116},"33320691","cantSpellSober","Overwriting blue links with...blue links that fail WCAG2 and have no pseudo-classes. Replacing the default down arrow in \u003Cdetails> with...a down arrow SVG. Delete it from the…",{"id":118,"by":115,"text":119},"33331145","They fail WCAG2 AA for \"Normal Text\" contrast at a ratio of 3.46:1 (#4589EE over #FFF).",{"value":121,"source":46,"evidence":122},"Form inputs grey background looks disabled; focus styling uses :hover",[123,127,128],{"id":124,"by":125,"text":126},"33319984","brunno","From a quick look it's nice but I think the grey background color for the inputs is not a good choice, it gives the impression that they are disabled.",{"id":82,"by":83,"text":84},{"id":129,"by":130,"text":131},"33320841","dmitriid","Additionally: form fields are styled to look disabled.",{"value":133,"source":46,"evidence":134},"Removing textarea resize handle and range slider ends are poor choices",[135,136,140],{"id":82,"by":83,"text":84},{"id":137,"by":138,"text":139},"33324809","tokinonagare","The range\u002Foutput that display 0 or 100 but don't touch the ends of the slide rubs me in a very wrong way. Besides, nice style.",{"id":97,"by":98,"text":99},{"value":142,"source":46,"evidence":143},"Not really a library, just a stylesheet",[144,148,152],{"id":145,"by":146,"text":147},"33324193","mahathu","Maybe it was just in the German speaking world, but such projects were called \"template\" or \"boilerplate\" ~10 years ago. When did we start calling them libraries? It doesn't add…",{"id":149,"by":150,"text":151},"33320368","hobofan","A \"classless CSS library\" is just a stylesheet, isn't it?",{"id":153,"by":154,"text":155},"33321100","teen","But it's not really a library... just a stylesheet?",[157,162],{"value":158,"source":46,"evidence":159},"Fix link contrast and focus styling for accessibility",[160,161],{"id":118,"by":115,"text":119},{"id":82,"by":83,"text":84},{"value":163,"source":46,"evidence":164},"Keep textarea resize handle",[165],{"id":82,"by":83,"text":84},[167,173],{"value":168,"source":46,"evidence":169},"What is the value of a classless CSS system?",[170],{"id":171,"by":172,"text":168},"33319986","Tagbert",{"value":174,"source":46,"evidence":175},"Why not mention Pico.css or other classless libraries?",[176,180],{"id":177,"by":178,"text":179},"33321548","baruchel","Also https:\u002F\u002Fgithub.com\u002Fdbohdan\u002Fclassless-css By the way, why not mention the very well tuned Pico.css? https:\u002F\u002Fpicocss.com\u002Fexamples\u002Fpreview\u002F",{"id":181,"by":182,"text":183},"33320943","doerig","Here is small list of other \"classless\" CSS libraries I have found over the years - https:\u002F\u002Fgithub.com\u002Fandybrewer\u002Fmvp - https:\u002F\u002Fgithub.com\u002Fkognise\u002Fwater.css -…",[185,193,197,202,206,213],{"value":186,"source":46,"evidence":187},"MVP.css",[188,189],{"id":181,"by":182,"text":183},{"id":190,"by":191,"text":192},"33326605","KingOfCoders","(I'm using MVP.css for my homepage) Shouldn't have HTML a decent look out of the box?",{"value":194,"source":46,"evidence":195},"Water.css",[196],{"id":181,"by":182,"text":183},{"value":198,"source":46,"evidence":199},"new.css",[200,201],{"id":181,"by":182,"text":183},{"id":49,"by":50,"text":51},{"value":203,"source":46,"evidence":204},"Sakura",[205],{"id":181,"by":182,"text":183},{"value":207,"source":46,"evidence":208},"Simple.css",[209],{"id":210,"by":211,"text":212},"33321881","clarkdale","- https:\u002F\u002Fgithub.com\u002Fkevquirk\u002Fsimple.css",{"value":214,"source":46,"evidence":215},"Pico.css",[216],{"id":177,"by":178,"text":179},{"comments":218,"answered":219,"key":220},4,2,[221,224,227],{"id":222,"text":223},"33321845","The links have a contrast ratio of 5.58:1. Perhaps that isn't the highest but it's AA and doesn't completely fail.",{"id":225,"text":226},"33321758","These are all great points and I will plan to address them",{"id":65,"text":66},{"commenters":229,"max_depth":33,"maker_replies":218,"first_comment_mins":40,"lifespan_hours":230},32,26,[232,234,236,240,241,245,248,250,251,253,254,257,259,261,262,263,264,266,267,270,271,274,275,277,279,281,283,286,289,293,294,298,300,303,304,309,313],[181,40,33,233,182,40],"project\u002Fneutral\u002Fidea",[177,40,40,235,178,40],"commenter\u002Fneutral\u002Fnone",[237,40,40,238,239,40],"33333929","other\u002Fneutral\u002Fnone","pahbloo",[210,40,40,235,211,40],[242,40,33,243,244,40],"33324469","project\u002Fneutral\u002Fnone","eyegor",[246,40,33,243,247,40],"33325094","freediver",[114,38,38,249,115,40],"project\u002Fcritical\u002Fdesign",[129,38,38,249,130,40],[222,38,40,252,11,38],"project\u002Fneutral\u002Fdesign",[118,38,38,249,115,40],[255,219,40,238,256,40],"33320877","joshmn",[82,33,33,258,83,40],"project\u002Fmixed\u002Fdesign",[225,33,40,260,11,38],"maker\u002Fneutral\u002Fnone",[65,218,40,233,11,38],[124,218,33,258,125,40],[171,218,33,233,172,40],[49,218,31,265,50,40],"project\u002Fpositive\u002Fidea",[53,218,33,233,54,40],[268,218,33,233,269,40],"33321725","dec0dedab0de",[57,218,31,265,58,40],[272,31,38,249,273,40],"33320935","tobr",[145,34,33,233,146,40],[276,34,40,260,11,38],"33324550",[137,278,38,249,138,40],7,[97,280,33,258,98,40],8,[190,282,33,233,191,40],9,[284,285,40,238,107,40],"33326439",10,[86,287,31,288,87,40],11,"project\u002Fpositive\u002Fnone",[290,291,33,243,292,40],"33323932",12,"captainmarble",[90,32,31,288,91,40],[295,296,33,233,297,40],"33327201",14,"Vosporos",[149,299,33,233,150,40],15,[301,299,33,233,302,40],"33320525","thaunatos",[153,299,33,233,154,40],[305,306,38,307,308,40],"33319797",16,"project\u002Fcritical\u002Fidea","rutierut",[310,306,40,311,312,40],"33320177","commenter\u002Fpositive\u002Fnone","jaywalk",[106,306,31,265,107,40],[],[316,320,324,329,333,338],{"id":317,"name":318,"points":319,"category":20},"33287137","Restfox",758,{"id":321,"name":322,"points":323,"category":20},"33344142","SadServers",597,{"id":325,"name":326,"points":327,"category":328},"33336920","steganography",208,"security_privacy",{"id":330,"name":331,"points":332,"category":20},"33306029","Outstatic",203,{"id":334,"name":335,"points":336,"category":337},"33283674","ezpersonality",179,"ai",{"id":339,"name":340,"points":341,"category":342},"33317597","Topaz",132,"infrastructure",false,"v2",{"id":346,"name":5,"line":6,"ai":343,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":347,"top":18,"kw":348,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":349,"url":9,"mix":350,"praise":79,"objection":111,"sub":21},33318108,-0.04,[24,25,26,27],"3000331101030033533513013305353333105",[31,32,33,34],1794036626466]