[{"data":1,"prerenderedAt":696},["ShallowReactive",2],{"project-29430368":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":49,"post_text":51,"what":52,"said":94,"maker_in_thread":196,"shape":206,"grid":209,"attempts":658,"same_week":659,"maker_shows":38,"maker_hidden":688,"reader_version":689,"card":690},"29430368","Svija","A tool to build real websites built exclusively in SVG","title","Show HN: A tool to build real websites built exclusively in SVG","https:\u002F\u002Fsvija.love","svija.love","AndrewSwift",1638541713,2021,197,162,241,2533,10,"notable","dev_tools","website builder","web_app",[24,25,26,27],"svg website builder","illustrator websites","svg web design","svg html hybrid","mixed",-0.194,{"positive":31,"neutral":32,"mixed":33,"critical":34},18,26,5,32,81,{"design":37,"execution":40,"docs":43,"performance":44,"idea":47},{"positive":38,"critical":39},2,8,{"positive":41,"critical":42},1,6,{"positive":41,"critical":41},{"positive":45,"critical":46},0,3,{"positive":48,"critical":39},11,[46,46,45,33,38,33,41,38,46,33,46,46,50,41,45,45,45,41,46,41,46,46,38,41,41,41,41,38,50,41,46,33,41,33,41,41,50,46,41,41],4,null,{"problem":53,"audience":63,"pricing":73,"motivation":77,"time_to_build":51,"stack":82,"openness":91,"stage":92,"team_size":93},{"value":54,"source":55,"evidence":56},"Frustration with CSS and HTML layout; wants full visual control of pages like print design.","maker",[57,60],{"id":58,"by":11,"text":59},"29430384","I was getting really frustrated with CSS and HTML (I was originally a print designer), so built a tool for building websites using only SVG content. It's essentially a website…",{"id":61,"by":11,"text":62},"29432362","I loved Flash, and I think that SVG, if I can create proper tools, has the potential to be as good and maybe to avoid some of the drawbacks. In fact, I wrote Svija because I took…",{"value":64,"source":55,"evidence":65},"Small businesses wanting a cheap, quick website; designers from print or Flash backgrounds.",[66,69],{"id":67,"by":11,"text":68},"29432409","So far it's been mainly small businesses who just want to put up a cheap website quickly. I can turn a PDF flyer into a website in a couple of hours, and that's been really…",{"id":70,"by":71,"text":72},"29431822","wongarsu","This is how you enable creative web design. Sure, you shouldn't necessarily run your business on something like this (for a multitude of reasons), but for personal websites and…",{"value":74,"source":55,"evidence":75},"Free to try; hosting requires an account.",[76],{"id":58,"by":11,"text":59},{"value":78,"source":55,"evidence":79},"Frustration with HTML and CSS after a sabbatical; Flash was gone.",[80,81],{"id":58,"by":11,"text":59},{"id":61,"by":11,"text":62},[83,87],{"value":84,"source":55,"evidence":85},"SVG",[86],{"id":58,"by":11,"text":59},{"value":88,"source":55,"evidence":89},"Adobe Illustrator",[90],{"id":58,"by":11,"text":59},"unknown","launched","solo",{"praise":95,"objections":105,"requests":143,"questions":162,"alternatives":171},[96,100],{"value":97,"source":55,"evidence":98},"Fast to build pages and gives graphic freedom impossible in HTML.",[99],{"id":58,"by":11,"text":59},{"value":101,"source":102,"evidence":103},"Creative web design potential, a return of Flash-style creativity.","commenter",[104],{"id":70,"by":71,"text":72},[106,121,136],{"value":107,"source":102,"evidence":108},"Poor accessibility and text selection; not a real web page.",[109,113,117],{"id":110,"by":111,"text":112},"29432289","robertlagrant","Axe accessibility report on that website: TOTAL ISSUES 220 AUTOMATIC ISSUES 220 NEEDS REVIEW 160 GUIDED ISSUES 0 Critical 1 Serious 55 Moderate 2 Minor 2",{"id":114,"by":115,"text":116},"29436210","kaetemi","I like this idea. Using SVG on websites is quite fun to break the rigidness. Text selection seems very wonky, sadly.",{"id":118,"by":119,"text":120},"29433016","cunthorpe","Your site is laggy, zero accessibility, microscopic text unless your window is large enough, does not support anything you'd expect from a regular website. Just ship a PDF…",{"value":122,"source":102,"evidence":123},"No responsive design; fixed layouts per screen size.",[124,128,132],{"id":125,"by":126,"text":127},"29431591","WorldPeas","I tried the demo site, this could use some work, just about as responsive to platform changes as as an image map. Without some sort of system that allows you to automatically or…",{"id":129,"by":130,"text":131},"29432715","tinaprice","Is the tool can create dynamic websites with proper responsiveness to each devices?",{"id":133,"by":134,"text":135},"29431590","derekzhouzhen","Interesting idea. But no responsive design?",{"value":137,"source":102,"evidence":138},"Slow loading and heavy page size.",[139,140],{"id":118,"by":119,"text":120},{"id":141,"by":11,"text":142},"29449511","Thanks so much for taking the time to comment. I need to optimize the images more. There is a background color etc., but the main image is much too heavy. Many people have noted…",[144,151],{"value":145,"source":102,"evidence":146},"Support for Inkscape and Windows.",[147,150],{"id":148,"by":11,"text":149},"29432301","It could work with Inkscape. I'm trying to get some funding to hire a couple of devs, and PC support and Inkscape support are very high on the list of priorities. I have had a…",{"id":141,"by":11,"text":142},{"value":152,"source":102,"evidence":153},"Fix autoplay music and horizontal scrollbar.",[154,158],{"id":155,"by":156,"text":157},"29431622","BasilPH","The page looks cool, but I left immediately once the music started playing. There's a reason most websites stopped doing this.",{"id":159,"by":160,"text":161},"29431868","abstract_put","First of all, neat concept. Small point, on desktop I have a horizontal scroll bar for what appears to be intended as a full width site, which is always a bit of a pet peeve. I…",[163,167],{"value":164,"source":102,"evidence":165},"Who is the tool resonating with?",[166],{"id":159,"by":160,"text":161},{"value":168,"source":102,"evidence":169},"Does it support responsive design?",[170],{"id":129,"by":130,"text":131},[172,180,189],{"value":173,"source":102,"evidence":174},"Flash",[175,179],{"id":176,"by":177,"text":178},"29431029","jakearmitage","Oh, man. It's Flash all over again.",{"id":70,"by":71,"text":72},{"value":181,"source":55,"evidence":182},"Figma and Affinity Designer",[183,186],{"id":184,"by":11,"text":185},"29435006","Illustrator is, but I don't think Inkscape is. I haven't been able to find any real information about Inkscape adoption rates, but I participate in several vector forums and…",{"id":187,"by":11,"text":188},"29436044","Figma doesn't export to SVG with linked images and fonts, so it can't be used to create a web page. That was pretty much the first thing I thought of when I started the project.",{"value":190,"source":102,"evidence":191},"Moos",[192],{"id":193,"by":194,"text":195},"29433369","thomasikzelf","I really like that this allows people to finally break free from the box design and try something new. Of course there will be challenges like accessibility along the way but…",{"comments":197,"answered":31,"key":198},42,[199,200,203],{"id":58,"text":59},{"id":201,"text":202},"29432681","cmd-option-M on Mac, and if you reload the page it looks really nice ;-)",{"id":204,"text":205},"29432620","Almost all programs that can create SVG content convert images into inline code, and reduct text to glyphs. This means that fonts can't be reused throughout the site, that text…",{"commenters":207,"max_depth":42,"maker_replies":197,"first_comment_mins":38,"lifespan_hours":208},92,70,[210,212,216,219,222,225,228,230,234,235,239,241,245,248,252,255,258,260,263,267,270,274,277,280,282,286,288,291,294,298,301,304,307,311,314,315,317,320,323,326,329,332,334,337,339,343,345,348,350,353,354,358,359,362,363,365,368,370,372,374,376,378,381,384,387,390,392,395,398,401,405,408,410,413,415,417,420,421,422,425,427,429,432,433,435,437,439,442,444,448,451,454,457,461,464,467,470,472,476,480,482,486,489,492,494,497,499,503,506,508,510,512,515,519,523,527,529,532,534,537,541,545,547,551,553,555,558,562,565,567,571,573,577,579,583,585,588,590,592,594,597,599,601,605,609,612,614,616,621,625,627,629,631,633,635,638,640,644,646,650,652,656],[58,45,45,211,11,41],"project\u002Fpositive\u002Fidea",[213,45,46,214,215,45],"29430966","project\u002Fneutral\u002Fdesign","danrocks",[217,45,46,214,218,45],"29431134","david927",[220,45,46,214,221,45],"29431788","ehutch79",[223,45,46,214,224,45],"29431816","tata71",[226,45,46,214,227,45],"29432421","goohle",[201,45,45,229,11,41],"project\u002Fpositive\u002Fdesign",[231,45,46,232,233,45],"29431057","project\u002Fneutral\u002Fexecution","leephillips",[204,45,45,232,11,41],[236,45,45,237,238,45],"29434115","commenter\u002Fneutral\u002Fnone","pgcj_poster",[184,45,45,240,11,41],"project\u002Fneutral\u002Fnone",[242,45,45,243,244,45],"29435360","other\u002Fneutral\u002Fnone","jazzyjackson",[246,45,45,243,247,45],"29435741","xupybd",[249,45,33,250,251,45],"29441336","project\u002Fpositive\u002Fexecution","Terretta",[253,45,46,240,254,45],"29431196","lampe3",[256,45,45,243,257,45],"29431968","VikingCoder",[259,45,45,240,11,41],"29432708",[261,45,33,262,254,45],"29433075","maker\u002Fpositive\u002Fnone",[264,45,41,265,266,45],"29434016","project\u002Fcritical\u002Fnone","kingcharles",[268,45,41,265,269,45],"29431301","rancar2",[271,45,33,272,273,45],"29431818","project\u002Fpositive\u002Fdocs","jccooper",[275,45,45,276,11,41],"29432238","project\u002Fneutral\u002Fdocs",[278,45,46,214,279,45],"29431417","thesuitonym",[281,45,45,232,11,41],"29432273",[283,45,41,284,285,45],"29431448","project\u002Fcritical\u002Fperformance","duped",[287,45,45,232,11,41],"29432651",[289,45,45,290,285,45],"29435258","commenter\u002Fneutral\u002Fexecution",[292,45,45,290,293,45],"29441099","ygra",[295,45,41,296,297,45],"29431480","project\u002Fcritical\u002Fdesign","electroly",[299,45,45,300,11,41],"29432224","maker\u002Fneutral\u002Fnone",[302,45,46,214,303,45],"29431491","pkphilip",[305,45,46,214,306,45],"29432596","wiradikusuma",[308,45,45,309,310,45],"29433235","commenter\u002Fneutral\u002Fdesign","eyelidlessness",[312,45,46,232,313,45],"29431948","dreamcompiler",[148,45,45,232,11,41],[316,45,45,237,313,45],"29432492",[318,45,33,211,319,45],"29435190","indymike",[321,45,45,243,322,45],"29438693","temporallobe",[324,45,33,211,325,45],"29432763","lbj",[327,45,33,211,328,45],"29433404","spicybright",[330,45,46,232,331,45],"29433936","oofoe",[333,45,45,300,11,41],"29444355",[335,45,46,232,336,45],"29434100","prox",[338,45,45,232,11,41],"29435186",[340,45,46,341,342,45],"29434524","project\u002Fneutral\u002Fidea","katsura",[344,45,45,214,11,41],"29435081",[346,45,45,309,347,45],"29436275","mattlondon",[349,45,46,214,319,45],"29435101",[351,45,46,341,352,45],"29435120","danielvaughn",[187,45,45,232,11,41],[355,45,46,356,357,45],"29435744","project\u002Fmixed\u002Fperformance","andrecarini",[70,41,33,211,71,45],[360,41,45,243,361,45],"29431963","cryptoz",[61,41,45,341,11,41],[364,41,41,284,119,45],"29433120",[366,41,46,367,328,45],"29433482","project\u002Fneutral\u002Fperformance",[369,41,45,243,221,45],"29432770",[371,41,45,243,11,41],"29432886",[373,41,45,243,328,45],"29433458",[375,41,45,243,221,45],"29434408",[118,38,45,377,119,45],"commenter\u002Fcritical\u002Fexecution",[379,38,45,380,328,45],"29433583","commenter\u002Fpositive\u002Fidea",[382,38,45,383,119,45],"29433874","commenter\u002Fcritical\u002Fidea",[385,38,45,386,328,45],"29434814","commenter\u002Fneutral\u002Fidea",[388,38,45,380,389,45],"29433819","kfootball15",[391,38,45,383,119,45],"29433949",[393,38,45,380,394,45],"29434993","sofard",[396,38,45,237,397,45],"29436182","gorgoiler",[399,38,45,237,400,45],"29440212","npteljes",[402,46,41,403,404,45],"29432916","project\u002Fcritical\u002Fdocs","lucideer",[406,46,41,407,119,45],"29433107","maker\u002Fcritical\u002Fnone",[409,46,45,300,11,41],"29433783",[411,46,46,214,412,45],"29433423","dsizzle",[414,46,45,214,11,41],"29433812",[416,46,45,300,11,41],"29433765",[418,50,46,356,419,45],"29438413","chrismorgan",[141,50,45,300,11,41],[155,33,41,296,156,45],[423,33,45,309,424,45],"29431824","willio58",[426,33,46,214,156,45],"29433205",[428,33,45,237,233,45],"29440688",[430,33,45,431,11,41],"29432338","maker\u002Fneutral\u002Fexecution",[193,42,33,211,194,45],[434,42,45,262,11,41],"29435244",[125,436,41,296,126,45],7,[438,436,45,229,11,41],"29432440",[440,436,33,229,441,45],"29432587","pfraze",[443,436,45,431,11,41],"29432761",[445,39,41,446,447,45],"29436365","project\u002Fcritical\u002Fidea","pedalpete",[449,39,45,386,450,45],"29436478","quickthrower2",[452,39,41,446,453,45],"29436915","quitit",[455,39,33,211,456,45],"29437025","tenebrisalietum",[458,459,41,284,460,45],"29438236",9,"junon",[462,18,45,243,463,45],"29431890","ReleaseCandidat",[465,18,45,237,466,45],"29433202","gtsop",[468,18,45,243,469,45],"29433447","CodeGlitch",[471,48,41,446,266,45],"29434043",[473,474,41,296,475,45],"29436344",12,"Xevi",[477,478,46,232,479,45],"29437363",13,"jancsika",[481,478,45,431,11,41],"29441030",[483,484,45,485,218,45],"29431221",14,"other\u002Fneutral\u002Fidea",[487,484,45,243,488,45],"29433852","jatone",[110,490,41,491,111,45],15,"project\u002Fcritical\u002Fexecution",[493,490,45,300,11,41],"29432319",[495,490,41,265,496,45],"29434882","flooq",[498,490,45,237,111,45],"29459118",[500,501,41,446,502,45],"29438369",16,"mkoryak",[159,504,46,505,160,45],17,"project\u002Fmixed\u002Fdesign",[67,504,45,507,11,41],"maker\u002Fneutral\u002Fidea",[509,504,46,507,160,45],"29433422",[511,504,33,262,328,45],"29433617",[513,31,41,491,514,45],"29431600","roosgit",[516,517,41,491,518,45],"29436940",19,"Thoreandan",[520,521,33,229,522,45],"29431026",20,"Gys",[524,525,33,211,526,45],"29432716",21,"streamofdigits",[176,528,41,446,177,45],22,[530,528,45,243,531,45],"29431371","xeromal",[533,528,45,243,233,45],"29431605",[535,528,45,243,536,45],"29435790","prewett",[538,539,41,296,540,45],"29431716",23,"wila",[542,543,41,491,544,45],"29437017",24,"ronsor",[546,543,45,300,11,41],"29441062",[548,549,46,214,550,45],"29434712",25,"mro_name",[552,549,45,300,11,41],"29436012",[554,549,45,309,550,45],"29444382",[556,32,33,211,557,45],"29433480","gbromios",[559,560,33,211,561,45],"29435268",27,"ASpaceCowboi",[114,563,46,564,115,45],28,"project\u002Fmixed\u002Fexecution",[566,563,46,232,447,45],"29436314",[568,569,45,243,570,45],"29439622",29,"frozenport",[572,569,45,237,11,41],"29441097",[574,575,41,265,576,45],"29431881",30,"FpUser",[578,575,45,232,11,41],"29432837",[580,581,33,211,582,45],"29432473",31,"geenat",[584,581,45,431,11,41],"29432773",[586,34,45,386,587,45],"29432174","TruthWillHurt",[589,34,45,237,11,41],"29432847",[591,34,41,446,502,45],"29438347",[133,593,46,214,134,45],33,[595,593,45,596,11,41],"29435722","maker\u002Fneutral\u002Fdesign",[598,593,41,296,134,45],"29437290",[600,593,45,309,11,41],"29441074",[602,603,41,491,604,45],"29435490",34,"XCSme",[606,607,46,341,608,45],"29431085",35,"fotad",[610,607,41,446,611,45],"29431415","acallaghan",[613,607,33,211,313,45],"29432094",[615,607,45,507,11,41],"29432831",[617,618,33,619,620,45],"29437671",36,"project\u002Fpositive\u002Fnone","adamredwoods",[622,623,41,265,624,45],"29438204",37,"mihamaker",[626,623,45,237,11,41],"29441068",[129,628,46,214,130,45],38,[630,628,45,596,11,41],"29432744",[632,628,45,309,119,45],"29433143",[634,628,41,296,134,45],"29433503",[636,628,46,505,637,45],"29434223","erinaceousjones",[639,628,45,300,11,41],"29435707",[641,642,41,446,643,45],"29432780",39,"ibdf",[645,642,45,300,11,41],"29432915",[647,648,41,296,649,45],"29434686",40,"smpetrey",[651,648,45,237,11,41],"29441094",[653,654,41,491,655,45],"29432496",41,"robertoandred",[657,654,45,232,11,41],"29432785",[],[660,665,670,674,679,684],{"id":661,"name":662,"points":663,"category":664},"29461735","Modern Wiki",979,"productivity",{"id":666,"name":667,"points":668,"category":669},"29425735","Emoji to Scale",713,"learning_science",{"id":671,"name":672,"points":673,"category":669},"29488511","Scale of the Universe 2",276,{"id":675,"name":676,"points":677,"category":678},"29428910","Deep Dreams",237,"ai",{"id":680,"name":681,"points":682,"category":683},"29464889","Straw.page",210,"web_saas",{"id":685,"name":686,"points":687,"category":669},"29437527","UI\u002FUX Tips book",198,false,"v2",{"id":691,"name":5,"line":6,"ai":688,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":692,"top":18,"kw":693,"maker":11,"domain":10,"tier":19,"attempts":45,"strip":694,"url":9,"mix":695,"praise":97,"objection":107,"sub":21},29430368,-0.19,[24,25,26,27],"3305251235334100013133211112413515114311",[31,32,33,34],1794036613858]