I am looking for a CSS3/HTML5 expert to help convert a mockup design of a webapp to to modern/standard responsive HTML5/CSS3 for desktops/ipad. The existing design is for a webapplication and consist of 7 overlapping mockup images in .PNG format that should be hand-converted to modern, clean, high-quality and commented HTML5/CSS3 with max usage of CSS3 (for example rounded buttons in the design must be styled using CSS3 rather than being images and HTML should use the new semantic markup tags rather than just divs). In addition, SVG and custom fonts can be used if needed.
The result should work in latest version of Chrome(most important browser) and Safari (Mac and iPad) and Firefox at various resolutions from small 1280x1024 screens to 5K screens (responsive design - no fixed pixel widths of screen elements). There is no need to support older browsers like IE. Thus, you can even use brand new CSS3 stuff like CSS variables. There is also no need for small screens (no mobile). Standard features rather than browser-specific directive and hacks should be used (please discuss if there are problems).
I am a programmer myself (but not an CSS3 expert) and need something of high quality that I can maintain and continue working with. It is this not enough that the result technically works - the produced HTML5/CSS3 must also be good structured, commented and otherwise of good quality that can be easily understood and maintained! I will reject work that are implemented badly even if it works.
Examples, of something that is implemented badly (and I will reject) is using fixed images for buttons where a CSS3 styled HTML5 button could be used, badly named CSS3 styles, inline styles in HTML, long redundant stylesheets, missing comments, using divs/spans rather then new HTML5 elements like footer, header and section, using old style IE styling tricks to define columns rather then CSS3 methods etc.