Parallax responsive design template needed

I would like to play around with parallax responsive design templates. I would like to find a simple template without all the bells and whistles that come with the major template house's examples of parallax responsive design. Can anyone direct me to examples of clean and simple parallax responsive templates?

While designing Responsive layout we have three css frameworks: Skeleton, Bootstrap and Foundation.
If we are creating CMS Responsive layout (where user can edit using Contribute), is there any way to decide which CSS framework is more preferable for Contribute?
Use whichever stylesheets best support your project goals.
See Using Contribute Tutorials
http://help.adobe.com/en_US/contribute/using/index.html
Contribute Community Forums
http://forums.adobe.com/community/contribute
Nancy O.

Similar Messages

I am having trouble getting buttons to work in Captivate 8 trial version using a responsive design template. Any suggestions?

I have a trial version of Captivate 8 that I am evaluating to determine if it will be an option to replace a software we currently use. However I am having a lot of trouble getting even the simplest of tasks to work using the responsive design template. To troubleshoot I created 2 projects 1st a completed empty project using responsive design and a 2nd blank project using the blank project template. I created an audio file that the button, when pressed, will play. I can place a button on first slide of both projects, rollovers work fine, but in the responsive design project buttons will not work to trigger the action. Is this a known issue in the trial version?

A Blank project is a normal cptx-project, not a responsive project, it has no breakpoint views like a responsive project, it is meant to have always the same layout but on publishing you can choose to have it 'rescale' automatically. A responsive project allows you to create slightly different layouts for the three breakpoint views: Primary (desktop/laptop/landscape on tablets), Tablet (portrait on tablet) and mobile (phones, where the browser has much lower resolution than the real phone resolution). The 'look' of a project, whether it is responsive or not will be defined by the Theme that is the default theme at that moment, and with the default theme colors that you have at that moment. I think in newbie mode the default theme is White (not sure, never used newbie mode). If you choose another theme as default theme, a blank project and a responsive project will open with that theme applied to it. All themes coming with CP8 are responsive, but you can use them also for normal projects, in that case you only use the object styles for Primary view. Each object style normally has 3 versions, for the 3 breakpoint views.

Cannot Import PowerPoint into Responsive Design Template

Hi,
I have a PowerPoint which needs to be converted to a Responsive Design Project. I notice that when I create a new Responsive design project, the Import PowerPoint is greyed out.
Is this normal?
Also if I create a basic Captivate Project, is it possible to convert it to a responsive project if a client decides they require this, without a complete rebuild?
thanks

It is not possible to import Powerpoint slides in a responsive project at all, seems logical to me but will not bother you with an explanation. The technique, programming is so different. The provided themes are responsive, PPT is not.
Same negative answer for your second question, for the same reason. You can use the assets from PPT, but will have to create your own responsive project.
Lilybiri

Edit Responsive Design template using Adobe Contribute

Hi,
I am creating a website which is based on responsive design layout. I am using HTML5 and CSS3 for the framework.
It has 5 static pages e.g. "About US", "FAQ", "Contact US"
My customer wants to edit the content of the page using Adobe Contribute. E.g. want to edit the content in about us or Contact Us.
Now whenever we edit content using Contribute, it sometimes adds styles or <p> tags.
Please advise if we establish the website server in Contribute, can the text will be editable using Contribute CS5?
If yes, what will be its pros & cons?
Thank you
Monica Mandal

While designing Responsive layout we have three css frameworks: Skeleton, Bootstrap and Foundation.
If we are creating CMS Responsive layout (where user can edit using Contribute), is there any way to decide which CSS framework is more preferable for Contribute?
Use whichever stylesheets best support your project goals.
See Using Contribute Tutorials
http://help.adobe.com/en_US/contribute/using/index.html
Contribute Community Forums
http://forums.adobe.com/community/contribute
Nancy O.

CP8 Can responsive design projects be saved as a template?

Can I build layouts in the responsive design three views that contain branding and formatting and then save it as a template for other designers to use?

No, the option Save as template is only available for normal projects, not for responsive projects.
Formatting, objects on master slides, skin editor can be saved in a theme, you don't need a template for that. Be sure to start from one of the included responsive themes.

Need Recommendation on converting existing site to responsive design in ATG 10.1.2

