Correct UI/UX user interface/user experience development in HTML5, CSS and jQuery
HTML5 has 28 additional tags and some new techniques so it should be used today. Also, all browsers support it: Chrome, Firefox and Safari. For Internet Explorer 7 and 8 (IE 6, too) you can just add to the head following code and they’ll be also HTML5 browsers:
<!–[if lt IE 9]>
Cross-browser compatible. Although we hate Internet Explorer the website must look like the PSD file from designer unless designer haven’t used web safe fonts with cool shaddows, Photoshop sharp, shaddow etc. effects as various browsers deal with font rendering differently.
Mobile version of the website is something that still most people leave for future to cut costs but the future is today! How many of your friends and business partners use mobile devices? Android and iOS users’ percentages grow in all websites’ Google Analytics every day!
Some technical must be’s:
- Code must be UTF8 and W3C valid HTML5 or HTML 4.01 Strict. Only very out of a box JavaSctipt IDs get in conflict. W3C validness makes it more likely to appear in same way in all browsers and it’s also SEO friendly. Of course beautiful HTML is anyway SEO friendly!
- Only single CSS file! Different media types can be declared in one stylesheet.
- Inside the content areas there shouldn’t be any <div> tags. In CSS must be defined the style of titles (h1, h2, h3,…), <p> paragrapgs, tables and images. Paragraphs can have classes if needed.
- All menus must be with clean <ul>, <li> tags.
- Use <dl>, <dt> and <dd> tags for lists where needed.
- For quotes use <q> or <blockquote>.
- Always <em> and <strong> for emphasis – don’t make text bold or italic instead.
- Use semantic markup.