loading...
Cover image for Please write an article here on dev.to about how to slice/style this PSD.

Please write an article here on dev.to about how to slice/style this PSD.

jochemstoel profile image Jochem Stoel ・1 min read

I found this free simple video player design on the interwebz. I like this design (fits the project) and I wanted to use it to make the HTML <video> element a little prettier. Unfortunately, this is just a PSD and does not contain any HTML and/or style sheets.

I understand the process of slicing and styling conceptually thanks to an article I read here on dev.to but I suck at actually doing it. I am however interested in learning the process to some degree. (the internet has various opinions about it and online PSD to HTML converters are stupid)

Perhaps somebody wants to write a post or comment here describing how to slice (this) PSD to proper HTML/CSS without using images. Surely there is some structured approach to it. To someone who knows what he/she is doing, this is a trivial task but to us back-enders it is not.

Download the PSD file

Posted on Sep 16 '18 by:

jochemstoel profile

Jochem Stoel

@jochemstoel

Pellentesque nec neque ex. Aliquam at quam vitae lacus convallis pulvinar. Mauris vitae ullamcorper lacus. Cras nisi dui, faucibus non dolor quis, volutpat euismod massa. Donec et pulvinar erat.

Discussion

markdown guide