Responsive Web

886

Solutions

5

Articles & Videos

948

Contributors

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Related Topics

  1. Web Development
  2. CSS
  3. Android
  4. HTML
  5. JavaScript
  6. jQuery
  7. Web Languages and Standards
  8. iOS
  9. iPhone
  10. Smartphone Programming
Refine results

Hi Experts,

I took a CSS course, and was thought that when designing a website with @media breakpoints, start from the smallest (mobile) and work up to tablet, desktop, etc... Is there a specific …

516 views
Free Tool: Postgres Monitoring System
Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Been struggling trying to get the Book Today button next to each room description to display to the right of the room fee.  Button is from a plugin called MaxButtons. Hoping someone can assist.

1034 views

Is Windows Xamarin the next great tool for Cross platform mobile development? What are the alternative tools available and their advantages?

Is jquery mobile another great tool for Cross platform …

954 views

We currently develop mobile applications. Our QA testing process is very manual and involves having a team utilise physical devices with the applications loaded, and test on them.

I understand …

272 views

We created website for client using their OLD host.  Then I did not have access to ftp login so was unable to make backup of site.

So, today, site freaks out and I am in a pickle.  It looks like …

952 views

Hi,
On this site here http://barefruit.com.au/dev/ you can see the header slides with the content, but on follow on pages, like http://barefruit.com.au/dev/about-us/ the header stays put.
How do I …

540 views

Hello,
I'm having quite a time manipulating some styles on this particular phone. I've even tested the S7 on Browserstack and it looks fine. However, on my client's EDGE he's seeing a large gap.

368 views

Hi,
On this site her http://tchp.com.au you will see when you make it mobile the phone number on the right hand side crumble in.
How can I fix this header to be responsive and to also make it so …

244 views

Might seem like a stupid question, but I'm not having a ton of luck looking around and have some crazy deadlines right now.

Have any of you used a jquery/responsive photo gallery that looks kinda …

136 views

The template inserts one quote mark in the testimonials area.  Can't seem to figure out what is calling it using Inspector.  I assume it is a background image.  We either want to get rid of it or move…

666 views
Free Tool: Port Scanner
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

I'm trying to get a 1200px page to display in a Samsung S7.  Since the S7 has a 1440x2560 screen I would expect the page to display fine,  but all I see is about the left quarter of it,  with no …

3119 views

Hello,

If I want to make my own social media website with new features where do I go majento? And if so, which template do I use and what scripting languages do I learn?

Need to make a …

2107 views

Beta site link
http://bb0.036.myftpupload.com/

The slider/animation has text which you can see when you place your mouse on right edge of animation.  The text is not resizing nicely for phones.  …

572 views

Hi Experts ,

Can you provide Beginners tutorial book or video for storyboard to  Develop UI for IOS ?

Thanks Experts

3113 views

Owning a franchise can be the dream of a lifetime. It provides a chance for economic growth. You can be as successful as you want.  To make your franchise successful, you need to market it successfully. Here are six of the best marketing strategies for franchisees.

0220 views

I am unable to figure out the declaration to fix the h2 tag so that there is a smaller gap between the h2 and p tags on interior pages.  When I add an h2 declaration with 0 padding and margins it does…

160 views

How do I get these  3 images (golf, swim, ride bikes) to float to the right?

http://bb0.036.myftpupload.com/recreation/

(CODE)

569 views

I am trying to remove a border from an element but am having problems determining which element is calling it to display.

beta site
http://bb0.036.myftpupload.com/

There is a very fine, thin …

586 views

I am having a difficult time trying to modify the h2 on "interior" pages of my site and not have it impact the home page.  

beta site
http://bb0.036.myftpupload.com/

4129 views
Networking for the Cloud Era
Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Trying to increase the number of words/characters that display in the 4 thumbnail boxes below the slider.  Using template monster theme real estate 24.  i contacted template monster for support and …

689 views

I want a responsive 6-button interface. I get just a solid vertical line of buttons. To go on www.youthdiapers.com

(CODE)

(CODE)

295 views

How do we responsively float right this video like an image is responsively floated right to the right of text? (The only video on this page, moving it down and to the right of the text below it).

1592 views

Is the Chrome plugin "Browserstack" the best tool to use to test/emulate different devices or is there a better tool?  Free is always good.

6100 views

Trying to remove the "since 1950" from the right header area on smaller screen sizes.  This is from the Header Right widget in Studio Press' Metro Pro theme.  I added the below code but it doesn't …

15127 views

Not sure why logo in upper left is getting cutoff on tablet in landscape.  The logo measures 341x119.  

Screenshot
http://screencast.com/t/yo0rS8pEK7a

Site
http://36a.ed7.myftpupload.com/

I…

30143 views
Show more content
201506-LO-Top-001

Responsive Web

886

Solutions

5

Articles & Videos

948

Contributors

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Related Topics

  1. Web Development
  2. CSS
  3. Android
  4. HTML
  5. JavaScript
  6. jQuery
Top Experts In
Responsive Web
<
Monthly
>