Web developer checklist before launching your website

website_checklistMost websites have writers, web developer, marketers, search engine optimizers, and network administrators coming together to create the site. These same people can help test it. Here’s how.

Favicon : Favicons are those little iconic images that show up in the address bar and tabs of your browser.

Titles and Meta Data : Your page title is the most important element for SEO and is also important so that users know what’s on the page. Make sure it changes on every page and relates to that page’s content.

Cross Browser Compatibility : Check to make sure the pages render well in common browsers.

Spelling, Grammar, Punctuation : Check for proper spelling, typos, and grammar site-wide.

Links : Make sure all internal and external links working proper.

Images : Make sure all display text renders on the image when you hover over it (the alt and title attribute). Make sure the images display correctly.

Validation : W3C valid code is the one thing you can do prior to launch to have some confidence around a search engine spider being able to crawl your site.

Analytics : Installing some sort of analytics tool is important for measuring statistics to see how your website performs and how successful your conversion rates are.

Sitemap : Adding a sitemap.xml file to your root directory allows the major search engines to easily index your website.

404 Page : When a 404 error occurs, make sure you have a custom page to help your visitor find something else of use, even if it wasn’t what they were looking for.

Site Speed : Check the size of your page sizes and their load time.

Forms : Check all forms Validation and its functionality

Web Design Trends for 2013

Today we’re doing a review of the end conclusions, where we will identify and analyze 10 of the key trends.

All these things and more are explored in our 20 must-know web design and development trends for 2013

What will be those key trends?

  1. Content first
  2. Simplicity of design interaction and content
  3. UX Centered Design
  4. App style interfaces
  5. The Inification of Desktop and Mobile into a Single version
  6. SVG, Responsive Techniques and Retina Support
  7. Flat color and No more skeuomorphism
  8. Whitespace & Minimalism
  9. Adopting HTML5 in favour of Flash
  10. Larger fonts, larger headings
  11. coding languages (as in HTML/CSS/Javascript)
  12. Fixed Header Bars
  13. Minimalist Landing Pages
  14. Large photo backgrounds
  15. CSS Transparency
  16. CSS3 Animations & Interactive
  17. Social media badges
  18. Infinite scrolling
  19. Homepage feature tours
  20. Sliding panels
  21. Parallax design
  22. Technology Agnostic
  23. Experimentation and innovation in device sensors and interaction
  24. The internet of things
  25. Digital QR Codes
  26. Mobile Navigation Toggle
  27. APIs and Open Source
  28. Deep Box Shadows
  29. Single-Page Web Design
  30. Circular Design Elements
  31. Large, large call to actions and buttons
  32. Leaner, performance-focused websites
  33. Loading screens