News for hackers. Stuff that matters.
Re:Ask HN: What's a side project you built to make money tha... by rangelreale on Wednesday December 30, 2020 @03:07PM (#25585460)
In 2006/2007 I built HTMLButcher, a C++ desktop application to slice PSD/image website designs made by designers to HTML. In these years sites where made with tables, so for slicing a design I had to cut the images and fit then into borderless HTML tables. I took 2 years to build it, and in this timeframe people started building sematic websites with CSS, and abandoning table-based designs. I managed to sell 100 copies, for some reason 90% to India. After some years without selling nothing, I open sourced it: https://github.com/RangelReale/htmlbutcher. The good thing is that I REALLY learned C++ with this project, and this knowledge was the basis for my current company where I made a digitalsignage application in C++ that runs in some of the largest DOOH places in Brazil, in Windows, Linux and MAC (targets of HTMLButcher). So in the end it was a good investment!
Re:Ask HN: What's a side project you built to make money tha... by biztos on Wednesday December 30, 2020 @08:54PM (#25588693)
A zillion years ago I had a housemate who was a brilliant programmer and could smoke himself into the Zone like nobody's business, and one of his weird little side ventures was a Mac app to cut up Illustrator files and lay them out in HTML using tables, because that was the state of the art.

As best I can recall, he wrote it in CodeWarrior over a couple weeks together with another guy who presumably knew Illustrator, and Adobe bought it before they had to deal with anything like a business plan.

Re:Ask HN: What's a side project you built to make money tha... by imposterr on Thursday December 31, 2020 @05:59AM (#25591585)
Was it possibly integrated into Adobe ImageReady [0]? It had a feature like what you're describing where after you finished designing your website, you could define cutouts and export as images+HTML.

This is actually how I first got into programming when I was younger. I made my first site in ImageReady, but it couldn't do all the other cool stuff other sites did like comment sections and logging in, so I went on a quest to learn how to do all that and the rest is history :)

[0] https://en.m.wikipedia.org/wiki/Adobe_ImageReady

Edit: actually, I found an example from 13 years ago https://youtu.be/qCq0JiwMcJs

Re:Ask HN: What's a side project you built to make money tha... by cbozeman on Thursday December 31, 2020 @04:08AM (#25590965)
> he wrote it in CodeWarrior

Wow, that's a name I haven't heard in 20+ years. We used CodeWarrior Pro for my Pascal class at a local community college that I took during high school, because my high school was so small, I literally ran out of classes to take by senior year, so I had to take a programming course at a CC that was 10 miles away. Had to get a waiver to leave school before noon to go to the class because state policy was that students can't be released from school before noon, and because all my classes (all 3 of them) were over by 11:30.

Re:Ask HN: What's a side project you built to make money tha... by BrianOnHN on Thursday December 31, 2020 @07:51AM (#25592172)
> could smoke himself into the Zone like nobody's business

Can you elaborate on this?

Re:Ask HN: What's a side project you built to make money tha... by UShouldBWorking on Thursday December 31, 2020 @10:30AM (#25593506)
Smoking weed to get into the proverbial, "flow" state.
Re:Ask HN: What's a side project you built to make money tha... by rudedogg on Friday January 01, 2021 @01:31AM (#25601352)
What is the Ballmer Peak[0] equivalent for weed?

[0] https://xkcd.com/323/

Re:Ask HN: What's a side project you built to make money tha... by mneubrand on Wednesday January 06, 2021 @09:54AM (#25658253)
The Snoop Summit
Re:Ask HN: What's a side project you built to make money tha... by rangelreale on Wednesday December 30, 2020 @03:08PM (#25585475)
Also take a look at the marvelous table-based design of the app website: http://rangelreale.github.io/htmlbutcher/index.html
Re:Ask HN: What's a side project you built to make money tha... by joshcain on Wednesday December 30, 2020 @05:07PM (#25586744)
I would have paid a lot of money for that back in the pre-CSS days, assuming it worked well. Was it purely image-based or could it recognize when an area could be rendered without using an image (like a single color zone/etc.)?
Re:Ask HN: What's a side project you built to make money tha... by rangelreale on Wednesday December 30, 2020 @08:06PM (#25588368)
You could select a kind for each cell, "None" would not generate an image, and you could select a cell color or html tags. It could also be "Image" or "Mask", with Mask being an inner table within a cell.

