WHAT CLIENTS WANTED
DETAILED METHODOLOGY . . .
CHECKLIST FOR SITES
Responsive Web Design (self-transforming)
Since last year, RWD is the most important trend in web design! RWD is the art of developing a website that won't just look and work great in all browsers (including mobile 'Android' browsers) but also on PC, iMac, Notebook, Netbook, Kindle, iPad, iPhone, Galaxy Note, Galaxy Nexus, paper printout, and other formats that may be on the market soon. RWD isn't the old "fluid / elastic design" or "dynamic webpages", it's a new technique that includes "mobile first" and "design for touch". Some sites already have more mobile device visitors than visits from desktops.
— Slowly resize your browser window to see my own RWD in action! The 4 pages all function in different ways (Work / Kudos / Profile / Articles). Or test any web site with the test for Responsive Web Design.
As an RWD concept, this site GREG.CH is a reference — it works for top/sub navigation, a different submenu selector on smaller screens, 3- and 4-column layouts, full-page auto-reflow (see page "Reactions"), and is a bi-lingual site.
Use modern method (jQuery/AJAX, Sprites)
A modern site is built with modern technologies and techniques, not old ones. Only the standard combination of HTML5, CSS and jQuery shall be used. The perfect site contains no "Flash" multimedia because Flash is a dying format and won't work on iPads and iPhones. A perfect site is completely hand-coded — top developers don't use Dreamweaver and similar editors but write all code by hand and from their mind (PHP5, HTML5, CSS3, SQL, JS, jQuery, AJAX). The perfect site contains CSS Sprites (consolidated graphics), Font Embedding, and a web server delivery system like CloudFlare. The site's content is compressed, the CSS is generated via a PHP program. The perfect site runs on a self-written, custom-made CMS Content Management System and uses no templating systems because that's all unnecessary overload. Only the top 1% of web developers have ever built a perfect website.
Page text and SEO error-free / multilingual
When I look at websites or consult my customers on website development and design, I usually find a lot of typing errors. The web is full of them, however, a perfect site never has a typo. Also, it uses "SEO Copywriting" – the art of unobtrusively integrating all relevant search keywords and keyphrases (also clusters) into the body text. Finally, all websites written in German language should also contain an English version – always remember that the web is "world wide" . . .
Passes quality tests, valid HTML/CSS/WAI
How good is the developer's craftsmanship? If they made errors while building the website, it will not pass the 3 official quality tests. A perfect site passes the HTML5 test (avoid the old XHTML!), the RWD test (screen formats) and the Cynthia test for WAI accessibility, without any error shown in any of the 3 test results.
Fast, compressed, few web server requests
Number 1 in Google for primary keyphrase
When testing the quality of the SEO with the website's primary keyphrase, a perfect site will be number ONE in Google. Only this will prove the SEO skills of the web developer and proves that they understand Search Engine Optimization, an often misunderstood art mastered by only a few good developers – while all others just talk a lot of nonsense.
SERVED ALL CONTINENTS
© Copyright Gregor Lemmenmeier — WEB www.greg.ch | EMAIL firstname.lastname@example.org | PHONE +41 43 321 11 01