Multi Screen Authoring

How do i find the tablet.css, ipad.css and desktop.css files? I am trying to make my website user friendly for all phones and ipads but cant seem to find the correct files?
Are they files i have to create myself or are they already on my computer somewhere? Also i have watched all of the videos on how to do the multi screen authoring however none of them explain where or how to create the relevant (.css) files?
I am new to this so any help would be greatly appreciated.
Declan

Sorry but there's no magic button that can convert your current site's CSS into a responsive one. Start over with a FluidGrid Layout or begin with one of the very popular Responsive Design Frameworks shown below. When you have a layout you like, copy & paste your old site's content into the new one.
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Project Seven's Page Packs (CSS Templates)
http://www.projectseven.com/products/templates/index.htm
Nancy O.

Similar Messages

Speed issue when getting bounds of single monitor in multi-screen display

I've written the following code which should get the bounds of the first monitor in a n-view (multi-screen) set up so I can size JFrame objects relative to the dimensions of this first monitor. However, this bit of code seems to slow done my constructor by a significant amount of time (ie my program now takes 5 seconds to load as opposed to loading almost instaneously). Is there anything I can do to get this information more quickly? And why does this code take so long to execute?
GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
GraphicsDevice[] gs = ge.getScreenDevices();
GraphicsDevice gd = gs[0];
GraphicsConfiguration[] gc = gd.getConfigurations();
Rectangle virtualBounds = new Rectangle(gc[0].getBounds());      Thanks in advance,
-jake

