[{"data":1,"prerenderedAt":526},["ShallowReactive",2],{"project-19593866":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":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":44,"post_text":46,"what":47,"said":72,"maker_in_thread":199,"shape":209,"grid":213,"attempts":488,"same_week":489,"maker_shows":41,"maker_hidden":518,"reader_version":519,"card":520},"19593866","Water.css","A just-add-css collection of styles to make websites nicer","title","Show HN: Water.css – A just-add-css collection of styles to make websites nicer","https:\u002F\u002Fgithub.com\u002Fkognise\u002Fwater.css","github.com","archmaster",1554595934,2019,501,104,32,2195,2,"legend","dev_tools","css stylesheet","library",[24,25,26,21],"classless css","css framework","default browser styles","mixed",0.142,{"positive":30,"neutral":31,"mixed":32,"critical":33},16,20,1,11,48,{"design":36,"performance":38,"idea":40,"execution":42,"docs":43},{"positive":37,"critical":37},5,{"positive":39,"critical":32},0,{"positive":41,"critical":41},4,{"positive":39,"critical":39},{"positive":39,"critical":39},[37,41,39,45,39,32,37,37,45,39,32,45,39,45,32,45,45,39,32,45,39,45,32,45,45,32,37,45,39,37,39,37,37,41,41,32,39,37,32,39],3,null,{"problem":48,"audience":55,"pricing":46,"motivation":59,"time_to_build":46,"stack":63,"openness":69,"stage":70,"team_size":71},{"value":49,"source":50,"evidence":51},"Browser default styles look ugly and styling simple pages takes time.","maker",[52],{"id":53,"by":11,"text":54},"19593873","Why? I make a bunch of tiny static websites for API demos and such, and always run against the same problem: I hate the browser's default styles but don't want to spend time…",{"value":56,"source":50,"evidence":57},"Developers making tiny static or demo websites.",[58],{"id":53,"by":11,"text":54},{"value":60,"source":50,"evidence":61},"Hated browser default styles and wanted a quick fix for tiny demo apps.",[62],{"id":53,"by":11,"text":54},[64],{"value":65,"source":66,"evidence":67},"CSS","inferred",[68],{"id":53,"by":11,"text":54},"open_source","launched","solo",{"praise":73,"objections":98,"requests":128,"questions":150,"alternatives":166},[74,90],{"value":75,"source":76,"evidence":77},"Nice, clean, useful for quick pages.","commenter",[78,82,86],{"id":79,"by":80,"text":81},"19595319","whouweling","This looks really nice, clean & functional. I'm integrating this into my personal website at this moment. Thanks!",{"id":83,"by":84,"text":85},"19595514","crushcrashcrush","This is wonderful! Thank you.",{"id":87,"by":88,"text":89},"19595391","ngold","This looks really fun. Thanks for showing. Look forward to trying it.",{"value":91,"source":76,"evidence":92},"Dark theme and light theme options appreciated.",[93,94],{"id":53,"by":11,"text":54},{"id":95,"by":96,"text":97},"19595660","another-dave","Looks really good! Definitely would use something like this for some quick pages alright. Two minor pieces of feedback — when I click \"Switch theme\", it seems to take you to…",[99,110,121],{"value":100,"source":76,"evidence":101},"Browser default styles are fine or preferable to some.",[102,106],{"id":103,"by":104,"text":105},"19595505","enriquto","The default style for browsers (if you do not put any css) looks rather good to me. I do not honestly understand what is the problem.",{"id":107,"by":108,"text":109},"19607779","zzo38computer","I happen to prefer the browser's default styles. I only ever need to tamper with them if the browser's default styles are not used.",{"value":111,"source":76,"evidence":112},"Table design and checkboxes\u002Fradio support have issues.",[113,117],{"id":114,"by":115,"text":116},"19597013","bhaak","That looks pretty neat. The table layout is ugly, though. As this is a pretty basic HTML table, you can't do much but you can certainly do better than a table with all borders. I…",{"id":118,"by":119,"text":120},"19594966","bastawhiz","It seems to support check boxes but not radio buttons.",{"value":122,"source":76,"evidence":123},"Not suited to structured documents with navbars and footers.",[124],{"id":125,"by":126,"text":127},"19595080","Theodores","I would like to see a version for those of us that structure our documents. What is this structure you speak of? Most people assume HTML has a 'head' and a 'body'. The head has…",[129,136,143],{"value":130,"source":76,"evidence":131},"Add a simple CDN URL for including the CSS.",[132],{"id":133,"by":134,"text":135},"19595000","pradn","If your aim is to help people snazz up quick HTML pages, it would be helpful to have as simple URL to include the CSS. Something like watercss.com\u002Flight.css. This way, we don't…",{"value":137,"source":76,"evidence":138},"Add prefers-color-scheme support.",[139],{"id":140,"by":141,"text":142},"19595113","peter_l_downs","You should consider shipping a combined css file that uses the prefers-color-scheme media query to show dark or light as appropriate!…",{"value":144,"source":76,"evidence":145},"Support for radio buttons and footers.",[146,147],{"id":118,"by":119,"text":120},{"id":148,"by":11,"text":149},"19597114","Thanks for the feedback, although I would like to make the point: Water.css does style structured websites and doesn't involve any floats or div tags anywhere. If not for…",[151,158],{"value":152,"source":76,"evidence":153},"Is it similar to Milligram?",[154],{"id":155,"by":156,"text":157},"19595370","gingerlime","Is it similar to milligram[0] ? I'm genuinely asking, because my CSS \"awareness\" is so terrible, despite years of web development experience. I just can't figure CSS out. [0]…",{"value":159,"source":76,"evidence":160},"Mixed content warning from the cat image.",[161,165],{"id":162,"by":163,"text":164},"19595066","andreareina","Mixed content warning due to the cat picture.",{"id":95,"by":96,"text":97},[167,171,178,185,192],{"value":168,"source":76,"evidence":169},"Milligram",[170],{"id":155,"by":156,"text":157},{"value":172,"source":76,"evidence":173},"Skeleton",[174],{"id":175,"by":176,"text":177},"19595796","ricardobeat","http:\u002F\u002Fgetskeleton.com has been around since 2013, plus a dozen others. Sounds more like a discoverability issue?",{"value":179,"source":76,"evidence":180},"Picnic CSS",[181],{"id":182,"by":183,"text":184},"19597871","kej","This reminds me of picnic.css [0], which uses the same technique of styling everything nicely by default, but adds some options for changing things when you want. [0]…",{"value":186,"source":76,"evidence":187},"Tacit",[188],{"id":189,"by":190,"text":191},"19595120","taspeotis","Tacit [1] does a little bit of this. https:\u002F\u002Fyegor256.github.io\u002Ftacit\u002F",{"value":193,"source":76,"evidence":194},"Bootstrap",[195],{"id":196,"by":197,"text":198},"19595947","onion2k","You're describing Bootstrap 3.",{"comments":200,"answered":18,"key":201},6,[202,203,206],{"id":53,"text":54},{"id":204,"text":205},"19597088","Hmm, interesting... wanna make a pull request with suggested changes?",{"id":207,"text":208},"19601040","I'd love to start a CDN! Wanna buy me a domain subscription?",{"commenters":210,"max_depth":211,"maker_replies":200,"first_comment_mins":32,"lifespan_hours":212},66,7,79,[214,216,220,223,225,229,232,234,236,240,244,247,250,252,255,257,261,264,267,270,273,277,280,281,285,287,289,292,295,298,302,304,306,308,310,313,316,317,320,324,327,328,330,332,336,339,341,345,347,348,350,351,354,357,360,362,365,367,369,373,376,378,380,383,386,390,394,396,399,403,406,407,410,414,416,418,420,422,426,429,432,435,438,440,442,444,448,451,453,457,460,462,464,465,467,470,472,473,475,477,479,481,484,486],[53,39,39,215,11,32],"maker\u002Fneutral\u002Fidea",[217,39,37,218,219,39],"19593976","project\u002Fpositive\u002Fdesign","arkitaip",[221,39,37,218,222,39],"19594963","_bxg1",[224,39,37,218,222,39],"19594993",[226,39,32,227,228,39],"19595224","project\u002Fcritical\u002Fperformance","SahAssar",[230,39,39,231,222,39],"19598388","commenter\u002Fneutral\u002Fperformance",[233,39,39,231,228,39],"19616862",[140,39,45,235,141,39],"project\u002Fneutral\u002Fdesign",[237,39,39,238,239,39],"19595154","other\u002Fneutral\u002Fnone","tobyhinloopen",[241,39,39,242,243,39],"19595223","commenter\u002Fneutral\u002Fnone","portroyal",[245,39,39,238,246,39],"19595860","z3t4",[248,39,39,238,249,39],"19596065","stephenr",[251,39,39,238,197,39],"19596781",[253,39,39,238,254,39],"19597795","felixfbecker",[107,39,32,256,108,39],"project\u002Fcritical\u002Fidea",[258,32,37,259,260,39],"19595088","maker\u002Fpositive\u002Fnone","helloworld",[262,32,39,238,263,39],"19595190","skilled",[265,32,37,259,266,39],"19595813","ksahin",[268,32,37,259,269,39],"19596291","amasad",[271,32,37,259,272,39],"19597727","thanatropism",[274,18,37,275,276,39],"19595230","maker\u002Fpositive\u002Fidea","mekoka",[278,18,39,242,279,39],"19595250","Vicfred",[103,18,32,256,104,39],[282,18,39,283,284,39],"19595733","commenter\u002Fneutral\u002Fdesign","saagarjha",[286,18,39,283,104,39],"19595745",[288,18,39,283,284,39],"19595834",[290,18,39,283,291,39],"19596730","albedoa",[293,18,32,294,104,39],"19596805","project\u002Fcritical\u002Fdesign",[296,18,45,235,297,39],"19597257","tyingq",[299,18,39,300,301,39],"19597271","other\u002Fneutral\u002Fdesign","dredmorbius",[303,18,39,283,301,39],"19599806",[305,18,39,283,104,39],"19603001",[307,18,39,283,301,39],"19607195",[309,18,39,242,104,39],"19622571",[311,18,45,235,312,39],"19620076","kulesh",[314,18,39,238,315,39],"19595525","tomatsu",[175,18,32,256,176,39],[318,18,39,238,319,39],"19596695","abathur",[321,18,45,322,323,39],"19600986","project\u002Fneutral\u002Fnone","nemo1993",[325,45,37,275,326,39],"19595493","networked",[114,41,32,294,115,39],[204,41,39,329,11,32],"maker\u002Fneutral\u002Fdesign",[331,41,45,235,115,39],"19600299",[333,37,45,334,335,39],"19595238","project\u002Fneutral\u002Fidea","bArray",[337,37,39,238,338,39],"19595708","ubershmekel",[340,37,39,238,246,39],"19595891",[342,37,39,343,344,39],"19595778","other\u002Fneutral\u002Fdocs","blinky1456",[346,37,39,343,335,39],"19599428",[196,37,32,256,197,39],[349,37,45,334,335,39],"19599443",[133,200,45,322,134,39],[352,200,39,242,353,39],"19595163","Myrth",[355,200,39,242,356,39],"19595732","vntok",[358,200,39,242,359,39],"19603566","bigzyg33k",[361,200,39,242,353,39],"19616879",[363,200,45,322,364,39],"19595911","slim",[366,200,39,242,353,39],"19616889",[368,200,45,322,134,39],"19606944",[370,200,32,371,372,39],"19595194","project\u002Fcritical\u002Fnone","jjjjjjjjjjjjjjj",[374,200,45,322,375,39],"19595541","bachmeier",[207,200,39,377,11,32],"maker\u002Fneutral\u002Fnone",[95,211,45,379,96,39],"project\u002Fmixed\u002Fdesign",[381,211,39,382,11,32],"19601045","maker\u002Fneutral\u002Fexecution",[384,211,45,385,96,39],"19613958","project\u002Fneutral\u002Fexecution",[387,388,39,238,389,39],"19595217",8,"arosier",[391,392,32,294,393,39],"19595398",9,"fock",[395,392,39,283,276,39],"19595480",[397,392,39,283,398,39],"19596785","badsectoracula",[400,401,37,218,402,39],"19594979",10,"dlbucci",[404,401,39,242,405,39],"19595191","etatoby",[155,33,45,334,156,39],[408,33,45,334,409,39],"19608173","roryokane",[411,412,39,413,375,39],"19595589",12,"other\u002Fneutral\u002Fidea",[415,412,39,413,398,39],"19596732",[417,412,39,413,375,39],"19600742",[182,419,45,334,183,39],13,[79,421,37,218,80,39],14,[423,424,39,300,425,39],"19595586",15,"beefhash",[427,424,39,300,428,39],"19595594","yellowapple",[430,424,39,300,431,39],"19597480","fiddlerwoaroof",[433,30,37,259,434,39],"19599675","xrd",[436,30,39,238,437,39],"19600073","artemisbot",[439,30,39,238,11,32],"19601059",[441,30,37,259,434,39],"19607608",[443,30,45,377,434,39],"19607628",[445,446,45,334,447,39],"19596025",17,"ujuj",[87,449,37,450,88,39],18,"project\u002Fpositive\u002Fidea",[118,452,45,385,119,39],19,[454,31,45,455,456,39],"19595305","project\u002Fneutral\u002Fdocs","marmshallow",[83,458,37,459,84,39],21,"project\u002Fpositive\u002Fnone",[162,461,45,385,163,39],22,[125,463,32,294,126,39],23,[189,463,39,238,190,39],[466,463,39,300,126,39],"19595262",[468,463,39,242,469,39],"19595295","vertis",[471,463,39,242,126,39],"19595535",[148,463,39,329,11,32],[474,463,37,450,126,39],"19601038",[476,463,32,294,284,39],"19595760",[478,463,39,343,301,39],"19597428",[480,463,39,238,126,39],"19600823",[482,463,39,343,483,39],"19600906","detaro",[485,463,39,300,126,39],"19603491",[487,463,39,343,301,39],"19601156",[],[490,495,500,504,509,514],{"id":491,"name":492,"points":493,"category":494},"19572514","SourcedFact",593,"productivity",{"id":496,"name":497,"points":498,"category":499},"19613477","Ethical Resources",291,"other",{"id":501,"name":502,"points":503,"category":494},"19581788","ReportMill SnapTea",289,{"id":505,"name":506,"points":507,"category":508},"19615895","Lawler.io",260,"creative",{"id":510,"name":511,"points":512,"category":513},"19626404","Hacker Newspapers",250,"learning_science",{"id":515,"name":516,"points":517,"category":20},"19610459","Xmake",186,false,"v2",{"id":521,"name":5,"line":6,"ai":518,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":522,"top":18,"kw":523,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":524,"url":9,"mix":525,"praise":75,"objection":100,"sub":21},19593866,0.14,[24,25,26,21],"5403015530130313301303133153050554410510",[30,31,32,33],1794036576458]