As the current trend is to make website compatible with all platforms like desktop, tablet and mobile..etc, Responsive Design technique comes into the picture. Using it, the website adapts the layout to the environment that it is being viewed in. In this post, we will make ASP.NET gridview responsive using jQuery FooTable plugin. It hides certain columns of data at different resolutions based on data-* attributes and converts hidden data to expandable rows. First, I recommend to read this post to understand how it works.
Showing posts with label Responsive Design. Show all posts
Showing posts with label Responsive Design. Show all posts
Tuesday, August 6, 2013
Sunday, July 28, 2013
How to Create a Responsive Website in About 15 Minutes
The buzz around responsive design has been going on for several months now, and a lot of websites are already responsive, or underway. You know what that means? Today I will teach you how to create a responsive website.
If you follow 1WD on Facebook or Twitter, then you already know that we’re already preparing for an explosive design, which includes being responsive. Watch out for it!
- Tutorial Level: Beginner
- Skills Required: Basic knowledge in HTML and CSS
- Completion Time: Approximately 15 minutes
- Warning: this tutorial is targeted towards beginners, but it can also be for designers and developers who want to have fun!
By the end of this quick tutorial about responsive design, you will already be on your way to web stardom, and by that I mean you’ll be ready to convert and create responsive websites!
Are you ready? Show me your war faces! Roaaar!
Preparing for the Responsive Website Tutorial
I promised that it will only take about 15 minutes to create a responsive website, and I will hold true to my words. Only, we shall start slow and small. We will start by creating a simple single-page website. Cool? Okay!
Subscribe to:
Posts (Atom)