10+ Solutions for Responsive Data Tables

3 anos atrás
Having trouble fitting your tables into a responsive site? They look great on a desktop layout, but look miserable on mobile. The Basics First remove any fixed widths from your markup. Before: [crayon-5a31e25475725025092685/] After: [crayon-5a31e2547572f883721051/] The width attribute is ...

35 Responsive E-commerce Site Examples

3 anos atrás
Years ago, the online world progressed from simple HTML Web 1.0 websites to Web 2.0 websites, which included enhancements like JavaScript and CSS. Today is the era of the “responsive website,” which means e-commerce sites should respond to a visitor’s environment and needs with only minor ...

The 14 best examples of responsive design

3 anos atrás
There’s a reason responsive web design (RWD) is the bee’s knees right now. It epitomizes everything that is UX— from easy-to-use navigation, simplistic and useful design, adaptive orientation and resolution, to lightning fast loading speeds. Using flexible grids and layouts, smart CSS and ...

Creating a CSS-only Responsive Masonry

3 anos atrás
A detailed tutorial to create a pure CSS-only responsive masonry without making use of JavaScript or jQuery. Pinterest has inspired many to do a masonry-based layout on their sites. We have some solid JavaScript alternatives out there to create masonry layouts, but how about using only CSS ...

Can Email Be Responsive?

4 anos atrás
Love it or hate it, there’s no denying the popularity of HTML emails. And, like the web before it, the inbox has officially gone mobile—with  over 50 percent of email opensoccurring on mobile devices. Still, email design is an outrageously outdated practice. Remember coding before web ...

70 FLAT RESPONSIVE HTML WEBSITE TEMPLATES

4 anos atrás
User experience and design is important in determining how people perceive your website and brand. Recently, flat design has seen strong uptake and while many believe it is a passing trend, there are several reasons that suggest it might be part of a bigger shift in digital design. ...

5 Best Responsive Table Plugins & Concepts

4 anos atrás
Displaying data in tabular format is almost inevitable in all data driven web applications. After the advent of responsive web design, there has been many proven concepts for making data tables responsive starting fromChris Coyier’s attempt to convert columns to rows labelled with column ...

50 Best Responsive Website Design Examples of 2013

5 anos atrás
Social Driver’s list of favorite responsively designed websites has returned! Last year we shared our 20 top responsive design picks and now we are back with even more awesome sites. We’ve searched high and low to gather our 50 best responsive website designs and why we think they are so ...

40 Examples of Brilliant Responsive Website Layout

6 anos atrás
Responsive web design become a very popular trend in 2011. It’s likely something we’ll see continuing well into 2012 as designers are beginning to support a myriad of mobile devices. Building layouts for the web can be tough, but inspiration is a huge factor. In this gallery I’ve collected ...

"Mobifying" Your HTML5 Site

7 anos atrás
Introduction Developing for the mobile web is a hot topic these days. This year, for the first time ever,  smart phones out sold PCs. More and more users are using a mobile device to traverse the web, which means it’s becoming critical for developers to optimize their sites for the mobile ...