Portfolio: Little Pea Bakery
Web site design and development


Provided:
- visual design
- HTML development
- CSS development
- iPhone and iPad optimization
2-column layout seen at majority of window widths
3-column layout seen in very wide windowsThe Little Pea Bakery site is a fictional site designed and developed for an exercise for my book, Stunning CSS3: A Project-based Guide to the Latest in CSS. The site features a liquid layout, meaning it adjusts in width based on the user’s window size, making it more usable and accessible. Usability and appearance is also enhanced by using CSS3 media queries to change the number of columns, size of images, and other layout details at different window sizes and for different devices, such as iPhones.

Stunning CSS3: A Project-based Guide to the Latest in CSS
Flexible Web Design: Creating Liquid and Elastic Layouts with CSS