Tag: Responsive Design

25 Sliding Hamburger Menus for App UI Inspiration
All PostsInspirationWeb Design

25 Sliding Hamburger Menus for App UI Inspiration

Smartphone mobile apps have taken the design world by storm. Even most web designers have taken a liking to app design by learning the common dimensions and interface elements of Android and iOS devices. One such example is the sliding drawer menu, also putatively called the hamburger navigation.

While these sliding nav menus are not perfect for every situation, they do provide an exceptional solution for applications with a lot of content. In this gallery I’ve put together 25 examples of stunning hamburger-style menus of all shapes and sizes. Whether you’re designing a new application or just trying to understand the creative process these examples will prove to be quite inspirational.

Read More
10 Useful Time Saving Responsive Frameworks
All PostsCSSHTMLWeb Design

10 Useful Time Saving Responsive Frameworks

The time spent building a new web project can be greatly reduced if you choose to use a prebuilt HTML5/CSS framework.

A front-end framework can provide you with tons of prebuilt web elements such as responsive grids, JS sliders, complex menus, model windows, icon fonts – pretty much everything you may need to get your website up and running fast.

Here are ten useful, time saving web design frameworks that you should bookmark for future use in your projects.

Read More
Fat Fingers: A Look Into Responsive Navigation Trends
All PostsInspirationWeb Design

Fat Fingers: A Look Into Responsive Navigation Trends

Often when browsing a website on my iPhone I am impatiently zooming in and out trying to make use of their standard non responsive menu, this often leads to some clumsy fat fingered iPhone stabbing which only results in me being taken to the wrong page anyway.

When creating your website, in a majority of instances you would take the decision to make it responsive on all screen sizes so the website still provides a great user experience, no matter if the user is on an iPhone or a small tablet device.

A decision you need to consider in the early concept stages is how best to present your website menu structure to your user. Depending on the menu size and hierarchy will influence how you decide to present your responsive menu.

Today I wanted to take a look at a couple of different ways responsive websites are presenting their menu structures to mobile and tablet users, helping in the fight against fat fingered navigation errors.

Read More
All PostsWordPress

20 Pixel Perfect WordPress Gallery Themes

Gallery based WordPress themes provide a great way to showcase products and personal work, gallery themes are also great for starting your own niche focused WordPress gallery of items, as an example logos, designs, or photography compositions. Today I have selected 20 of the best WordPress gallery themes you can use to create your on WordPress powered gallery. Some themes are also responsive which means the actual gallery items adapt and re-order, depending on screen size or device the gallery is viewed on.

Read More