Responsive Web Design - who uses it?

I am very interested in utilizing responsive design to develop client websites. In order to show "respectability" to convince my clients, I am wondering who in the corporate world has used this design style. Do you know of any "big" players who have pioneered this technology trend? Also, do you have comments on it's validity?

Http://www.bostonglobe.com
Http://www.Starbucks.com
Http://www.Bbc.co.uk (http://www.bbc.co.uk/blogs/bbcinternet/2012/03/news_mobile_responsive_design.html)
Http://www.smashingmagazine.com
MIT just released a site with RWD as well.

Similar Messages

I have recently had to fire my web designer who was using iWeb. Now I'm trying to figure out how to get the site to open in iWeb on my new MacBook Pro. Is there a way?

I have recently had to fire my web designer who was using iWeb. Now I'm trying to figure out how to get the site to open in iWeb on my new MacBook Pro. Is there a way?

Firstly iWeb CAN'T IMPORT any kind of published html code as it has no import facility. You can however add html code, javascript and css by selecting the html snippet and placing it on your page the entering the code in here and clicking on Apply. You DO NOT create a shape as you say - you use the html snippet and place your code in there.
There are not really a lot of ways in which you can write code - if you want to enter small amounts of code, then you would use an ordinary text editor to do this such as Text Edit on a Mac or Text Wrangler. If you want to add code to iWeb like this, then you would either use the html snippet method in iWeb itself or you would have to publish the site to a local folder from iWeb and open the relevant html page with a text editor and add the additional code in this way and then publish. However, if he decided to add the code with a text editor, then you would have to upload the pages directly to the server using an ftp client - if you try to upload the site directly from iWeb, all the extra code will be overwritten.
As for checking whether the site was created using iWeb, all you need do is view the site in Safari and then click on View and then select View Source Code and it will tell you.
Even thoough extra code was added to the site and he might well have done this by publishing to a local folder and adding the code with a text editor, he should still have the domain file for the site too.
Ask again. I'm sure that for adding quick code, most would not want to use programmes such as Dreamweaver, but a simple text editor will suffice. As OT already said, if he claims that he does not have the domain.sites file, then try Flux 4 which is a web design programme and has full import facilities. At least this way, if he just gives you the published version of the site, you have some way of opening it.
You can download a free trial of Flux 4 and you can also purchase the full version from the Mac App Store if you decide you like it.

Responsive Web design

The Muse site of the day "Trust Financial, United States" is a responsive design how is this accomplished in Adobe Muse? or have they made a tablet and phone site that when you shrink down the desktop browser its automatically filling the space for tablet and phone?

You can watch this tut. from Lynda.com
http://www.lynda.com/Muse-tutorials/Muse-Essential-Training/89048-2.html
Very useful Tut by James Fritz for Making Responsive Web Design for Desktop, Tablet & Phone.
hope that helps

Has anybody modified the Aperture Web Themes for a Fluid Grid or Responsive Web design

I have had some experience modifigying Apple's WebThemes inside Aperture in
Aperture.app/Contents/Resources/WebThemes
I would like to create or modify an existing Web Theme in order to have my site follow the Fluid Grid principles of Responsive Web design.
Has anybody done this who would like to provide some advice?
Thanks, in advance.

Hi jonfreed77,
People facing similar issue, posted following resolution in another thread recently.
Please give it a try and confirm if they work for you.
8. pcepp,
20 Jun, 2013 8:24 AM in reply to pcepp
Report
I found a solution that worked for me.
I removed all the fonts that Adobe CC installed out of my Library:Fonts folder and just left in the Apple Basic fonts like Arial, Courier etc... Launched Dreamweaver CC and the CSS designer panel works. I have no idea exactly which font it is, or creating the conflict. All I know is that it works great now.
|
9. dogdog63,
20 Jun, 2013 10:11 AM in reply to dogdog63
Report
very strange - I installed Illustrator CC and then I had no more problems with Dreamweaver! No more crashes when close or create files and no more problems with the CSS designer. Error messages during create fluid grid layouts are also gone ...
Michel:
I think I figured it out on the Mac. Be sure that Verdana is activated in Font Book. What tipped me off to this was a warning I was receiving when trying to open After Effects. It was saying that the program needed Verdana for the user interface to work. I thought that maybe Dreamweaver needed Verdana too. Sure enough! Hope this helps you guys.

Weblogic Portal with Responsive Web Design

Hi All,
Did any body used CSS3 Media Queries (Responsive web designing) in Weblogic portal like for layouts,jsp's etc.,.
Thanks,
Venkat Sarvabatla