Hi,
We have a site developed for a client which is build using CRS 9.0. We need to convert the website to responsive design using bootstrap framework version 3.4. The HTML prototypes have been design by UI designer using bootstrap. Does anyone have experience in doing similar work and can suggest guidelines/recommendations to make this migration easier/faster?
Thanks

Hi,
Have you had a look at
https://support.oracle.com/rs?type=doc&id=1563355.1
Oracle Commerce and Responsive Design White Paper (Doc ID 1563355.1)
++++
Thanks
Gareth
Please mark any update as "Correct Answer" or "Helpful Answer" if that update helps/answers your question, so that others can identify the Correct/helpful update between many updates.

How do I apply a Design Template to an existing project, and...?

I made some customizations to one of the design templates and saved those changes. I want to have these changes applied to existing and new projects, how do I get this to happen? Also when making the customizations to the design template, I seem to be able to only make certain changes. For Example: The first item is a TEB - I am able to change the success and failure caption boxes but only in regard to style, I can't seem to change the text. It reads "Type success text here." I want that to always read "Correct!" so how can I implement this without have to change the text for each item in the project?
Thanks for your time!
Tami

Hi there
btjra wrote:
I made some customizations to one of the design templates and saved those changes. I want to have these changes applied to existing and new projects, how do I get this to happen?
After you create your design template, you apply it by opening a project that you wish to apply the template to. Then you click the Window menu and choose Design Template.
This opens the Design Template panel. From there you choose a template to apply to your project.
btjra wrote:
Also when making the customizations to the design template, I seem to be able to only make certain changes. For Example: The first item is a TEB - I am able to change the success and failure caption boxes but only in regard to style, I can't seem to change the text.
Indeed you may only apply the visual characteristics. The text is influenced by editing the object later in the project.
btjra wrote:
I want that to always read "Correct!" so how can I implement this without have to change the text for each item in the project?
Thanks for your time!
Tami
I don't think you will be able to influence this. Not with a Design Template. What you can do is create a Project Template with the captions pre-configured. Then you could copy and paste as needed to accomplish it.
You should add your voice to others that wish to see more flexibility with configuring defaults such as what you are asking. You do this via the Wish Form.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Slideshows in responsive design

Making responsiv designs in Dreamweaver has become easy but if you want to make a webpage with a full page slideshow optimized for ordinary screens and high resolution screens (Retina) you must have images of a rather large size. So if you have images that fit eg. the new 30" Apple Retina display an Iphone must download the same images and downsize them to fit the phone display. What I'm concerned of is the pageload time. I know that Muse automatically downsize images in the different layouts but Muse doesn't do true responsive design. My question is then - is it possible to have the same slideshow pointing to different folders with images of more appropriate sizes?
Or is the solution that you make 2 or 3 slideshows on the same page and then in CSS hide (display: none) the slideshow that is not needed? But if an element is hidden, isn't it loaded anyway?
Or are there other solutions?
Best regards Jørgen

