25 Sliding Hamburger Menus for App UI Inspiration

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.

10 Useful Time Saving Responsive Frameworks

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.

Fat Fingers: A Look Into Responsive Navigation Trends

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.

20 Pixel Perfect WordPress Gallery Themes

1-Yin & Yang_1333457509007

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.

Essential Responsive Web Design Testing Tools

responsive-test

During the re-design process of DesignWoop I wanted to make it a fully responsive design (meaning it will re-size depending on the browser dimensions and orientation). I wanted to ensure the site was legible on mobiles and tablets such as the iPhone and iPad, however testing the responsive design as I was coding it was a bit of a problem. During the development process I came across a few very handy responsive design tools to help me test the sites responsiveness on different screen sizes. These responsive web design tools below allow you to test and improve your sites responsive design on various devices, screen sizes and orientations, test your site out and book these testing tools!

20 Responsive WordPress Portfolio Themes

8-Angular Theme Demo | Just another Kriesi.at Theme Demos Sites site_1330675932816

Having a responsive portfolio design means visitors to your website will be able to view your portfolio better on mobile devices and tablets, depending on what device or screen size your visitor is using to view your portfolio, the responsive design will adapt and change providing a better experience to the user. Take a look at this collection of responsive WordPress portfolio themes I have collected, these WordPress themes are great for displaying your work for people on normal web browsers and mobile devices alike.

25 Sleek Blogfolio WordPress Themes

21-Apex Responsive Portfolio WordPress Theme_1329466877744

Blogfolio WordPress themes are a great tool to showcase your writing and your work together making them perfect theme for creative freelancers such as artists, photographers and graphic designers. Each Blogfolio WordPress theme allows you to display your featured work or blog posts in various different formats using stylish sliders and various post formats, some of themes are also responsive WordPress themes which means they will also display your work and blog posts neatly of an iPhone or iPad!