Marked up the wonderful web designs designs in HTML for The Art of Service, a website set up to market a hospitality board game by Michel Roux Jnr’s co-host on the BBC2 series about service and hospitality, ‘Michel Roux’s Service’. From the site, ‘The Art of Service board game is a training tool for restaurant and hotel owners, F&B directors and hospitality lecturers’.
Posts Tagged ‘user interface’
Converting a Design to a WordPress Website
Thursday, December 17th, 2009There doesn’t appear to be too many psd to HTML tutorials on the net, so I thought I’d write one. Given the popularity of the WordPress blogging software, I’ll code the design up for WordPress rather than a static HTML site. To reiterate, this is about taking a design (in whatever format), slicing it up in Photoshop, or similar (Gimp), then applying the CSS to the HTML. WordPress features intuitive markup, so I’ll base the HTML around theirs.
Simple jQuery Drop Down Menu
Wednesday, December 16th, 2009Jquery’s a phenomenal JavaScript library that greatly reduces the amount of JavaScript required for front-end user interface interactions and utility tasks. As a quick introduction to the wonders of jQuery, I’ll demonstrate how simple it is to build a dropdown menu. First off, the HTML:
<div id="page">
<div id="content">
<ul id="menu">
<li><a href="#">About Us</a></li>
<li><a href="#" id="show">Services</a></li>
</ul>
<ul id="service-options">
<li><a href="blinds.html">Products</a></li>
<li><a href="curtains.html">Testimonials</a></li>
<li><a href="interior-designs.html">Contact Us</a></li>
</ul>
<ul id="menu">
<li><a href="#">Products</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div><!--page ends-->