Never tried this myself but I guess appending the images using jQuery based on screen width might work: If screen width is more that 500px the appropriate 'desktop' img is appended to its <li></li> container, else a smaller image is appended to it.
Might be a good reason this won't work just thinking off the top of my head. (I don't know if all the images are download when the document is ready or just those that conform to the screen width.) Someone will have a view.
<!DOCTYPE HTML>
<html>
<head>
<meta ="charset=UTF-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
if ($(window).width() > 500) {
$(".slide_1").append("<img src='desktopImages/slideshow_1.jpg' />");
$(".slide_2").append("<img src='desktopImages/slideshow_1.jpg' />");
$(".slide_3").append("<img src='desktopImages/slideshow_1.jpg' />");
$(".slide_4").append("<img src='desktopImages/slideshow_1.jpg' />");
$(".slide_5").append("<img src='desktopImages/slideshow_1.jpg' />");
$(".slide_6").append("<img src='desktopImages/slideshow_1.jpg' />");
else {
$(".slide_1").append("<img src='mobileImages/slideshow_1.jpg' />");
$(".slide_2").append("<img src='mobileImages/slideshow_1.jpg' />");
$(".slide_3").append("<img src='mobileImages/slideshow_1.jpg' />");
$(".slide_4").append("<img src='mobileImages/slideshow_1.jpg' />");
$(".slide_5").append("<img src='mobileImages/slideshow_1.jpg' />");
$(".slide_6").append("<img src='mobileImages/slideshow_1.jpg' />");
</script>
<style>
ul {
margin: 0;
padding: 0;
li {
margin: 0;
padding: 0;
list-style: none;
</style>
</head>
<body>
<div id="slideshow">
<ul>
<li class="slide_1"></li>
<li class="slide_2"></li>
<li class="slide_3"></li>
<li class="slide_4"></li>
<li class="slide_5"></li>
<li class="slide_6"></li>
</ul>
</div>

</body>
</html>

Responsive design mode is showing part of pages and is not showing any optomized pages even in safe mode.

I need to check multiple websites everyday for responsive design. When I open Responsive design mode I am getting full pages on every site, even ones I know are mobile opt. No matter how I scale it everything remains exactly as it is. I have to scale it to the far right to get the whole page. Basically the pages are always in full screen and I'm getting a window that only allows me to see part of a page. It is very frustrating.
Win xp
firefox V28.0
I am not a coder so please keep solutions simple.

From your screenshot, it seems to be working, as that grey bar has appeared at the top (with a link to the mobile version of the site). This only appears when the viewport width is 800px or less. This support website doesn't shrink dynamically (as the viewport gets smaller), but remembers whether your machine has a small screen or not (probably by storing a cookie which is changed when you click the link in the grey bar).
If you are having trouble with other sites, have you tried refreshing the page after resizing? When I have created responsive websites I often have to use JavaScript for a few features, and it simply isn't worth the processing power to make the code run every time the window size changes. Other than that I can't see what would be causing the problem (unless there is other important information you may have missed out)

Responsive Design

Six months ago I purchased Dreamweaver CS6 to have my site more interactive, i'm new to Web Development. I currently ran into a slight IE 7 & 8 comp ability issue with DWCS6 and CSS3.
My computer system is Windows 7 with IE9, so when testing my new site all went well, until I uploaded and learned about Internet Explorer Developer Tools, which has cross browser mode to test IE 7 & 8 versions.
Unfortunately my site shows phone view first, I’m using Dreamweaver Fluid Grid Responsive Design System, which gives 3-layouts, phone-tablet-desktop.
For the past month my reasearch is circling to no avail, I have tried many methods on the net , but none seems to be working.
I have learned that “html5shiv.googlecode.com/svn/trunk/html5.js" and "respond.min.js”
are not working properly with my site ( in IE 7 & 8).
May I humbly request your assistance with resolution to these issues?
www.angelsbyangels.com
Thank You,
mlfa

It's really a waste of time to make a site responsive for old browsers.
The hacks required are not simple and tend to add to an already bloated
approach by Adobe. Concentrate on modern browsers and, of course, mobile
devices.
Unfortunately, there is little consensus on best practices for
responsive design - primarily because the methods are evolving
constantly. It is very easy to happen upon an out of date article, which
is probably how Adobe developed their Fluid Grid monstrosity
But if you have a problem with a particular page, you really need to
post a link to a live page or it will be nearly impossible for anyone to
help you.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Tools
Since 1998

Design Template for a PDF

Hey guys
I need some help!
I need to design a MEDIA KIT for my business, and I need template for my PDF document. I am not very artistic when it comes to graphic design..so I need something to give my content some sex appeal!
Is there sometime of "template" I can upload into my acrobat project and use? Are these usually free? I have done some searching on the adobe site and on google, and cant come up with anything!!
Your help is greatly appreciated!

Hi!
Thanks for the reply!
Maybe I am looking for the wrong program...I usally hire a marketing company to do this type of work, but thought I would cut my costs and try this myself.
I am looking to create a media kit similar to the one attached in this message. I need a VERY simple design template that I can add images and text into. I am under the impression that I can use ACROBAT to create a PDF document (such as the media kit) and that maybe I can start with a template (the outer design of each page with headings etc)
If you open the attached media kit...can you tell what program (if not acrobat) I would need to create a similar document? Is this design made in Photoshop or something?
Thanks so much!!

All or None Responsive Design

Here's the thing - when you have some objects (text boxes) that are responsive, but the webpage they are built upon is not, you can end up with some seriously frustrating issues, such as objects moving from their X/Y coordinates from design to preview to published. If I put something at nX and nY, I wanted it right there in relation to the the page I placed it on. I don't want it moved by x pixels because on page A there was a scroll bar and on page B there was not.
The issue also causes objects to randomly resize and shift even when a scroll bar is not at issue, skewing carefully laid design elements and causing no end of frustration.
So, if, as I've read here and elsewhere, Muse has no intention of creating responsive design for whole pages, then the responsive elements within static pages need to be an option, not the default with no way to create a static design.
Thanks!

Intractable,
Kind of in a rush today, but I promised a rationale for why iTunes U is working as intended…why what you get is really more of a feature and less of a bug.
Consider a site that is private and has content that should only be viewed by people who first authenticate to a portal website. For example, at your school, you might want to limit the content for a particular course to the people who are enrolled in it. If you could interrupt a download, and later restart it, then it would, conceivably, be possible to get access to content that you are no longer entitled to have. A public (non-iTunes U) podcast is different. People who podcast that way have absolutely no control over who may access content and for how long that access can persist. That is why such sessions do not time-out.
iTunes U sessions have fixed durations in order to protect your content…the content that you want to keep private. The downside is, of course, that if you cannot get content after a fixed time, you will have to reestablish an authenticated iTunes U session. This is similar in concept to what a lot of banking websites do…if you let any web session go unattended for five minutes or so, the bank's website invalidates your web session so-as-to protect your account.

Responsive Design Help

Hi. I have a website called e okul dostu. The adress for my site is http://eokuldostu.com Currently I would like to know how it looks on iPhone. It is responsive design but I am not sure if it is the right choice. Your opinions are valuable for me. If you say that the site does not look good as responsive then I will change the look. Thanks in advance.

Pretty sure you probably have an empty box or text box or other element that is off the page causing the shift.
On the pages that have a problem (templates too) do a select all to highlight all the content and see if there is any empty elements outside the design.

DW CC Responsive Design and BC tags

Hi All,
I am going through the recent Adobe tutorials on Responsive design using DW CC and I have a couple of questions.
Has anyone tried setting up a DW CC responsive design for a BC site yet, using the new functionality in DW CC?
Is it OK to insert BC module tags into a design, ie a tag for a menu, and will they work? Or will the BC module javascript clash with the responsive javascript?
Also, the tutorials talk about coding up webpages to be responsive, where I will be wanting to code up a template as being responsive, with the BC tag_pagecontent tag inserted where the content is going to be.
Also with the tutorials so far I am having problems doing the following:
- inserting two divs inside another div with a large background image and positioning these two divs over this background div.
Anyway, I am continuing to work away at rendering my design into a responsive layout, following the recent Adobe videos.
If anyone else had/is doing the same please let me know how you went.
PS. I am only interested in replies about using DW CC to create a responsive design, as I am not able to hand code that kind of thing from scratch in Notepad. lol!

Mary,
Have you had a look at using a framework. Responsive frameworks include:
Twitter Bootstrap - http://twitter.github.io/bootstrap/
Skeleton - http://www.getskeleton.com/
Foundation - http://foundation.zurb.com/
We had a discussion on Sandpile yesterday about using Frameworks. Recording here: http://experts.adobeconnect.com/p6hmzy2oipt/
Also, Scott did a presentaion on Responsive design : http://experts.adobeconnect.com/p4ryiohpfjs/
Hope this helps.

Design Template to change ONLY text boxes

I am afraid of the Design Template option because all I need to do is globally change ALL the text in my project to be ARIAL 11.... while it seems that Design Template would do this, there are all these other captions, buttons, etc. on there and I want those left alone.
There seems to be no way to delete pages or features from this strange thing called Design Templates... does anybody know... if I apply this Design Template will all of my other buttons, boxes, headings, etc. change also?
What a horrible idea if it is so. Completely worthless for the person who has been give ONE design change only.

Because it DOESN'T WORK worth a crap, that's why.
"Apply to All" is the most overrated feature in this product, in my estimation. (Well, aside from Aggregator). It has hit or miss results, and when it by chance DOES work, it changes a bunch of other stuff too, such as header graphics deleted.
Wish it did work though, I am having to change each and every text box by hand.

Parallax responsive design template needed

Similar Messages

Maybe you are looking for