Tag Info

New answers tagged

0

You can either achieve (customize) that from a basic bootstrap template for your favorite CMS (because this kind of design is very basic and common), or pick a template like Strapped (really basic, require some work), or Creative, MeetGavern, or Simplicity, from GavickPro (www.gavick.com) for Joomla.


0

These three websites doesn't have a particular template for code. This is not because they have a similar rendering (full screen rendering...) that they use a template like a CMS or something else.


2

The problem here is that you're not setting a relative width for the background. You are positioning it, but not setting the width. You can set the size by using the background-size property like this: .newheader{ background-size:100% 100%; } or to combine with the other background properties: .newheader{ background:url("../img/slide1.jpg") ...


4

I would say try using media queries first. One method I found easier when dealing with a design that was originally only for desktop was this: Start with two separate stylesheets. One for the new responsive design, and the other for the old desktop version: <link rel="stylesheet" media="screen and (max-width: 959px)" href="css/mobile.css"> <link ...


3

I worked on a site that used that method, and I had problems with screen rotation on mobile devices. Since JavaScript will only detect once on page load, if the user rotates the device it won't expand to the full width the way it will with media queries. It was easier for me at the time just to switch to CSS, but perhaps a JS expert would know if there's a ...


3

Responsiveness and "appear correctly on smart phones" are completely different tasks. Presumably, responsiveness refers to eliminating--where possible--extra round trips to the server. Error checking, Ajax to retrieve requested data, and dynamic DOM manipulation are the tasks that typically improve responsiveness. The use of JavaScript (or JavaScript ...


1

We used to used the popular 960.gs css framework for our sites. We wanted to make it responsive. Someone had made a JS based responsive plugin for the 960 gs so we thought hay why not just use that as we would not have to make any changes to the structural site templates. It worked but was laggy in most browsers including the good ones. You would ...


12

Sure. Obviously, it would be better to use CSS alone but if you can't, use what you have. Do as much as you can with CSS and use JS as needed. Not sure why you can't change the existing CSS but you can add a style sheet with JS. (function() { //create a new element var newStyle = document.createElement("link"); //set the required attribute for a ...


1

It shows OK on my iPhone. I checked the demo page of this theme (justblue) on my phone and the only major difference I noticed is the non-responsive adsense block on mobile causing some trouble with responsiveness. You can try disabling that block for mobile devices or using a responsive block instead.


3

If the PC and tablet are on the same network, it is possible. All you'd need to do is use the IP address of the PC to access the site. So instead of accessing it via localhost (as you would on the PC), you'd access it via 192.168.1.2 (example). If the devices are not on the same network, it's still possible to access the PC with the tablet if you setup ...



Top 50 recent answers are included