31–40 of 77 posts
Remaking images in CSS only is not a new experiment (and is often frowned upon) but this implementation adds 2 interesting features: hovering an element reveals all the sub-elements it's made of, and hovering a block superimposes both the image and its pure css implementation.
Some of the comments on here are pure trash. I wish a mod would delete them or something. Fantastic job on the logos! It's insane how powerful CSS has gotten, can you imagine building something like this 10 years ago?
Yes, but not in CSS. Actually, the fact that CSS has evolved to do this is really an indication of what a failure CSS is. Or rather, a failure of the idea that a separate language should exist for text markup. If you're going to use CSS for this kind of thing, why not use a real, powerful language that has years of experience solving problems and has lots of libraries? Why should we ignore the past and waste time rediscovering old problems and, so we can add slower, buggier kludges?
[ Also more amenable to editing tools ]
SVG seems more 'natural' way of doing logos ? [ Also more amenable to editing tools ]
cool demos, had no idea you could do that, and its obvious once you rollover, which is a nice trick!
I see this as a clever hack.
Earlier quoted context omitted.
I think a lot of people here wish this type of post would only have made the top of the front page 10 years ago (knowing hn was starting in 07), nowadays a post about css images is a lot like a "Lets Rethink Big O". I am just saying at some point this was a big deal, but now we gotta raise our standards for being impressed.
Nonsense. That is pointless dismissal of someone's efforts. I personally think this is awesome. It's using css in a non-traditional way, and one that surely took a lot of thought. How is this any different than any other technical post that have no "functional merit" (of sorts)? Remember the very popular post about programming pokemon from inside of the game? That's equally pointless as these css logos, and yet loved…
It isn't "dismissive", but merely pointing out that as any field advances over time, we see expectations tend to rise. What was once considered innovative or revolutionary can eventually become commonplace, if not trivial and uninteresting.
This has been true for mathematics, chemistry, physics, engineering and even cinema. There's no reason why software development should be any different.
While people were amazed by radio in the early 1900s, it wasn't really a big deal by the 1950s. It was well understood, and something that average people could use. This doesn't mean that people were "dismissive" of radio at that point, but rather just not surprised or impressed by it any longer.
It's the exact same case in this situation. A lot of us here have seen things like this done with CSS before, in some cases many years ago. It just isn't something to get excited about any longer. Having seen it been done before, our expectations have shifted, and we require something more novel in order for it to be considered interesting.
What's wrong with SVG? Use the right tool for the job.
I was under the impression that SVGs could contain javascript and pose possible XSS or code execution risks. Granted, probably not a very high risk if you're using files you, yourself, trust.
I use both heavy SVG apps with a lot of javascript, and also small svgs for icons etc.
SVG seems more 'natural' way of doing logos ? [ Also more amenable to editing tools ]
Before being down-modded... cool demos, had no idea you could do that, and its obvious once you rollover, which is a nice trick! I see this as a clever hack.
Did you make a tool to construct these? ie to place elements by dragging with the mouse rather than trial and error.
What's wrong with SVG? Use the right tool for the job.
Why paint a picture when cameras exist ?