Image Effects with CSS
Dev tools
css image effects
SHOW HN2016
How HN took it
4 positive, 8 neutral or asking, 1 mixed, 4 critical, out of 17 comments about the project. Thread score +0.08.
Idea: 1 for, 2 againstPerformance: 0 for, 1 againstDocs: 1 for, 0 againstExecution: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful documentation and resource for CSS image effects
From 2 comments
Awesome resource. I've spent a lot of time looking for CSS image effects and found the info out there to be really lacking. Thanks for putting this together.
mgalka on HNThis is impressive and the documentation is nice. But it would be nice to get the 30-second pitch -- is the rationale to push processing onto the client side? When I think of…
TuringNYC on HN
Impressive work
From 1 comment
Impressive.
iamahacker2 on HN
Objections
Client-side rendering costs battery and energy
From 2 comments
It's a good question. What about the network transmission? What's the carbon footprint of transmitting a 50k image to thousands of visitors vs a handful of bytes in css? I agree…
snarfy on HNSlightly related question: Does the carbon footprint increase with all this client side rendering? I would think just rendering something charcoal on the computer of the designer…
MrQuincle on HN
Static images should be rendered server-side instead
From 1 comment
Yes, and if your website is using CSS effects to change the same image for every user then you're making a mistake. Just render the modified image to a static asset and serve…
onion2k on HN
Effects can't easily be saved or downloaded with CSS alone
From 1 comment
But how would you then download the edited image? Either browsers support taking screenshots via an API (no browser extension) or you would need to render it on the server side…
FlorianRappl on HN
Requests
Confirm the code's license
From 1 comment
Will gladly use, but what is the code's license?
thenormal on HN
Questions
Does client-side rendering increase carbon footprint?
From 1 comment
Slightly related question: Does the carbon footprint increase with all this client side rendering? I would think just rendering something charcoal on the computer of the designer…
MrQuincle on HN
Why process on the client rather than the server?
From 1 comment
This is impressive and the documentation is nice. But it would be nice to get the 30-second pitch -- is the rationale to push processing onto the client side? When I think of…
TuringNYC on HN
Alternatives named
SVG filters
From 1 comment
Nice. I consider this a hack though, I think that SVG filters are more suitable for this task.
leni536 on HN
HTML5 Canvas and WebGL shaders
From 2 comments
It's like PhotoShop. I used to play with pictures and obtain those effects 10-15 years ago. But I think we can do many more special effects with HTML5 Canvas.
visarga on HNI did something similar in pure JS a few years ago. It's definitely possible to render the image into a canvas and save it/upload it/present as a data uri. I'm pretty sure the…
camoby on HN
Photoshop
From 1 comment
It's like PhotoShop. I used to play with pictures and obtain those effects 10-15 years ago. But I think we can do many more special effects with HTML5 Canvas.
visarga on HN