Show HN: Image Effects with CSS
bennettfeely.com
Show HN: Image Effects with CSS
1–10 of 21 posts
Re: Show HN: Image Effects with CSS
#2This 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 such effects, I would usually imagine them being on the server side, perhaps on a dedicated image processing server.
Re: Show HN: Image Effects with CSS
#3This 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 such effects, I would usually imagine them being on the server side, perhaps on a dedicated image processing server.
Client side image editor is the first thing I thought of.
Re: Show HN: Image Effects with CSS
#4This 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 such effects, I would usually imagine them being on the server side, perhaps on a dedicated image processing server.
Client side image editor is the first thing I thought of.
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 again. Maybe I am missing something?
Re: Show HN: Image Effects with CSS
#5Impressive.
Re: Show HN: Image Effects with CSS
#6This 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 such effects, I would usually imagine them being on the server side, perhaps on a dedicated image processing server.
One advantage is designers having more control to art direct content that's managed by the client (eg make all the images higher contrast and sepia). Sure it can be done on the backend - but that's more out of reach for designers than css. Css also has the advantage of being animatable.
Re: Show HN: Image Effects with CSS
#7Earlier quoted context omitted.
Client side image editor is the first thing I thought of.
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 again. Maybe I am missing something?
That was my first thought as well -- it is nice to push compute resources to the client side but the image just exists in memory (as opposed to a transformation process on the server side which takes image inputs and image outputs and can remotely cache the output image.) The other good thing about the server side is super-easy and super-fast pushes to social services, backups, auto-persisted change history, etc.
Re: Show HN: Image Effects with CSS
#8Earlier quoted context omitted.
Client side image editor is the first thing I thought of.
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 again. Maybe I am missing something?
If it was done inside a canvas it would be possible to save it. The effects would not be as simple to create though.
Re: Show HN: Image Effects with CSS
#9It'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.
Re: Show HN: Image Effects with CSS
#10It'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.
Its good to see stuff we were doing with java applets and Flash now just are part of our web frameworks. Its a weird process flow but its slowly getting there.