I was curious (having never delt with this stuff before about your problem so I put your code into a simple frame and ran it. Sure enough it took on average 2.7s to determine the bounds information and less than a tenth of a secondto setup the GUI. So I added code to print out the timmings of each call in your code and found that almost all of it was in "gd.getConfigurations()". This method says it returns all of the GraphicsConfiguration objects for the device. That could be a lot of objects (on my system it returns 8).
When I switched to calling getDefaultConfiguration I get the same answer and it comes back in 0 milliseconds making the GUI setup the slowest part:-)
I am not sure if getDefaultConfiguration is what you want. It is unclear to me that the first element in the configurations array represents the current mode of the device and it is unclear if the detault is the current mode either. I guess you can experiment and see if the default is the configuration you want or not.
good luck,
IL
I attached my code so you can see what I did:/*
* Created on Jul 12, 2003
* Created by Leslie Software (<a href="mailto:[email protected]">[email protected]</a>)
* Copyright 2003 Leslie Software
package forum.multiplemonitors;
import javax.swing.*;
import java.awt.*;
* @author ileslie Leslie Software (<a href="mailto:[email protected]">[email protected]</a>)
public class MultipleMonitorsFrame extends JFrame {
     public static void main(String[] args) {
          MultipleMonitorsFrame frame = new MultipleMonitorsFrame ();
          frame.setVisible (true);
     public MultipleMonitorsFrame () {
          super ("Monitor Query Timing");
          setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
          long timeBeforeMonitorQuery = System.currentTimeMillis ();
          // Get the information on the first monitor
          GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
          GraphicsDevice[] gs = ge.getScreenDevices();
//          System.out.println ("After getScreenDevices\t " + System.currentTimeMillis ());
          GraphicsDevice gd = gs[0];
          // Origonally retrieving all configurations and looking at the first
//          GraphicsConfiguration[] gc = gd.getConfigurations();
//          System.out.println ("After getConfigurations\t " + System.currentTimeMillis ());
//          Rectangle virtualBounds = new Rectangle(gc[0].getBounds());
          // Now just asking for the default
          GraphicsConfiguration defaultgc = gd.getDefaultConfiguration();
          Rectangle virtualBounds = new Rectangle (defaultgc.getBounds());
          long timeAfterMonitorQuery = System.currentTimeMillis ();
          long monitorQueryTime = timeAfterMonitorQuery - timeBeforeMonitorQuery;
          long timeBeforeGUISetup = System.currentTimeMillis ();
          // Setup the GUI
          // Report on timing (including dummy string for gui setup
          JLabel monitorTimeLabel = new JLabel ("Finding out about the monitor took " + monitorQueryTime + " milliseconds");
          JLabel guiSetupTimeLabel = new JLabel ("X");
          // Report on monitor dimentions
          JPanel monitorInfoPanel = new JPanel ();
          JLabel monitorInfoTitle = new JLabel ("First monitor size is:");
          JTextField monitorWidth = new JTextField ("" + virtualBounds.width);
          monitorWidth.setEditable(false);
          JLabel monitorInfoBy = new JLabel ("by");
          JTextField monitorHeight = new JTextField ("" + virtualBounds.height);
          monitorHeight.setEditable(false);
          monitorInfoPanel.add (monitorInfoTitle);
          monitorInfoPanel.add (monitorInfoTitle);
          monitorInfoPanel.add (monitorWidth);
          monitorInfoPanel.add (monitorInfoBy);
          monitorInfoPanel.add (monitorHeight);
          getContentPane ().add (monitorTimeLabel, BorderLayout.NORTH);
          getContentPane ().add (monitorInfoPanel, BorderLayout.CENTER);
          getContentPane ().add (guiSetupTimeLabel, BorderLayout.SOUTH);
          pack ();
          long timeAfterGUISetup = System.currentTimeMillis ();
          long guiSetupTime = timeAfterGUISetup - timeBeforeGUISetup;
          // This is technicly wrong since we should not be accessing a realized GUI component
          // outside of the event thread but it works and this is just a test app
          guiSetupTimeLabel.setText ("Setting up the GUI took about " + guiSetupTime + " milliseconds");
}

How do you shoot and record videos on iSight? Also, how to do multi screen?

I've never tried using the camera. Just didn't have a need for it, but I'm gonna start making videos. How do I do this? I'm stupid=(

For one thing, please post ONE question per thread.
In answer to your question, the iSight wasn't really built for shooting video (it's low resolution and the built-in ones are fixed-distance, so they won't work well for anything more than a few feet away. Nevertheless, you can use something like iVeZeen by Boinx Software to acquire video from the iSight.
As to your second question, what do you mean multi-screen? Multi-screen what?

Key Press to Play Video, in multi-screen project

I have a timeline with multiple videos in it, all loaded as external videos with playback controls as the audio is important (all are 55 seconds long and high quality audio is vital). First of all I want a specific key pressed to play one of the videos. I've been playing around with event handlers, key press event, but nothing has worked.
This is a multi screen project I'm working on so is there any way to have two seperate windows of video 1080x1920 (that would play on two seperate screens to interact with eachother) or would I have to create a stage twice the width. I need two video clips to play simultaniously once a key is pressed.
I am a real beginner to flash so I really have no idea whether this is possible.
I'm doing this on Flash CS6 on a Mac in IOS 10.9.2
Thanks!

i'm not sure what you're trying to do with multiple screens but that should have no impact on using key listeners to control your timeline:
stage.addEventListener(KeyboardEvent.KEY_DOWN,f):
function f(e:KeyboardEvent):void{
trace(e.keyCode);

How do I activate the Multi-Screen Sharing in Lion?

Hi,
How do I activate the Multi-Screen Sharing in Lion? I was told it was on by default but when my partner logs in from his machine, I can't also login to the actual Mac itself. When I first enabled Sharing it allowed him to connect even though I was already logged in but it was very sluggish and eventually the whole system crashed.
Any help would be appreciated.

Found it!
Make sure you have multiple desktops already running.
Go to System Preferences->Keyboard
Choose Keyboard Shortcuts
On the left select Mission Control. On the right, I have "Switch to Desktop 1, Switch to Desktop 2, etc"
On my iMac they were checked, and working.
On my MacBook they were unchecked. Checked the boxes, now it works.

How to Multi-Screen android tablet application on Adobe AIR and Flash Professional

hello,
I have done app in ipad with Adobe AIR thats work fine in ipad,
but now i have to create android tablet app for multiscreen resolution like this,
2560*1600, 1366*768, 1280*800, 1280*768, 1024*768, 1024*600, 960*640, 960*540, 854*480, 800*600, 800*480, 800*400
and my current .fla file resolution is 1024*768 so how can i create android tablet app with multi-screen?
thanks

If your app is mainly code layout interface, then you'll have to just change your code to work with arbitrary widths and heights, instead of a fixed width and height. If instead your app is basically one graphical scene, like say Angry Birds, or a highly graphical scene, you could take the approach I use.
Read my reply to this message:
http://forums.adobe.com/message/4735070?tstart=0
In that message I describe things in Portrait, because I was answering a question about portrait, but it all works out too if you substitute landscape numbers.

OEM is not multi-screen friendly using Windows 2000 / Matrox

Using Matrox Dual-Head support for multi-screen (extended desktop) on Windows 2000, Oracle Enterprise Manager does not show menu dropdowns if the OEM window is moved of the primary desktop screen.

I've been seeing a similar problems for some time now
with my multi-monitor setup under windows2000 - and Jdeveloper
- maybe this fix will be good for OEM too?
(my secondary monitor is on the right hand side)
There is a known JDK bug with menus in this environment
http://developer.java.sun.com/developer/bugParade/bugs/4647105.html
"JMenu layout incorrect on dual Monitor systems on secondary monitor"
Which is fixed in JDK 1.3.1_04
So, to exploit this in Jdeveloper, you can
change the used JDK version. I downloaded the JDK from sun
and installed it in the default location of c:\jdk1.3.1_04
Then I modified this line in jdev.conf
SetJavaHome c:\jdk1.3.1_04
And releaunched jdeveloper: (ignore the warning box
about OJVM being absent). To verify that the JDK switch
worked, use help-about to see the JDK version
This fixed the problem for me with Jdeveloper 9.0.2
and my development build of 9.0.3.
I think that Jdeveloper 9.0.3 will ship with
this version of the JDK.
regards Karl McHorton (Oracle JavaTools Development)

Videocodec in Multi-screen Adobe Air development (iOS/Web/Desktop/Andriod, ...)

Hello,
I'm looking for info on using video files coming from an edit suit and used in Flash 5 development. We would like to create a multi-screen kind of media jukebox with a index table on the left and the video file on the right.
The index table would be driven by a XML file, the video files would be flv or H264. For Web and desktop we could use flv, for iOS we could use H264. It is almost impossible to add both formats in the same app because that would increase the size of the app to much.
Is there a multi-screen video format for these setups? Is there a document or showcase on this?
Greetz,
Wim

Have you considered streaming the video instead of rolling it all into the same package?

How much will apple charge for fixing the multi screen?

My ipod touch's multi screen doesn't work anymore. it won't respond when i touch the screen. all i can do is turn it off and turn it on and play music only with the remote headphones.

Apple will exchange your iPod for a refurbished one for this price:
Apple - Support - iPod - Repair pricing
A third-party place may be less expensive. Here is one.
iPhone Repair, Service & Parts: iPod Touch, iPad, MacBook Pro Screens

Multi screen project, is there a way to play each track in it's own window?

Hello,
I'm working on a 4 screen video installation... (with 4 seperate monitors arranged around a room)... While I'm doing the editing, I'd love to be able to simulate the 4 screens by having 4 viewer windows open across my desktop, above the timeline... (similiar to the dual screen multiple edits arrangement, but each screen follows a different video layer [V1 goes to the far right window, V2 to the middle right window, V3 to the middle left, V4 to the far left])
We'd rather not have to resize each clip in a single composition, it would be great if it would just assign to different viewer windows based on the track...
This is for the editing process, only, for the installation it will be running off for seperate dvd players...
Josh

Hi Josh
We have done some jobs for multi-screen in AfterEffects and for checking the sequences side to side you can do the same in FCP.
Create 4 sequences, one for each screen. (Seq 1-4).
Create a fifth sequence (seq 5) four times wide (for PAL 4x720=2880).
From the Browser window, drag Seq 1 in to Seq 5 V1
From the Browser window, drag Seq 2 in to Seq 5 V2
From the Browser window, drag Seq 3 in to Seq 5 V3
From the Browser window, drag Seq 4 in to Seq 5 V4
Alt-double click Seq 1 on V1 and apply Basic Motion > Center H. -1080
Alt-double click Seq 2 on V2 and apply Basic Motion > Center H. -360
Alt-double click Seq 3 on V3 and apply Basic Motion > Center H. 360
Alt-double click Seq 3 on V3 and apply Basic Motion > Center H. 1080
Now you can check on Seq 5 the relationship between each edit on Seq. 1-4 (you may have to render for playback).
Marcel

Multi-Screen Scene-Locking the Position of Each Screen

I have a multi screen scene (3 video tracks on same screen). Is there a way I can lock the attributes of the 3 screens, specifically position and scale of each video track, so that no matter what scale or position a clip is, it will automatically comform to the locked attributes of the video track? Right now I have to copy the attributes and paste them to each video clip I drag in.

You could nest them and animate the nest. Select all the clips, right-click and select "Nest." This will create a new sequence, put the selected clips into it, and replace the clips in the original sequence with the nested sequence. You can animate it as you wish, then.

JDeveloper JDEV9i_902 menus do not appear correctly on multi-screen under Windows 200

Using JDeveloper on Windows 2000 via extended desktop with Matrox dual-head support and Windows extended multi-screen support menus in JD are displayed biased towards the primary desktop screen, this behaviour makes using the product quite difficult in this environment.

Nigel,
I've investigated this issue further, and talked to some of our
development staff.
There are three known issues here:
1. regular menus are not right justified if the client is
in the window to the right of the deafult monitor.
2. Dockable windows cannot be freely positioned
3. Context menus sometimes appear on the wrong monitor.
issue #1 is fixed in 1.3.1_04
isses #2 and #3 are not JDK related, and are now fixed in the 9.0.3
builds.
Unfortunately, we do not certify upgrading the JDK to 1.3.1_04 - there
are some other display-related issues that this drop causes, and we can't
risk product destabilization at this stage.
However, I do have a workaround for you for #1.
The issue only occurs if the secondary monitor is placed to the right
of the primary monitor. If you use the windows control panel (right click settings on
desktop) and change the primary monitor, then the problem goes away.
Hope this satisfactorily resolves your dual-head problems.
Karl

JMenu on multi-screen

Hi
I am in a multi-screen environment and i try to put a JMenuBar on each frame in each screen with the good alignment. My problem is that all the JMenu et JMenuItem are well left aligned on the left screen, but they are rigth aligned on the rigth screen.
Could somebody please advise me on how to accomplish that.
Thank you very much.
Here is a sample of my investigation
import java.awt.*;
import javax.swing.*;
public class Sample {
public Sample() {
GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
GraphicsDevice[] gs = ge.getScreenDevices();
for (int j = 0;j < gs.length;j++) {
JFrame f = new JFrame(gs[j].getDefaultConfiguration());
Rectangle rect = gs[j].getDefaultConfiguration().getBounds();
f.setLocation(10 + rect.x,10 + rect.y);
JMenuBar menuBar = new JMenuBar();
JMenu toto = new JMenu("toto");
toto.add(new JMenuItem("fils � toto et titi"));
menuBar.add(toto);
f.setJMenuBar(menuBar);
f.pack();
f.show();
public static void main(String[] args) {
Sample sample = new Sample();

Hi
I am in a multi-screen environment and i try to put a JMenuBar on each frame in each screen with the good alignment. My problem is that all the JMenu et JMenuItem are well left aligned on the left screen, but they are rigth aligned on the rigth screen.
Could somebody please advise me on how to accomplish that.
Thank you very much.
Here is a sample of my investigation
import java.awt.*;
import javax.swing.*;
public class Sample {
public Sample() {
GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
GraphicsDevice[] gs = ge.getScreenDevices();
for (int j = 0;j < gs.length;j++) {
JFrame f = new JFrame(gs[j].getDefaultConfiguration());
Rectangle rect = gs[j].getDefaultConfiguration().getBounds();
f.setLocation(10 + rect.x,10 + rect.y);
JMenuBar menuBar = new JMenuBar();
JMenu toto = new JMenu("toto");
toto.add(new JMenuItem("fils � toto et titi"));
menuBar.add(toto);
f.setJMenuBar(menuBar);
f.pack();
f.show();
public static void main(String[] args) {
Sample sample = new Sample();

Dreamweaver Multi-Screen SNAFU

I'm trying to set up mobile multi-device features in Dreamweaver.
I have a separate mobile.html file that I want to launch from the main.html when a mobile screen size is detected.
I am not trying to apply a new .css to the existing code, but launch a separate mobile html file with different images & content.
I have been unable to figure out a way to do this , can anyone reccomed a fix?
Dan

HI
The multi-screen preview was removed because it was no longer required.
If you look at the bottom right-hand corner of the document window you will see three icons, (phone/tabled/desktop) selecting on of these changes live view to display these screens. You can also select various common pre-defined screen sizes, (or create your own) by selecting from the screen size menu that is next to these three icons.
PZ

Multi-screen development iPhone 4, iPad?

I am curious about multi-screen development. This one of the main selling features of Dreamweaver CS5. With the introduction of iPhone 4 and iPad with higher screen resolutions, what is the best way to target screens? The default set-up for multi-screen in Dreamweaver does not work for these devices? Is their a discussion ongoing about this or best practices?
Dave

Much depends on your desktop layout and how much customizing you need to make it perform well on iDevices. From the hour of testing I did recently on iPad, all my desktop sites display just fine without a special stylesheet.
iPhone and iTouch are smaller so some changes are helpful but not mandatory.
See the device dependant page I've worked up below. View in any browser except IE, resize the browser viewport to less than 480px and you'll see the mobile styles kick in.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Multi Screen Authoring

Similar Messages

Maybe you are looking for