Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Software Development
Programming
Website Design
Templates
SlimarSleek | Free | Release |
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Queef" data-source="post: 238973" data-attributes="member: 19889"><p>I'm going to help you out a lot here. I suggest you take what I'm about to say into consideration about future designs.</p><ul> <li data-xf-list-type="ul">First of all, never rush a template, even if you feel obligated to finish it before something like in this case, holidays. Just stop what your doing and come back to it later, it's not worth the effort of spending hours upon hours a night coding because you want to hurry up and get it finished and in doing so rushing the design and coding procedures, just take your time and only code when you feel motivated to otherwise you'll burn yourself out.</li> <li data-xf-list-type="ul">Never use div id's, there's a lot controversy that surrounds reasons as to why and why not but the most common and accurate reason is because it slows down page loading (i think).</li> <li data-xf-list-type="ul">If your using a flat color, in this case your arrows just to the right of your images, never use an image, just use a hex color code. If you need to use an image instead of a flat color for some crazy reason, i suggest learning up on how to code css image sprites. Basically, a sprite is a giant collage of all the different images used on your site compiled into one using css background-position to define the different background image positions. Not only does it increase loading time but it makes all the images on your site to load at the same time so you don't get messy page loading.</li> <li data-xf-list-type="ul">Use equal padding, for example in your navigation bar, there is more padding at the top of the bar than there is at the bottom, things like this can make the template look extremely messy. In this example i took a look at your code and noticed your defining 4 different sizes for the padding when you could just use "padding:20px 15px;" because the left number is defining both the top and bottom padding distances and the right number defines the right and left distances, keeping it equal.</li> <li data-xf-list-type="ul">Put padding on the content boxes.</li> </ul><p></p><p>I could go way more in-depth with this but its getting quite long so ill stop it there, giving you the most important things to think about. If you need more help just let me know.</p></blockquote><p></p>
[QUOTE="Queef, post: 238973, member: 19889"] I'm going to help you out a lot here. I suggest you take what I'm about to say into consideration about future designs. [LIST] [*]First of all, never rush a template, even if you feel obligated to finish it before something like in this case, holidays. Just stop what your doing and come back to it later, it's not worth the effort of spending hours upon hours a night coding because you want to hurry up and get it finished and in doing so rushing the design and coding procedures, just take your time and only code when you feel motivated to otherwise you'll burn yourself out. [*]Never use div id's, there's a lot controversy that surrounds reasons as to why and why not but the most common and accurate reason is because it slows down page loading (i think). [*]If your using a flat color, in this case your arrows just to the right of your images, never use an image, just use a hex color code. If you need to use an image instead of a flat color for some crazy reason, i suggest learning up on how to code css image sprites. Basically, a sprite is a giant collage of all the different images used on your site compiled into one using css background-position to define the different background image positions. Not only does it increase loading time but it makes all the images on your site to load at the same time so you don't get messy page loading. [*]Use equal padding, for example in your navigation bar, there is more padding at the top of the bar than there is at the bottom, things like this can make the template look extremely messy. In this example i took a look at your code and noticed your defining 4 different sizes for the padding when you could just use "padding:20px 15px;" because the left number is defining both the top and bottom padding distances and the right number defines the right and left distances, keeping it equal. [*]Put padding on the content boxes. [/LIST] I could go way more in-depth with this but its getting quite long so ill stop it there, giving you the most important things to think about. If you need more help just let me know. [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Software Development
Programming
Website Design
Templates
SlimarSleek | Free | Release |
Top