2023 posts Review Manager
  • Has referred 10+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Member of the Envato Team
+12 more
jremick Envato team 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
  • Has referred 10+ members
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in United States
+9 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 :)

709 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+2 more
ChillThemes says

Thanks for finding/sharing this, snipplr is great.

26 posts
  • Has been part of the Envato Community for over 6 years
  • Has sold $1+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
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. :)

2023 posts Review Manager
  • Has referred 10+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Member of the Envato Team
+12 more
jremick Envato team 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
  • Has referred 10+ members
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in United States
+9 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.

2023 posts Review Manager
  • Has referred 10+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Member of the Envato Team
+12 more
jremick Envato team 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
  • Has referred 500+ members
  • Has sold $1M+ on Envato Market and is now a Power Elite Author
  • Has been a beta tester for an Envato feature
  • Has collected 500+ items on Envato Market
+13 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.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by