[{"data":1,"prerenderedAt":403},["ShallowReactive",2],{"project-9963714":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":34,"aspects":35,"strip":44,"post_text":45,"what":46,"said":78,"maker_in_thread":203,"shape":211,"grid":216,"attempts":366,"same_week":367,"maker_shows":213,"maker_hidden":395,"reader_version":396,"card":397},"9963714","Flexbox.io","a free video series on learning CSS Flexbox","title","Show HN: Flexbox.io – a free video series on learning CSS Flexbox","http:\u002F\u002Fflexbox.io\u002F","flexbox.io","wesbos",1438109520,2015,236,57,74,2565,3,"notable","learning_science","video course","other",[24,25,26,27],"css flexbox","css tutorial","web layout","flexbox videos","roasted",-0.505,{"positive":18,"neutral":31,"mixed":32,"critical":33},2,1,12,18,{"design":36,"execution":38,"pricing":39,"idea":40,"docs":42,"privacy":43},{"positive":37,"critical":37},0,{"positive":32,"critical":18},{"positive":37,"critical":31},{"positive":31,"critical":41},5,{"positive":37,"critical":32},{"positive":37,"critical":32},[37,37,37,37,37,37,37,32,37,32,37,37,32,32,37,37,18,32,37,37,37,37,41,18,37,32,32,37,41,37,37,37,37,37,37,32,32,37,32,32],null,{"problem":47,"audience":53,"pricing":65,"motivation":45,"time_to_build":45,"stack":74,"openness":75,"stage":76,"team_size":77},{"value":48,"source":49,"evidence":50},"Learning CSS Flexbox layout","maker",[51],{"id":52},"post",{"value":54,"source":55,"evidence":56},"Web developers learning CSS layout","inferred",[57,61],{"id":58,"by":59,"text":60},"9964209","curiousjorge","bookmarked, will be going through these tutorial, especially since CSS has never been a strong point for me as I've always focused on the backend. It always filled me with envy…",{"id":62,"by":63,"text":64},"9966776","amarraja","Things have changed since I was doing frontend dev (\u003Ctable>), and I want to brush up on modern CSS techniques. Could someone answer the following for me? 1. Is flexbox the way to…",{"value":66,"source":49,"evidence":67},"Free, in exchange for email signup",[68,71],{"id":69,"by":11,"text":70},"9966235","Valid points but having an email is much better to stay in touch in the future. If you don't like that - use mailinator- totally understandable I'll publish the playlist in a…",{"id":72,"by":11,"text":73},"9964221","They are short videos - you can watch them all or just reference the specific thing you need clarity on!",[],"free","launched","solo",{"praise":79,"objections":108,"requests":143,"questions":167,"alternatives":180},[80,96],{"value":81,"source":82,"evidence":83},"Videos are helpful and well made","commenter",[84,88,92],{"id":85,"by":86,"text":87},"9964095","throwaway125","I really do appreciate the effort you put into these videos, and I definitely understand you want something out of this as well but the user experience of having to go through…",{"id":89,"by":90,"text":91},"9963999","amwelles","This is great! Ever since our company quit supporting IE9, I've had the joy of working with flexbox. What once took 10-20 lines of Sass hackery now takes only a few, and the code…",{"id":93,"by":94,"text":95},"9968853","meesterdude","I learned flexboxes from flexboxin5.com and use it wherever I can now. I love it! my only gripe is safari needing the vendor prefixes. I don't know what IE does - but i only care…",{"value":97,"source":82,"evidence":98},"Flexbox simplifies layouts that were hard before",[99,103,104],{"id":100,"by":101,"text":102},"9964655","ruswick","Yep. Flexbox is maybe the best development to happen to CSS in a decade. Makes layouts that were once impossible without JS into trivial three-lines-of-css solutions.",{"id":89,"by":90,"text":91},{"id":105,"by":106,"text":107},"9965961","intrasight","Flexbox makes web development bearable. I use it for all my new work. Telling clients they must have IE11, Chrome, or Firefox ceased to be an issue many moons ago. It means you…",[109,121,132],{"value":110,"source":82,"evidence":111},"Requires an email signup before getting the videos",[112,113,117],{"id":85,"by":86,"text":87},{"id":114,"by":115,"text":116},"9966885","trymas","Why he did not give a simple link to youtube playlist? Why I need to give him my email? Spam? Ads? Gonna sell them? If not, then it's only an inconvenience for him and for us.",{"id":118,"by":119,"text":120},"9967024","kuyfiuyg","Is there a way to see these videos without getting spam?",{"value":122,"source":82,"evidence":123},"Course is too long at about 2.5 hours",[124,128],{"id":125,"by":126,"text":127},"9963898","javaru","20 seems like too many....",{"id":129,"by":130,"text":131},"9964132","dougmccune","I was curious as well so took a look at the durations. This is over 2.5 hours of content. About a layout system. I have to agree with another commenter, either this is far too…",{"value":133,"source":82,"evidence":134},"Written references are more efficient than videos",[135,139],{"id":136,"by":137,"text":138},"9965526","megalodon","Except you haven't learned much after watching those two and a half hours. I would argue reading this [1] or this [2], while simultaneously mocking up a flexbox grid will give…",{"id":140,"by":141,"text":142},"9965339","okonomiyaki3000","Thanks but no thanks to any and all instructional videos.",[144,153,160],{"value":145,"source":82,"evidence":146},"Publish a plain YouTube playlist link",[147,151,152],{"id":148,"by":149,"text":150},"9963958","scotchio","Awesome stuff. I can't wait for Flexbox wide-spread adoption - especially in popular frameworks. It's too bad so many people are forced to not be able to use it because of IE9's…",{"id":85,"by":86,"text":87},{"id":114,"by":115,"text":116},{"value":154,"source":82,"evidence":155},"Add subtitles",[156],{"id":157,"by":158,"text":159},"9967044","styx31","Simple suggestion: add subtitles. For non-native viewers it is a really nice addition.",{"value":161,"source":82,"evidence":162},"Add an intro explaining what flexbox is",[163],{"id":164,"by":165,"text":166},"9964376","irln","Constructive criticism. You don't mention in the video what a flexbox is :) Granted, googling flexbox is easy but I'd add a quick blurb in 10-20 seconds telling those who don't…",[168,176],{"value":169,"source":82,"evidence":170},"Is flexbox widely supported yet?",[171,172],{"id":58,"by":59,"text":60},{"id":173,"by":174,"text":175},"9966850","madawan","it looks like it'll become the next standard yes. but support isn't there yet. http:\u002F\u002Fcaniuse.com\u002F#feat=flexbox http:\u002F\u002Fhowtocenterincss.com\u002F",{"value":177,"source":82,"evidence":178},"Is flexbox the new standard for layout?",[179],{"id":62,"by":63,"text":64},[181,188,192,199],{"value":182,"source":82,"evidence":183},"CSS-Tricks Flexbox guide",[184],{"id":185,"by":186,"text":187},"9963959","vcarl","It really does. The most helpful resource I found for Flexbox is a cheatsheet from css-tricks.com. https:\u002F\u002Fcss-tricks.com\u002Fsnippets\u002Fcss\u002Fa-guide-to-flexbox\u002F",{"value":189,"source":82,"evidence":190},"MDN Flexible Boxes guide",[191],{"id":136,"by":137,"text":138},{"value":193,"source":82,"evidence":194},"flexboxin5.com",[195],{"id":196,"by":197,"text":198},"9966822","jacobolus","1) Yes. 2) This is a pretty nice short intro http:\u002F\u002Fflexboxin5.com or for a fuller treatment check MDN, as for any other web technology. There are a bunch of other sources linked…",{"value":200,"source":82,"evidence":201},"Scotch.io visual guide to flexbox",[202],{"id":148,"by":149,"text":150},{"comments":204,"answered":18,"key":205},4,[206,207,208],{"id":69,"text":70},{"id":72,"text":73},{"id":209,"text":210},"9966221","Not intentional at all - most sign ups do this. Most are getting the email but I am getting hammered. Shoot me an email? wesbos@gmail.com",{"commenters":212,"max_depth":213,"maker_replies":204,"first_comment_mins":214,"lifespan_hours":215},45,6,32,20,[217,219,223,226,229,230,233,237,240,242,244,248,252,256,258,261,264,265,266,268,270,273,276,279,283,284,288,290,294,297,300,302,305,308,311,313,315,317,321,323,326,328,329,331,333,335,338,339,341,343,346,348,352,354,357,359,362],[148,37,37,218,149,37],"other\u002Fpositive\u002Fidea",[220,37,37,221,222,37],"9964112","other\u002Fneutral\u002Fnone","AndrewDucker",[224,37,37,221,225,37],"9965749","nightski",[227,37,37,221,228,37],"9967212","dspillett",[100,37,37,218,101,37],[231,37,37,221,232,37],"9965137","bowlingx",[234,37,37,235,236,37],"9965917","other\u002Fpositive\u002Fnone","mortenjorck",[238,37,37,235,239,37],"9967542","graup",[241,37,37,221,232,37],"9967755",[85,32,18,243,86,37],"project\u002Fmixed\u002Fdesign",[245,32,32,246,247,37],"9964367","project\u002Fcritical\u002Fexecution","Ninn",[249,32,37,250,251,37],"9964959","commenter\u002Fneutral\u002Fexecution","petercooper",[253,32,32,254,255,37],"9965424","project\u002Fcritical\u002Fpricing","Stormcaller",[69,32,37,257,11,32],"commenter\u002Fneutral\u002Fpricing",[259,31,37,221,260,37],"9965757","jimmcslim",[262,31,37,221,263,37],"9967257","jonah",[105,18,37,235,106,37],[114,204,32,254,115,37],[125,41,32,267,126,37],"project\u002Fcritical\u002Fidea",[185,41,37,269,186,37],"other\u002Fneutral\u002Fdocs",[271,41,37,269,272,37],"9964027","ataylor32",[274,41,37,269,275,37],"9964462","bshimmin",[277,41,37,269,278,37],"9964145","akilism",[280,41,18,281,282,37],"9964000","project\u002Fneutral\u002Fidea","chbrown",[129,41,32,267,130,37],[285,41,37,286,287,37],"9964272","commenter\u002Fneutral\u002Fidea","zecho",[136,41,37,289,137,37],"commenter\u002Fcritical\u002Fidea",[291,41,37,292,293,37],"9966905","commenter\u002Fneutral\u002Fnone","danneu",[295,41,37,292,296,37],"9967099","kriro",[298,41,37,292,299,37],"9964335","grumblestumble",[301,41,37,292,137,37],"9965608",[303,41,41,304,251,37],"9964969","project\u002Fpositive\u002Fidea",[306,41,32,267,307,37],"9964011","lucaspottersky",[309,41,41,304,310,37],"9964127","Alex3917",[72,41,37,312,11,32],"maker\u002Fneutral\u002Fidea",[164,213,32,314,165,37],"project\u002Fcritical\u002Fdocs",[89,316,37,235,90,37],7,[318,319,32,246,320,37],"9965766",8,"mattdotc",[209,319,37,322,11,32],"maker\u002Fneutral\u002Fexecution",[324,319,41,325,320,37],"9968931","project\u002Fpositive\u002Fexecution",[62,327,37,221,63,37],9,[196,327,37,269,197,37],[330,327,37,221,63,37],"9966892",[332,327,37,292,197,37],"9967000",[334,327,37,221,63,37],"9967306",[336,327,37,221,337,37],"9967550","DiThi",[173,327,37,221,174,37],[340,327,37,221,239,37],"9967457",[93,342,37,221,94,37],10,[157,344,18,345,158,37],11,"project\u002Fneutral\u002Fdocs",[118,33,32,347,119,37],"project\u002Fcritical\u002Fprivacy",[349,350,32,246,351,37],"9964760",13,"ganessh",[58,353,37,221,59,37],14,[355,353,37,356,11,32],"9964226","maker\u002Fpositive\u002Fidea",[140,358,32,267,141,37],15,[360,358,37,361,137,37],"9965372","other\u002Fcritical\u002Fdocs",[363,364,32,267,365,37],"9965106",16,"sktrdie",[],[368,372,377,382,387,391],{"id":369,"name":370,"points":371,"category":20},"9962185","Spot the Drowning Child",1215,{"id":373,"name":374,"points":375,"category":376},"9944746","Showgoers",281,"consumer_social",{"id":378,"name":379,"points":380,"category":381},"9956415","Meshtag",270,"dev_tools",{"id":383,"name":384,"points":385,"category":386},"9969171","File.io",155,"infrastructure",{"id":388,"name":389,"points":390,"category":20},"9969345","parametricity.com",149,{"id":392,"name":393,"points":394,"category":20},"9955553","r2d3.us",128,false,"v2",{"id":398,"name":5,"line":6,"ai":395,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":399,"top":18,"kw":400,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":401,"url":9,"mix":402,"praise":81,"objection":110,"sub":21},9963714,-0.5,[24,25,26,27],"0000000101001100310000530110500000011011",[18,31,32,33],1794036533852]