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.
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.
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.
You may be the best illustrator, photographer or blogger on the scene, but if you do not have a quality portfolio to showoff your work items, you may be loosing out on some serious exposure to potential clients. Not everyone knows how to code to the latest HTML5 / CSS3 standards and there is no […]
Creating a responsive design is become a standard nowadays, the rise of people viewing websites on their mobile devices increases the need to serve a responsive layout to the user. In the past I have provided detailed responsive design tutorials and a collection of tools to test your responsive design, in today’s post I will […]
In today’s post I have bought you 25 best WordPress eCommerce themes, the themes are all pixel perfect design, well supported and easy to download and install. As a bonus some of these are also responsive WordPress themes, this means the layout will adapt to suite the browser or device that your user is viewing the site on.
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.
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!
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.
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!