How To Build an HD Photo Gallery using Schema Microdata

by Jake Rocheleau

January 28, 2013 in Tutorials

There are plenty of benefits for developers who add Microformats or Microdata into their HTML markup. Search engines like Google or Yahoo! often look for this extra metadata when crawling new webpages. You can offer helpful attributes for text and media on the page, along with other information about people, businesses, ideas, projects, practically anything.

In this tutorial I would like to introduce Schema microdata as applied into an HTML5 image gallery. The dynamic content is powered by a small bit of jQuery so we can display thumbnails and the full-scale image as well. The codes here may be copied and ported into various other layouts for displaying lightboxes or streaming video. It’s a fun topic and offers a lot to those interested in learning!

schema microdata html5 photo gallery tutorial preview

Read More

44 Exhilarating Dark-Themed Website Designs

by Jake Rocheleau

January 17, 2013 in Designer Showcase

I have always loved the dark website layouts when designed properly. These often influence other areas of content within the page as it all must conform to a darker color scheme. Websites who go after this technique are often following a related niche which fits the design style. But don’t feel limited based on your current website!

Personally any website design could be updated to include a more darker-themed layout. I want to use this showcase as an inspiration for web designers looking into dark color schemes. Check out the content on each page which includes text, images, and possibly dynamic widgets. There is a lot to consider within this collection, but I hope these examples may provide a spark of creative energy to web designers everywhere.

James Garner

illustrator portfolio website studio layout design

Read More
Page 71 of 236« First...6970717273...Last »