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!
In the past few years the rise of mobile devices such as iPads, iPhones and other smart phones was extremely huge and that was the reason why responsive web design started to play more and more important role in the design industry. But what is the responsive design you will ask.
The idea of responsive web design, started by Ethan Marcotte, is that our websites should respond to the device that our page is shown on by adapting their layout and design to fit any device resolution. In his book “Responsive Web Design” he outlines the three parts to a responsive website: a fluid grid, fluid images and media queries.
In this post I would like to share 15 useful responsive design tutorials to help you get started with responsive designing including fluid grids, fluid images and media queries.