You can see this on the main screenshot on the website: http://rangelreale.github.io/htmlbutcher/index.html

Re:Ask HN: What's a side project you built to make money tha... by dave84 on Wednesday December 30, 2020 @05:01PM (#25586680)
That’s cool. Everything about the design fills me with nostalgia and takes me to the good old days of the Micro ISV, the Joel on Software forums, and my own, now unsuccessful, plans for world domination.
Re:Ask HN: What's a side project you built to make money tha... by gfxgirl on Wednesday December 30, 2020 @09:19PM (#25588865)
I'm a little confused. That feature has been built into Photoshop since at least CS1 (2003), maybe earlier.

https://helpx.adobe.com/photoshop/using/slicing-web-pages.ht...

Re:Ask HN: What's a side project you built to make money tha... by wolco2 on Wednesday December 30, 2020 @09:36PM (#25588971)
That's where you start. But to make it responsive it takes more work. If I remember..

For a 9x9 basic table grid you would set the width 100% of the top and bottom image do the opposite for the sides and fix the corners. All of these tricks involved choosing designs that could work.

It would have been a tool I would have liked.

Re:Ask HN: What's a side project you built to make money tha... by rangelreale on Thursday December 31, 2020 @07:26AM (#25592024)
Also webdesigners loved to change the layout mid-project and it was a big hassle to migrate the slicing from one PSD to another.

Not counting that some websites had dozens of PSD files, it was a pain.

Re:Ask HN: What's a side project you built to make money tha... by proc0 on Thursday December 31, 2020 @03:50PM (#25596968)
It never worked well. The html was full of issues and the kind of image slicing was for backwards compatibility with email clients. However PS did have a way to write scripts with JS and extend or even change the HTML generation.
Re:Ask HN: What's a side project you built to make money tha... by Aeolun on Wednesday December 30, 2020 @09:29PM (#25588939)
Photoshop had a kind of high price point just for cutting up images.
Re:Ask HN: What's a side project you built to make money tha... by high_priest on Wednesday December 30, 2020 @05:28PM (#25586969)
Can you share the name of the Digitalsignage company? I am in market for such a solution
Re:Ask HN: What's a side project you built to make money tha... by rangelreale on Wednesday December 30, 2020 @08:07PM (#25588371)
Re:Ask HN: What's a side project you built to make money tha... by proc0 on Thursday December 31, 2020 @03:48PM (#25596950)
I made a plugin for photoshop around 2010 to do the exact same thing. It has a slicer tool, and an API for it, so spitting out HTML was easy, but just used it as an internal tool for one of my first web dev jobs.
Re:Ask HN: What's a side project you built to make money tha... by futhey on Wednesday December 30, 2020 @11:09PM (#25589490)
I would have used this in ~2005. Seems like you were just slightly late to market. CS2's built in tool to slice PSD -> HTML kind of sucked and required a lot of post-processing work.
Re:Ask HN: What's a side project you built to make money tha... by johnx123-up on Thursday December 31, 2020 @12:53AM (#25589992)
Apart from the table based design, did you feel any competition from services like CSSilize? Was it difficult add support for the DIV based design?
Re:Ask HN: What's a side project you built to make money tha... by rangelreale on Thursday December 31, 2020 @07:24AM (#25592012)
I added and AP tablebless (absolute positioning) option, but this was only simulating tables with CSS. People stopped using large and sliced images with CSS, so it wasn't worth it.