Simon Doggett (opens in new tab) focuses on UX by day and dabbles in web design and cheeseburger eating by night. He created Burger Anarchy (opens in new tab), a site that reviews and celebrates delicious sandwiches. The site also shares humorous videos of attempts at burger brilliance, such as the ‘Quesaburgilla’.
The Octin Sports font is used with CSS text-stroke, creating the logo and instantly conveying that this is a fun site. Text-shadow is used on the body copy, setting it apart from the textured background. Adjacent sibling selectors are used on paragraphs to apply text-indents. Videos, images, and features adapt to different screen sizes gracefully.
|"We wanted a responsive layout and chose Squarespace as our provider," explains Doggett. "Its responsive image handling and layouts saved a ton of work. Large viewports showcase the details for recipes like bacon-pickle animal-cheese sauce. I wanted it to look really great on big widescreen monitors, hence all that width."
This showcase was originally published in .net magazine (opens in new tab) issue 243.
Like this? Read these!
- Responsive agency websites (opens in new tab) to inspire you
- Great examples of doodle art (opens in new tab)
- Brilliant Wordpress tutorial (opens in new tab) selection
Have you seen a good example of website navigation (opens in new tab) recently? Let us know about it in the comments box below!
