TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Gimli – A Visual Studio Code extension for front-end developers

464 pointsby gimliappabout 6 years ago

21 comments

dangabout 6 years ago
This should not have been posted as a Show HN. Show HN is for something that people can actually try. Fundraisers and teaser pages are ruled out in the rules: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;showhn.html" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;showhn.html</a>.<p>(We&#x27;ve taken Show HN belatedly out of the title above.)
sic1about 6 years ago
This looks great, and could be a great tool to help some front-end developers.<p>However, I must say, it&#x27;s 2019, if you call yourself a front-end developer, and you do not know flexbox and grid - you are greatly missing out on an amazing radical change in how you think about and design your layouts. There really is no excuse for not knowing this stuff, especially with all the great resources out there to help you learn.<p>Flexbox Zombies basically changed my life. It taught me the possibilities, and now I know them by hand. <a href="https:&#x2F;&#x2F;mastery.games&#x2F;p&#x2F;flexbox-zombies" rel="nofollow">https:&#x2F;&#x2F;mastery.games&#x2F;p&#x2F;flexbox-zombies</a><p>The same company has a paid game to learn about the grid (<a href="https:&#x2F;&#x2F;gridcritters.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;gridcritters.com&#x2F;</a>), but I came across the resources below and did not buy it.<p>Flexbox Froggy and Grid Garden are both free, not gated by an email signup, and very high quality. You and everyone on your team should do them, even if you think you know them well. It will help with reinforcement.<p>- <a href="https:&#x2F;&#x2F;flexboxfroggy.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;flexboxfroggy.com&#x2F;</a> - <a href="https:&#x2F;&#x2F;cssgridgarden.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;cssgridgarden.com&#x2F;</a><p>I think Gimli is an amazing tool, and I might even buy it when it comes out. But please, do yourself and your team a favor - learn the tools by hand first. If you wrote a float at all this year, this post goes out to you.
评论 #19566310 未加载
评论 #19566092 未加载
评论 #19566129 未加载
评论 #19566427 未加载
gimliappabout 6 years ago
Hi!, creator of Gimli here. i&#x27;ll be happy to answer any questions you may have
评论 #19564595 未加载
评论 #19562163 未加载
评论 #19563212 未加载
评论 #19563859 未加载
评论 #19563154 未加载
评论 #19562804 未加载
评论 #19564764 未加载
评论 #19562886 未加载
评论 #19570859 未加载
评论 #19574090 未加载
juandazapataabout 6 years ago
We&#x27;ve completed a full circle and rebuilt Macromedia Dreamweaver. Yay!
评论 #19563572 未加载
评论 #19565478 未加载
评论 #19563313 未加载
评论 #19564011 未加载
robmccollabout 6 years ago
You might want to make the Kickstarter campaign more prominent - use color, make it bigger and part of the main content instead of just part of the top bar.<p>Anyway, as a mostly backend and native &#x2F; non-web person who occasionally has to do front-end development, this looks like a very useful tool! Something like this might convince me to start using VSCode for web dev over vim.
评论 #19564441 未加载
sandGorgonabout 6 years ago
Is this figma&#x2F;sketch in vscode ? I would pay for this.<p>Asian developers are Linux based generally - so it&#x27;s hard to adopt Mac based tools (because of cost,etc). This would be a brilliant way.
评论 #19563954 未加载
评论 #19563255 未加载
评论 #19563471 未加载
t0astbreadabout 6 years ago
Hey, this looks really neat! I have a few questions though.<p>1. If I use this tool, can I still collaborate with people that don&#x27;t have it? This might be a concern to maintainers of free&#x2F;open source projects who would like to use Gimli for themselves but not force others to use proprietary tools (which, I assume, Gimli falls under) when editing the project&#x27;s source.<p>2. How does this handle components (when using a framework) that aren&#x27;t presentational (like container components in React&#x2F;Redux apps that subscribe to the store and pass data on)? Will you just be able to &quot;drag them in&quot; like visual components? Will there be an ergonomic way to add them into the tree later? (So that the designer can, for example, just focus on the visual aspect, then pass it on to a developer who adds the containers)
scarface74about 6 years ago
I don’t do much front end work these days and won’t be for awhile, but this looks exciting.<p>Hopefully, you can find a way to monetize it.<p>If it ends up being usable, even as a beta, I will be donating.
tomlagierabout 6 years ago
Very cool demo. Great idea to build on top of VSCode distribution channel&#x2F;platform, but I&#x27;m curious on how you plan on enforcing payment?<p>edit: Also curious how you&#x27;ll be implementing &quot;find source&quot; - just doing a string lookup for id&#x2F;classname&#x2F;attibutes? Will you be able to handle generated identifiers, e.g. css modules classnames?
tatersolidabout 6 years ago
You might want to consider a name change. Gimli has already been used for a cryptographic algorithm from a pretty famous team of cryptographers[1], so your SEO might take a hit by using that name.<p>[1]: <a href="https:&#x2F;&#x2F;gimli.cr.yp.to&#x2F;" rel="nofollow">https:&#x2F;&#x2F;gimli.cr.yp.to&#x2F;</a>
评论 #19563078 未加载
评论 #19563605 未加载
评论 #19563295 未加载
bobwaycottabout 6 years ago
This looks really great. I want to try it out. Working on a couple new things, and new things are always the easiest to try other new things on. ;)
Geeeabout 6 years ago
Looks great, I&#x27;d definitely want to use this. Consider releasing this as a beta with discounted price.
lagamemnonabout 6 years ago
This is pretty cool. Are there any similar tools out there already that don&#x27;t produce garbage HTML?
jpincheiraabout 6 years ago
I love your landing! Congrats :)
pudebeabout 6 years ago
Do professional developers ever use these wysiwyg editors ?
rkidoabout 6 years ago
I backed this. Visual data should be edited visually.
vistriterabout 6 years ago
I very very love this. Help me to create flex box. :)
gigatexalabout 6 years ago
this is extremely cool!
kaelandabout 6 years ago
This looks awesome!
sergiotapiaabout 6 years ago
lmao this is dreamweaver lite. we have to go back.
Lord_Zeroabout 6 years ago
Plz no more front-end GUIs. Save it for Wix.com.