Stockholm University

http://www.su.se/english/

Really dig into the main “hero” area and main navigation and look at the screen size changes that they’ve designed in. The changes regarding the site search are very interesting. Going from displaying the search form field to just an active button/link to a search page is something I like. They keep a lot of the interaction in place from the wide to mobile sizes too, some of it loses me but some of it is very nicely done.

2 Comments

  1. Pewee

    I think this was a very bad example, responsive yes, functional yes, but not very inspired. You’ve also tagged it as @fontface, Verdana, Georgia and Courier are the only fonts in the CSS and all other instances of the Slab serif as in the banners are all images. I mean look at the buttons, single gradient images, no border and not even a cursor:pointer;.

    I’m not saying it’s bad but not worthy of a mention on UMS in my opinion. But yeah, I guess it is responsive…

    Reply
    • Gene Crawford

      Dang, fixed the @font-face tag, not sure how that slipped on there.

      I’d disagree on it not being worthy, clearly, that’s why I put it in the gallery. Like I wrote and like Ethan says I liked looking at the adaptive changes in the search, navigation and slideshow areas most. I think you can find inspiration in more than just the look and feel of a website too.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

The Essential Guide to Getting Started on Freelance Writing

The Essential Guide to Getting Started on Freelance Writing

Explore the lucrative and fulfilling world of freelance writing with our essential guide. Learn about specialties like blogging, social media, article, and technical writing. Build a portfolio, find work, set up your business, and discover the potential earnings. Embrace the freedom of working from home and follow tips for success in your dream career.

Securing Your Website: A DevOps Security Checklist

Securing Your Website: A DevOps Security Checklist

Learn how to secure your website with a comprehensive DevOps checklist. Dive into SSL/TLS encryption, password practices, and more. Discover the power of Content Security Policy and safeguard your online presence effectively.