Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.

Closed 4 years ago.

Improve this question

I'm diving into CSS and would like to practice coding from PSDs. Any sites where I can grab free designs in PSD format?开发者_JAVA技巧

Or any other suggestions for practicing?

---

• Take a screen shot of a website you think would be challenging, slice and dice any images needed yourself in Photoshop and then re-create it via HTML/CSS. Of course most websites are under copyright and you could not use any of their intellectual property (e.g. images, design, code, etc...) in any public manner.

• Practice/improve your CSS skills on the CSS Zen Garden. The site was created in such as way that developers can dramatically change it's presentation purely with CSS. Look through the designs and see how that developer accomplished it. After you are done with your own design you can submit it to be shared.

• See if you can find a sample/demo template from one of the many template retailers on the web. Discard their HTML/CSS and recreate yourself.

You may need some "filler" content to make your design more realistic. You might try a lorem ipsum generator.

---

I may be not really helpful, but I truly remember myself struggling with no production experience.

And, as I did, the best way to get it, was to give free of charge services of html/css coding.

---

as long as you're not publishing the designs as your own, copying for the purposes of education is protected as "fair-use".

Copy Copy Copy

Practice re-creating everything. Read through the stylesheets of sites you like, and take notes on what elements are present in them.

Don't limit yourself to just sites like what you are planning on creating, copy completely unrelated pages too. There are many companies that will publish images of designs: copy those too.

When you've crated a clone page, start tweaking styles. Add a border here, tweak some margins there. The more you play with it, the more you'll understand it.

Also: read through the CSS specifications:

• CSS1
• CSS2
• CSS3

And make sure you've got a good grasp of HTML by reading the html specs too.

It can be slow. It may be boring. It will be worth it.