Posts Tagged ‘Responsive’

Responsive mail app UI – HTML


Responsive mail app UI - HTML

A responsive mail app UI coded with HTML, CSS and few lines of jQuery. A snippet by Nicklas Sandell.

The post Responsive mail app UI – HTML appeared first on Freebiesbug.

40 Beautiful and Effective Responsive Navigation Menus


Ease of navigation is one of the biggest keys to the usability of a website. If visitors can easily find what they are looking for they will be more likely to stay on the website rather than leaving and going to some other site. Effective navigation can help to increase pageviews, improve the user experience, and even increase revenue and profit.

As more and more users are accessing sites via mobile devices, responsive web design has continued to increase in popularity. One of the challenges of designing and developing responsive websites is to create a user-friendly navigation menu that works equally well for visitors on all types of devices.

While a few years ago navigational menus were a primary visual element in almost every web design, many responsive websites are now opting for a navigation menu that is much less dominant visually. These sites typically use a familiar icon of 3 horizontal stripes to indicate that a menu will be opened on click. Of course, this is only one approach and other websites use totally different approaches.

In this post we’ll showcase 40 different navigation menus of responsive websites. This will showcase many different styles and approaches, and should provide some inspiration that can be put to good use in your own design and development work.  The best way to experience these navigation menus is to click through and see how it works in the browser.

Grain & Mortar

Grain & Mortar

FlexGRID – A light responsive grid system


FlexGRID - A light responsive grid system

FlexGRID is a new mobile-first, responsive grid system, baked with equal column height goodness. Released by VolumeThemes.

The post FlexGRID – A light responsive grid system appeared first on Freebiesbug.

Is Responsive Design Still King in Today’s Mobile Age?


Asking the question, “Is responsive design still king in today’s mobile age?” requires some explanation. The first bit of information necessary for this question to make sense is the fact that mobile device use has increased exponentially in the last few years. According to an infographic from DigitalBuzzBlog, in May 2011 only 35% used a smartphone and 17% still had no cell phone, but by May 2013, these numbers had increased to 56% smartphone users and only 9% without a cell phone. In fact, mobile web use is growing 8 times faster than use in the 90′s and 2000′s. And half of average global mobile users access Internet primarily or exclusively on a mobile device. So a website that works for a mobile device, which include tablets, is necessary for any company to remain accessible and competitive today.

ImageLightbox.js – Responsive and touch‑friendly plugin


ImageLightbox.js - Responsive and touch‑friendly plugin

ImageLightbox.js is a new lightweight, responsive and touch‑friendly lightbox plugin released by Osvaldas Valutis.

The post ImageLightbox.js – Responsive and touch‑friendly plugin appeared first on Freebiesbug.