2016 posts Review Manager
  • Envato Staff
  • Has been a member for 5-6 years
  • Attended a Community Meetup
  • Australia
  • Beta Tester
  • Contributed a Blog Post
  • Contributed a Tutorial to a Tuts+ Site
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 5 000 and 10 000 dollars
+7 more
jremick Staff says

Hey everyone, I’m sure several of you have heard me suggest implementing an elements overview page into your designs/templates. Here’s why.

1. Potential buyers can see that you’ve taken the time to style all the commonly used HTML elements used in websites today.

2. Potential buyers can see exactly what they’re really getting.

3. It increases the quality and presentation of your design/template.

4. It creates good habits.

etc., etc. – you get the idea.

Anyway, I came across an HTML test page for CSS style guide here and thought it would be really helpful for some of the author’s here. The idea is you take this example HTML , put it in your template and style every element. Doing this right away might save you time as you continue building the template and in the end you’ll be providing higher quality templates. :-)

I’ve uploaded the HTML on my hosting here http://files.jremick.com/downloads/files/elements.html as well in case the first one disappears.

You can also get it on Pastie

Enjoy! :D

2541 posts
  • United States
  • Attended a Community Meetup
  • Author had a Free File of the Month
  • Bought between 50 and 99 items
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Has been a member for 5-6 years
  • Contributed a Tutorial to a Tuts+ Site
  • Contributed a Blog Post
+4 more
CreatingDrew says

Excellent work dude! This is going to save a lot of people a ton of time, thanks so much for putting this together :)

707 posts
  • Sold between 10 000 and 50 000 dollars
  • Referred between 10 and 49 users
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
  • Exclusive Author
  • Envato Studio (Microlancer) Beta Tester
ChillThemes says

Thanks for finding/sharing this, snipplr is great.

26 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 1 and 100 dollars
  • United States
stephanie says

Thanks! I saw this suggestion on the TF blog the other day and had been thinking about how I could set up a page like this. This helps a lot. :)

2016 posts Review Manager
  • Envato Staff
  • Has been a member for 5-6 years
  • Attended a Community Meetup
  • Australia
  • Beta Tester
  • Contributed a Blog Post
  • Contributed a Tutorial to a Tuts+ Site
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 5 000 and 10 000 dollars
+7 more
jremick Staff says
Excellent work dude! This is going to save a lot of people a ton of time, thanks so much for putting this together :)

Just wanted to clarify that I didn’t put this together myself. Someone over here did: http://snipplr.com/view/8121/html-test-page-for-css-style-guide ;-)

2541 posts
  • United States
  • Attended a Community Meetup
  • Author had a Free File of the Month
  • Bought between 50 and 99 items
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Has been a member for 5-6 years
  • Contributed a Tutorial to a Tuts+ Site
  • Contributed a Blog Post
+4 more
CreatingDrew says
Excellent work dude! This is going to save a lot of people a ton of time, thanks so much for putting this together :)
Just wanted to clarify that I didn’t put this together myself. Someone over here did: http://snipplr.com/view/8121/html-test-page-for-css-style-guide ;-)
Doh! That’s what I get for browsing over the post so quickly. I must have figured it was you because of your mad skillz :D

Thanks again for sharing though.

2016 posts Review Manager
  • Envato Staff
  • Has been a member for 5-6 years
  • Attended a Community Meetup
  • Australia
  • Beta Tester
  • Contributed a Blog Post
  • Contributed a Tutorial to a Tuts+ Site
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 5 000 and 10 000 dollars
+7 more
jremick Staff says
Excellent work dude! This is going to save a lot of people a ton of time, thanks so much for putting this together :)
Just wanted to clarify that I didn’t put this together myself. Someone over here did: http://snipplr.com/view/8121/html-test-page-for-css-style-guide ;-)
Doh! That’s what I get for browsing over the post so quickly. I must have figured it was you because of your mad skillz :D Thanks again for sharing though.

haha, thanks! Always happy to share. :-)

922 posts
  • Power Elite Author: Sold between 1 000 000 - 1 999 999 dollars
  • Power Elite Author
  • Most Wanted Bounty Winner
  • Bought between 500 and 999 items
  • Referred between 500 and 999 users
  • Interviewed on the Envato Notes blog
  • Envato Studio (Microlancer) Beta Tester
  • Won a Competition
+8 more
MDNW says

I wholeheartedly support this as a general rule for all templates… I’ve been including 99% of these styles in all of my products because it’s industry standard, but I know there’s some products that have neglected to do so for one reason or another.

+1 for this being a checkbox during the upload phase.

Jarel – thanks a million for setting this up and bringing attention to it.

by
by
by
by
by
by