Here is the link:
http://www.destiny-seminars.com/dev/index.html
The dev directory contains:
index.html
contact.html
speaking.html
training.html
about.html
The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest. Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
normalize.css
timothy-hartwell.css
webflow.css
Please help!

Problems with Responsive Web Design

Not really sure how to ask this, but here we go. I am new to responsive web design; always worked with html coding and tables like in Front Page. I have the concept down of sections, then containers, then columns if needed to place my content and images. Several times in my process, I get a page done or nearly done, and then later on, my text or images re-arrange themselves and overlap themselves. In other words, the text layers itself on top of another text. The two images below were laid out perfectly just a little while ago.
The max width of all containers on the page is 940px. It works great, until it doesn't I have not changed any margins or anything to make this “overlapping” of objects occur. I get satisfied with a page, and all the sudden, magically it screws up. What am I missing here? If I highlight the container, it shows a margin on the left of 342px, and a margin on the right of 343px. Looking at the CSS Designer however, these numbers do not show up. Only the 940px. I am not changing the CSS either prior to this event happening. This occurs whether in IE or Chrome.
In this first image, the red breadcrumbs started out being parallel with the search feature, and should be in the gray area. The gray menu text, was in the white area above the gray bar when it looked right. Both sets of items (i.e., red breadcrumb and search feature are set in two columns. Each column with is 50%.
In this next image, the items in the black bar were side, by side. Now they are not, and I did nothing to them or the stylesheet. The mail image column is 8.333%, the join text is in a column that is 25%, and the join us form is in a column that is 66.666%.
Hope this helps you help me! Very frustrated.

Here is the link:
http://www.destiny-seminars.com/dev/index.html
The dev directory contains:
index.html
contact.html
speaking.html
training.html
about.html
The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest. Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
normalize.css
timothy-hartwell.css
webflow.css
Please help!

Device Channels vs. Responsive Web Design

When to use Device Channels?
When to use Responsive Web Design?

Device channels are used when we want to make our SharePoint site viewable on mobile devices. Though Responsive Web Design also does the same thing by making the design fluid enough to be adjusted based upon the mobile device.
But the major difference here comes when we want a different design on different devices. Like for example, we want that in the desktop version we want to see a banner image on the site home page but in mobile we don't want that banner image to show. Or
lets say you want different mobile devices like Windows Phone, Android etc show different content then we should prefer Device Channels as device channels gives you a flexibility to target specific content of a site on different devices.
With Responsive design you can hide using css but still those components will be there on the screen and hence they will be loaded on the page. But with device channels, using different device channel panel, they will be loaded only for the specific device
only.
Using Device Channels, you can create different master page and different css for different devices and you only have to create one single page which will be flexible enough to render differently on different devices.
For more reference have a look at the following link
http://social.technet.microsoft.com/wiki/contents/articles/23157.device-channels-in-sharepoint-2013.aspx
Hope that helps.
Geetanjali Arora | My blogs |

AEM 5.6 - Responsive Web Design Device Preview option

Hi,
we have developed responsive web design website in AEM 5.6 and wanted to enable to preview option for various device in the side kick as like Geometrixx Media website and have followed the steps in the below URL for enabling the preview option for various devices using Side Kick and i am able to see the Device and Rotate button but if click device arrow to see list of devices then is displaying empty. Added the necessary configuration mentioned in the below link.
http://dev.day.com/docs/en/cq/current/developing/mobile/responsive.html#Previewing%20for%2 0Specific%20Devices
Any help/guess please
-Sudharsan S

Hi Sudharsan,
It is documented at [1]. Make sure
*   simulator.jsp included in page component
*   cq:deviceGroups set for /etc/mobile/groups/responsive
*   Configure page component in felix console at com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider
[1] http://dev.day.com/content/docs/en/cq/current/developing/mobile/responsive/mediaquery.html
Thanks,
Sham

MOSS 2007-Responsive web design

Hi All
I am having an internet site developed in MOSS 2007. I want to revamp it for mobile application. Is there anything in Moss 2007 like media query or responsive web design?
Please share an article or video url to convert a website to mobile device.
Regards
Jhanani
Janani.R

Hi
My site is publishing portal.. Its an internet site. When i tried to put /m after the site url, it is showing page not found, I tried to actiavete "
-o activatefeature -name MobilityRedirect -URL http://URL"
also not working.
I am not able to find a good sample from the scratch for variations.I am new to this mobile application.
What i am thinking is to customize every page of this site. and for mobile application the url will be servername/mobiledevice/
Can you pls suggest the best way to do this.
for me variation for multi lingual site samples only got,,
Pls help
Janani.R

The first Ask a Pro for New Responsive Web Design tool, Reflow 2/22

The new Responsive Web Design tool – Reflow – is out.
When: Friday, February 22, 2013 – Noon Pacific Time. Session start time for other time zones are here: http://bit.ly/12D9ILL
Description: Edge Reflow preview has just been released and now is your chance to see all the ins and outs of this new tool, as well as how it integrates with other Edge tools and services. Join evangelist Paul Trani as he takes you through Reflow and workflows with other Edge tools and services when designing for the modern and mobile web.
Register here: http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=2008488&loc=en_us

The replay of this webinar is available OnDemand: http://seminars.adobeconnect.com/p2l90bhma2n/

Responsive Web Design Survey

The web team at Adobe is conducting a survey related to Responsive web design.
We request you to spare around 5 minutes of your time in providing us the feedback.
Here is the link to the survey : https://adobe.typeform.com/to/ZN5aYk
Thank you in advance.
Best regards,
Rajnish

Do you know when Responsive design will be available? Does Muse support HTML 5 yet? Perhaps dreamweaver is the better choice at this time. Thank you.

Responsive Web Design Framework

Which Responsive Web Design Framework is validated with w3c validator?
[url removed by host]

it should be noted: the w3c validator for html5 are only experimental, you need to try and analyze advantages and disavantages, you need begin to speak the html5 language for see the way to write it, i hope be helpful

Responsive web design. Does Muse do this yet?

Responsive web design, does Muse do this yet? Design once for desktop and mobile, without the copy paste to to other platform.

Do you know when Responsive design will be available? Does Muse support HTML 5 yet? Perhaps dreamweaver is the better choice at this time. Thank you.

Expression Web 4 and Responsive Web Design

I need to know if Expression Web 4 supports Responsive Web Design or what Microsoft package and/or update does. Basically, I just need some product information.

Hi,
The Expression Web forum is here:
https://social.msdn.microsoft.com/Forums/expression/en-US/home?forum=web
Don't retire TechNet! -
(Don't give up yet - 13,225+ strong and growing)

An old web designer who's confused...

Hi all,
I'm a long-time web and graphic designer, having started when
Flash was in version 2 and Dreamweaver wasn't even thought
possible. Pixel spacers and nested tables were (and actually, still
are!) my basic method of site build.
Now that I've installed CS4, my world's a bit upside-down...
no more ImageReady, and everything is CSS based. I know CSS is now
a necessity (I understand the text styling side of it)... but as
for layouts...
Can someone confirm this process for me? I believe now things
go:
1. design website in Photoshop, present to client as single
image
2. take design into Fireworks and create slices (as per
ImageReady) and ALSO set up CSS
3. take HTML file and... do something with it in Dreamweaver.
So what is Dreamweaver used for now? Can Fireworks be used to
CSS code the entire site? At what point in the process do you set
up the overall site structure (traditionally I just work with
single pages)?
This is one of the toughest transitions I've gone through in
my career. I suppose I want to get the basics right before I throw
myself into the tutorials.
Many thanks!

joeyscc wrote:
> I read somewhere yesterday online off the adobe site
about saving in PSD but it
> has limitations and somethings are sacrificed. Trying to
think what they were
> now and where I saw this...but think it was for the
previous version. If the
> CS4 version now has this ability to save a "true" psd
without "any" limitations
> and allowing others to open the file in their photoshop
or ImageReady, then
> that is a good thing. So is this the case now with CS4
FW?
>
Things are much improved in CS4, however - for example -
symbols and
grouped objects will be flattened when you save as PSD -
simply because
PS can't understand the assets. You would have to ungroup
groups to keep
the elements editable, and break apart symbols. Likewise, PS
has no
comparable feature to Pages, so you will need to export each
page as a
separate PSD file.
Vector shapes, vector and bitmap masks, and text are all
editible within
PS (CS3 and CS4). Certain vector fills and blend modes and
some styles
will not transfer over to PS either, because the effect
doesn't exist in PS.
Remember these two applications are not the same. If they
were, there
wouldn't be a need for both, so certain things - at this
point anyway -
just won't translate going from FW to PS. For what it's
worth, IMO that
is a problem on the PS side, not FW. PS still cannot open an
FW PNG file
without flattening the entire document. The FW engineers have
worked
VERY hard to improve integration when importing PSD's into
FW, however.
Many updates have been made to ensure that a PSD design
opened in FW
looks much as it does in PS.
I have no idea how the file will be handled in IR.
HTH
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
.:Author:.
Lynda.com -
http://movielibrary.lynda.com/authors/author/?aid=188
Peachpit Press -
http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
Layers Magazine -
http://www.layersmagazine.com/author/jim-babbage

Responsive Web Design - who uses it?

Similar Messages

Maybe you are looking for