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.

Open-sourcing Stylo

156 pointsby maccmanalmost 13 years ago

13 comments

daleharveyalmost 13 years ago
This looks awesome<p>I had the same idea to build a web based graphical design tool: <a href="http://upmock.com/earlybird" rel="nofollow">http://upmock.com/earlybird</a> (<a href="https://github.com/daleharvey/upmock-client" rel="nofollow">https://github.com/daleharvey/upmock-client</a>)<p>It works as a nice demo, but would take a lot of time that I dont have to make it reach really useful quality.<p>I am hoping a web based tool for graphically designing user interfaces at high fidelity comes around soon, this looks great, and certainly a better start than mine. but its still early days, I would love to see some momentum around contributing to it
splatcollisionalmost 13 years ago
Nice work. Thanks for sharing the source, I'll have to look and see if there's anything useful there :)<p>For designers looking for something like this that's more finished and ready for use in web design production workflows, and supported, please give my bootstrapped web application Edit Room a serious look: <a href="http://www.edit-room.com/" rel="nofollow">http://www.edit-room.com/</a><p>Not only can you create semantic HTML structures and style them with professional design production tools, you can also animate your main blocks of content with visual keyframes and Edit Room generates CSS Animations. Works with both WebKit and Gecko browser engines.<p>The layout engine is responsive by default, with layout units defined as percentages... Key commands... undo/redo... constant autosave... Webfonts with Typekit integration... and more.
评论 #4009452 未加载
评论 #4009394 未加载
btownalmost 13 years ago
Very inspiring! Maybe I'm just stupid, but I don't see what license you're using anywhere... MIT perhaps? If so, I'll definitely be using your color picker and context menu code.<p>For others who might be interested (as I am) in using Common.js modules in the browser, browserify ( <a href="https://github.com/substack/node-browserify" rel="nofollow">https://github.com/substack/node-browserify</a> ) does the same thing for Node.js as the sprockets-commonjs used in this project: compiles those modules into a single file for the client. It's especially effective there because you can use the same node_modules on the browser and the server, so you get effortless sharing of code.
评论 #4008957 未加载
评论 #4011732 未加载
jacobolusalmost 13 years ago
&#62; <i>As a self-taught programmer, color theory is one of those things I hadn't had the chance to be immersed in yet, and learning about HSL and HSV was fascinating.</i><p>For what it’s worth, HSL and HSV (just like the RGB they’re trivially derived from) are both terrible color spaces to be interacting with, as humans. Here’s my fuller explanation why: <a href="http://en.wikipedia.org/wiki/HSL_and_HSV#Disadvantages" rel="nofollow">http://en.wikipedia.org/wiki/HSL_and_HSV#Disadvantages</a>. That they’ve been enshrined places like the CSS spec and most software color pickers is yet another example of programmer convenience winning over human-friendly design.
tferrisalmost 13 years ago
OT: Another Svbtle blog in the wild—anyone likes them? (serious question, would like to hear some opinions)
评论 #4009250 未加载
评论 #4011049 未加载
评论 #4010420 未加载
评论 #4009124 未加载
评论 #4009145 未加载
donpdonpalmost 13 years ago
What does Stylo do? I can make UI looking boxes and text but see no way to export or otherwise use what is created.
评论 #4009054 未加载
lsdafjklsdalmost 13 years ago
I love your work on sprockets, and this project is an excellent example of how to use it. I currently develop Backbone apps using the Ruby static site generator middleman which uses regular sprockets. So I have to namespace my app, but would rather use commonJS. Thanks for the awesome codebase!
sil3ntmacalmost 13 years ago
Awesome work Alex! One suggestion: CSS shadows have a spread parameter that your app is missing. Other than that, looks great!
dkrvtalmost 13 years ago
Very nice work. I couldn't find a way to export my quick design though, how was I supposed to do ?
pbreitalmost 13 years ago
Amazing work and so useful to dig through. Thank you and keep it coming!
skyhook_mockupsalmost 13 years ago
wow the app is <i>really</i> nice from a UX point of view. Looks like you nailed the fundamentals of manipulating the objects well.<p>Also the design is slick.<p>great work!
techpeacealmost 13 years ago
Awesome stuff, Alex. Thanks for open-sourcing the code!
Gringalmost 13 years ago
Brillant job, hat's off!