[{"data":1,"prerenderedAt":343},["ShallowReactive",2],{"project-7073697":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":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":45,"post_text":46,"what":47,"said":83,"maker_in_thread":206,"shape":216,"grid":220,"attempts":304,"same_week":305,"maker_shows":43,"maker_hidden":335,"reader_version":336,"card":337},"7073697","Captionss","Releasing my first real open source project – Captionss","title","Show HN: Releasing my first real open source project – Captionss","http:\u002F\u002Fcaptionss.com","captionss.com","jbranchaud",1389921993,2014,51,35,624,2272,28,"notable","dev_tools","css library","library",[24,25,26,27,28],"css captions","image captions","bower","css overlay","figure caption","mixed",0.018,{"positive":32,"neutral":33,"mixed":34,"critical":35},6,8,2,5,21,{"idea":38,"docs":41,"execution":42,"design":44},{"positive":39,"critical":40},0,1,{"positive":40,"critical":39},{"positive":40,"critical":43},3,{"positive":34,"critical":40},[40,39,39,39,39,35,43,39,43,35,40,39,43,39,35,43,43,39,40,39,43,39,35,40,39,35,40,43,39,43,43,39,43,35,39],null,{"problem":48,"audience":55,"pricing":46,"motivation":63,"time_to_build":46,"stack":67,"openness":80,"stage":81,"team_size":82},{"value":49,"source":50,"evidence":51},"Image captions without needing a predetermined image width","maker",[52],{"id":53,"by":11,"text":54},"7074256","You make a valid point. If a person just needs a quick one-off caption for a single image and they know their way around CSS, then this might not be for them. I am aiming to…",{"value":56,"source":57,"evidence":58},"Web developers building image galleries or sites","commenter",[59],{"id":60,"by":61,"text":62},"7074366","beachstartup","this is a plugin because: * what the hell is stylus? your favorite tool isn't necessarily ubiquitous. * it can serve as a learning tool for others. open source, remember?…",{"value":64,"source":50,"evidence":65},"Wanted a clean, consistent caption solution easier to grab than copying code from blogs",[66],{"id":53,"by":11,"text":54},[68,72],{"value":69,"source":50,"evidence":70},"CSS",[71],{"id":53,"by":11,"text":54},{"value":73,"source":50,"evidence":74},"Bower",[75,76],{"id":53,"by":11,"text":54},{"id":77,"by":78,"text":79},"7073807","gwkoehler","I will definitely use this. Kudos for using Bower, first time I've seen it in the wild.","open_source","launched","solo",{"praise":84,"objections":115,"requests":145,"questions":182,"alternatives":194},[85,96,108],{"value":86,"source":57,"evidence":87},"Clean, pretty design and animations",[88,92],{"id":89,"by":90,"text":91},"7073943","dustyneuron","Looks very pretty, as does the semantic markup. Personally I'd prefer it if there was a little less alpha, e.g. on the Malta pic the text isn't so clear...",{"id":93,"by":94,"text":95},"7074500","ssully","Looks really nice! The animations are slick and the implementation seems simple enough.",{"value":97,"source":57,"evidence":98},"Useful and simple to adopt",[99,103,104],{"id":100,"by":101,"text":102},"7074805","atteeela","Just what I needed, thanks for creating and sharing it!",{"id":77,"by":78,"text":79},{"id":105,"by":106,"text":107},"7075022","netnichols","Yes, in addition to what javajosh found, your class names are rather generic and I imagine might lead to clashes. I'd personally recommend prefixing your class names with…",{"value":109,"source":57,"evidence":110},"Good documentation style",[111],{"id":112,"by":113,"text":114},"7075351","davedx","Looks really nice, good work. I like your documentation style too.",[116,126,134,138],{"value":117,"source":50,"evidence":118},"Not touch or mobile friendly",[119,122],{"id":120,"by":11,"text":121},"7074272","Frankly, it isn't very mobile\u002Ftouch friendly right now. That is one of the issues I'd like to address next. For now, I'd recommend not using the overlay or reveal\u002Freveal-smooth…",{"id":123,"by":124,"text":125},"7074756","Ingon","Quite nice. You can think about touch interactions (maybe you have, but it was not working on iPhone)",{"value":127,"source":57,"evidence":128},"Generic class names may clash and figure styling affects default tag",[129,133],{"id":130,"by":131,"text":132},"7074141","javajosh","Looks like some pretty solid CSS with one exception: you are changing font size and colors for the default figure tag. While it's not a common tag, it is used elsewhere. This may…",{"id":105,"by":106,"text":107},{"value":135,"source":57,"evidence":136},"Too much alpha reduces text clarity on some images",[137],{"id":89,"by":90,"text":91},{"value":139,"source":57,"evidence":140},"Plugin is bloated compared to writing a few lines of CSS",[141],{"id":142,"by":143,"text":144},"7074183","woah","Why is this a plugin? I'm likely only going to be using one of these types of captions, which I can write in about 5 lines of stylus. The rest of the options that you added to…",[146,153,161,168,175],{"value":147,"source":57,"evidence":148},"Slide up\u002Fdown animations",[149],{"id":150,"by":151,"text":152},"7073931","amarcus","It would be good for it to support animations (fade in\u002Fout, slide up\u002Fdown etc...).",{"value":154,"source":57,"evidence":155},"Touch support",[156,160],{"id":157,"by":158,"text":159},"7074224","publicfig","Looks simple and cool, thanks for sharing! How does this support touch devices? Do they have to tap on the picture to see the caption, or does it show up automatically? I could…",{"id":123,"by":124,"text":125},{"value":162,"source":57,"evidence":163},"Support for older browsers such as IE8",[164],{"id":165,"by":166,"text":167},"7074016","jtheory","It'd help to include at least basic support for some older browsers -- there are still a decent number of users on IE8, for example, but you seem to support only 9+.",{"value":169,"source":57,"evidence":170},"Slideshow of multiple images with captions",[171],{"id":172,"by":173,"text":174},"7074613","hrjet","Nice start! What would be really cool: slideshow of several images + captions.",{"value":176,"source":57,"evidence":177},"Accessibility and contrast documentation",[178],{"id":179,"by":180,"text":181},"7075374","jimhart3000","I really wish the pages for projects like these would devote even a small section of their documentation to accessibility. I know it's not usually top of mind, and not everyone…",[183,187],{"value":184,"source":57,"evidence":185},"How does it behave on touch devices",[186],{"id":157,"by":158,"text":159},{"value":188,"source":57,"evidence":189},"Can an info icon trigger the caption",[190],{"id":191,"by":192,"text":193},"7074149","avighnay","Good one, looks neat, and congratulations on your first open source project! Can there be addition where there is one more mode where there is a small icon lets say 'i' at the a…",[195,200],{"value":196,"source":57,"evidence":197},"Hand-written CSS and JS snippets",[198,199],{"id":142,"by":143,"text":144},{"id":60,"by":61,"text":62},{"value":201,"source":57,"evidence":202},"CSS3 cycle image slider",[203],{"id":204,"by":173,"text":205},"7074821","http:\u002F\u002Fwww.alessioatzeni.com\u002FCSS3-Cycle-Image-Slider\u002F",{"comments":207,"answered":34,"key":208},11,[209,210,213],{"id":53,"text":54},{"id":211,"text":212},"7073727","I built captionss. This is my first legitimate open-source project, I would really appreciate any feedback and suggestions related to the project as well as the landing page…",{"id":214,"text":215},"7074173","Good thinking, just added one!",{"commenters":217,"max_depth":218,"maker_replies":207,"first_comment_mins":32,"lifespan_hours":219},23,4,15,[221,223,225,227,231,233,235,239,241,243,245,247,250,252,255,259,260,262,263,265,268,271,273,275,276,281,286,287,290,292,295,297,299,300,302],[142,39,40,222,143,39],"project\u002Fcritical\u002Fidea",[53,39,39,224,11,40],"maker\u002Fneutral\u002Fidea",[60,39,39,226,61,39],"commenter\u002Fneutral\u002Fidea",[228,39,39,229,230,39],"7075048","commenter\u002Fneutral\u002Fdocs","porker",[211,40,39,232,11,40],"project\u002Fneutral\u002Fnone",[77,40,35,234,78,39],"project\u002Fpositive\u002Fnone",[236,40,43,237,238,39],"7074077","project\u002Fneutral\u002Fdocs","ucarion",[214,40,39,240,11,40],"maker\u002Fneutral\u002Fnone",[191,40,43,242,192,39],"project\u002Fneutral\u002Fidea",[112,40,35,244,113,39],"project\u002Fpositive\u002Fdocs",[130,34,40,246,131,39],"project\u002Fcritical\u002Fexecution",[248,34,39,249,11,40],"7074166","maker\u002Fneutral\u002Fexecution",[105,34,43,251,106,39],"project\u002Fmixed\u002Fexecution",[253,34,39,254,11,40],"7076431","maker\u002Fpositive\u002Fexecution",[256,43,35,257,258,39],"7074460","project\u002Fpositive\u002Fdesign","xerophtye",[179,218,43,237,180,39],[157,35,43,261,158,39],"project\u002Fneutral\u002Fexecution",[120,35,39,246,11,40],[89,32,40,264,90,39],"project\u002Fcritical\u002Fdesign",[266,32,39,267,11,40],"7073982","maker\u002Fneutral\u002Fdesign",[269,32,43,270,90,39],"7074045","project\u002Fmixed\u002Fdesign",[272,32,39,267,11,40],"7074094",[93,274,35,257,94,39],7,[165,33,40,246,166,39],[277,278,39,279,280,39],"7074880",9,"other\u002Fneutral\u002Fnone","seivan",[282,283,35,284,285,39],"7075081",10,"project\u002Fpositive\u002Fexecution","tutt",[123,207,40,246,124,39],[150,288,43,289,151,39],12,"project\u002Fneutral\u002Fdesign",[291,288,39,289,11,40],"7073947",[293,288,43,289,294,39],"7074683","lylepstein",[172,296,43,242,173,39],13,[298,296,39,224,11,40],"7074619",[204,296,43,242,173,39],[100,301,35,234,101,39],14,[303,301,39,240,11,40],"7074850",[],[306,311,316,321,325,330],{"id":307,"name":308,"points":309,"category":310},"7095228","Geocodio",224,"data",{"id":312,"name":313,"points":314,"category":315},"7087927","hike.io",145,"consumer_social",{"id":317,"name":318,"points":319,"category":320},"7068672","Open-Source Data Science Curriculum",135,"learning_science",{"id":322,"name":323,"points":324,"category":20},"7094465","node-webkit-hipster-seed",101,{"id":326,"name":327,"points":328,"category":329},"7090003","play-clj",93,"languages",{"id":331,"name":332,"points":333,"category":334},"7101923","Lychee",92,"infrastructure",false,"v2",{"id":338,"name":5,"line":6,"ai":335,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":339,"top":18,"kw":340,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":341,"url":9,"mix":342,"praise":86,"objection":117,"sub":21},7073697,0.02,[24,25,26,27,28],"10000530351030533010305105130330350",[32,33,34,35],1793990902040]