What screen size for revealing scroll effects?

Hello,
I'm currently designing a website in Muse for a motion graphics company which has quite a few scroll effects. As the user scrolls down (it's a one page site), elements either fade or animate (edge animate files) onto the page.
I'm designing it on a 27" screen but of course a lot people will be using smaller screens and laptops so I was wondering what everyone uses as a standard active screen area?
If I keep all the animations happening in the top 700px, I'm left with a big empty space below when using a larger screen. Does anyone have any suggestions?
(I will be doing a tablet and phone version once I've nailed this).
Thank you

I would suggest you to go with browser width animation so that it should render same with all screen sizes.
Thanks,
Sanjit

Similar Messages

Why screen size for iPhone simulator is still 480x320 pixels?

Hi,
I just upgraded my xcode to 4.2.1 so I have iOS SDK 5.0 now. However, when I create a project, the screen size in simulator for iPhone is 480x320 pixels. I was told the screen size for iPhone/iPad is now 960x640 pixels. Why in simulator it is still old size? What should I do to get the correct size or I am wrong and the actual device is still 480x320 pixels? Thanks.
Regards,
Taizhi

hi,
you change between "iPhone" and "iPhone retina" to simulate both physical resolutions.
For the project it doesn't matter because the logical resolution is still 320 x 460 "Points". The OS does most of the work for you.
I suggest reading: this: http://developer.apple.com/library/ios/#documentation/2DDrawing/Conceptual/Drawi ngPrintingiOS/SupportingHiResScreens/SupportingHiResScreens.html#//apple_ref/doc /uid/TP40010156-CH15
Dirk

Changing screen size for screen sharing

Is there a way to change the screen size for screen sharing?
I have a 13" macbook and a G5 with a 20" monitor. When I use RDC to a PC it automatically adjusts to use the full screen on the G5 and when I use VNC to a linux system I can create a vncserver with any arbitrary geometry that I want, but when I use screen sharing all I seem to be able to get is a 13" screen. I can use JollysFast VNC, and view it full-screen, but it's still just 1280x800.
So, is there anyway to create a virtual window so that I can take better advantage the screen on my G5 when screen sharing to my macbook?
Thanks,
Rob

Well, the question should really have been, "What is the ideal page width for the iPad?".
The answer is that there isn't one since the iPad, like most portable devices, has two screen widths depending on whether its used in portrait or landscape mode.
If you are designing a layout specifically for the iPad, one solution is to use a folding design where the sidebar folds down to the bottom in portrait and jumps back up to the side in landscape. This will only work for personal computers and iPads.
The popular way of designing a layout to suit a large range of portable devices is to use a liquid, or semi liquid, layout that will automatically adjust to the fixed width browsers used on these devices.
Something like this...
Neither of these methods are possible using a template based editor like iWeb and this is probably one of the main reasons that Apple has given up on the application. Surfing the internet on mobile devices is growing daily and its now become essential to have a mobile version of your website or one that can be viewed on all devices.

What screen sizes are best to use?

What screen sizes are best to use. Looking at the responsive design in Captivate 8, the screen sizes do not make a lot of sense. I am not sure if I am misunderstanding them or not. The tablet size is 768 x 627, yet an iPad 4 is 1024 x 768. The Samsung is equally different. The same goes for the phone size. Am I missing something? I would like to use my phone in landscape mode.
Thanks

You can edit the break points in Responsive Design. It is not the real resolution of the devices that is important, but the browser resolution. Moreover you have to take into account extra space like for the playbar (45 pixels).
To check the resolutions, this site can be useful: http://viewportsizes.com/
You'll see that for most smartphones the browser resolution is much smaller then the real resolution of the device. I have a HTC One, 1920x1080 but the browser resolution in Portrait has only a width of 360. in Landscape 640.
There are so many devices around, you'll have to choose the ones you are aiming at. It is a real jungle, sorry. Not to speak of the different browsers with each a different support of HTML5.
Lilybiri

Why isn't there a mobile version / screen size for apple support communities ?

Why isn't there a mobile version / screen size for apple support communities ?

GOD!
I have the same problem and I've been trying to find a way around it for about...4 hours now. It's driving me nuts!
Is there anything that can be done? Can I really not use the nano b/c of my operating system? that seems nuts to me!
am totally bummed out as mine was a gift as well and now I have to return it...

How to avoid maximal expand of screen size for welcome screen? VmWare prob?

I run Suns Solaris Express Edition for VmWare under WinXP.
When I start Solaris VM everything is fine except the fact that the welcome screen at boot up (= the screen where the user has to enter his login and password) is expanded to approx 2400 x1600 pixel).
I have to use the horizontal scrollbar to get the entry fields for login and password.
After I entered correctly login and password Solaris retrieves the internal correct display size
of 1280 x 960 and shrinks the screen size accordingly.
So again everything is fine from this time except the screen size at the beginning.
Is this an error of VmWare or of Solaris?

I agree that iMovie's still image quality is embarassingly bad and has many bugs.
Even with no Ken Burns, the sharp images tend to flicker on a TV because iMovie doesn't blur them properly.
And as you very well described, iMovie's Ken Burns produces uneasy zooms/pans because the subpixel rendering is, uh, suboptimal.
iMovie's immortal rendering bug when exporting non-Ken Burns'ed images to iDVD/tape doesn't make things any better.
Yes, bicubically downsampling the input images to 640x480 or adding gaussian blur to the megapixel input images takes care of the flicker and uneasy zooms/pans, but as a side-effect the maximal zoom-ins are then TOO blurry.
The best workaround is to use Photo To Movie's higher quality export setting. It has the best quality rendering engine (I recently compared it to Still Life and FotoMagico). Disclaimer: I'm just a satisfied customer of Photo To Movie.
See also:
http://www.sjoki.uta.fi/~shmhav/SVCDon_aMacintosh.html#slideshow

Best Adobe Captivate Screen Size for all Devices?

Which would you say is the best screen size to use to cater for all device types (pc, laptop, tablet, mobile, etc.)?
Thanks.

Hi there,
You can select any moderate screen size and publish the course and on the publish dialog box, check "Scalable HTML content" (only in case of .swf, HTML5 and PDF).
If you are not sure about which screen size to choose and you are creating a course for large audience for devices and systems of different resolution, then 800 X 600 is recommended.
But now, with scalable HTML content checked, your course window will fit to the screen size of the device, and there will not be any scroll bar.
Thanks.

Ideal Screen Size for Designing application for MAC

Dear All
I want to design a new application for MAC versions, like iMAC, MAC book pro, Mack book Air, and there is is various screen sizes, like
11", 13", 15", 21.5", 27", what is the ideal screen Resolution, is it 2560*1440 or 1920*1080. or what will be the ideal size which will be a clear display in all the machines. I am really confused and I searched and seeked many members info on this but no one is having answer for this.
please help me.
Regards
Lourd

Hi @BDAqua, thanks for the answer, but I am not sure how I can conclude for 1920*1080, for various screens the resoultion changes. I want to know which is the best suitable screen size I need to take while designing my application, am asking purely in perspective of User Interface Design prototype perspective...
11.6 - 1366*768
13.3 - 1440*900
13.3 - 1280*800
13.3 - 2560*1600
15.4 - 1440*900
15.4 - 2880*1800
21.5 - 1920*1080
27 - 2560*1440

What image size for full page photo?

What image size is required to be able to create a single full page photo in an iPhoto book?
I shoot in RAW and use Lightroom for most of my photography. However, for family pictures, I'd like to create an iPhoto book. I exported from Lightroom as 100% quality jPEGs / at 320 dpi / small side 2000 pixels -- but I still get a triangle warning that this is not big enough for a single photo page. What dimensions/resolution is required to put one photo on a page?
By the way, would you recommend jPEG? I tried TIFF and while those file sizes much larger, I still get warning triangle?
Finally, when I re-import to the new size that someone hopefully will recommend, how do I delete my old (too small) images in iPhoto?

AEPC
Welcome to the Apple user to user assistance forums
In iPhoto '08 & '09 the warning comes on if a photo is below 180 dpi - so for 8.5 x 11 you need a minimum photo size of 1530 x 1980 pixels - and remember is you zoom or crop the photo in the book the area you actually printing must be that - not the original sized photo
The format of the photo (TIFF or JPEG) makes no difference in the warning symbol only the pixel size
LN

What pixel size for A5 on iPad 2?

I need to make some A5 leaflet in Photoshop Touch on my iPad 2.
I don't know what pixel size to use for A5. I was told 2480x1754 but this prints way too small on my printer.
Any ideas?!
Thanks.

I don't see a way to at least increase the quality in the apps that the Photosmart uses. Still, it might not be the printer's fault since you can't set the DPI in PS Touch...at least not yet. What's the default at? 72 DPI?

Splash Screen Size for Mobile

Hello:
Anyone knows the suggested size for a mobile splash screen. I am experimenting development using "Burrito".
Thanks for any help.

hi
canvas.getWidth() for getting width of the screen.
canvas.getHeight() for height.
but u have to sure that if u are using canvas.setFullScreenMode(true) for using fullscreen (also command area) then write this getwidth() and getHeight() after writing setFullScreenMode()
Note : there is some devices like motorola a1000 and e1000 like not giving actual screen size if u are using setFullScreenSize(true) , they are giving only actual screen size (without command area).
hope u get the answer from this ..
regards
Akash kumar
Indiagames Ltd
India.
[email protected]

Screen Size for a mobile

Hi All,
I am developing a reader software for mobiles. I want to make the page four times bigger than the mobile screen. The size of the page will depend on size of the screen.
How do i get the size of the screen for any mobile i use.IS there any standard method to get the size of the screen.
Can u guys help me out with this.
Bye,
Sangram

hi
canvas.getWidth() for getting width of the screen.
canvas.getHeight() for height.
but u have to sure that if u are using canvas.setFullScreenMode(true) for using fullscreen (also command area) then write this getwidth() and getHeight() after writing setFullScreenMode()
Note : there is some devices like motorola a1000 and e1000 like not giving actual screen size if u are using setFullScreenSize(true) , they are giving only actual screen size (without command area).
hope u get the answer from this ..
regards
Akash kumar
Indiagames Ltd
India.
[email protected]

Increase screen size for SAPMV45A 8309

Hi,
I need to add additional fields in additional data B tab in sales order i.e. program SAPMV45A screen 8309.
but the screen has already occupied 20 Lines/80 columns.
when i increase the size of the screen to 25 & activate it's not getting completely activated, is it not possible to increase the screen size .
Regards,
Raghavendra

Hi,
As this is a standard screen provided by SAP do have user fields, you can't increase the screen size, this is a limitation,
Rgds,

What is the usable screen size for the latest imacs ?

What is the size of the usable area on the latest Imacs ?

Not sure if this is the info you are after, but the iMac 27" diagonal measure works out as (approx) 23.5"W x 13.25"D - all the screen is usable, minus the menu bar across the top.
(These measurements are only about the viewable image area, not the dimensions of the iMac itself).

Best screen size for exporting slideshow as pdf

Help please,I create slide shows for clients and export them in pdf format that are shown to numerours people but who are viewing the slide shows on different size displays ,what are the best settings both in silde show mode and creating and exporting as a PDF( height and width) so the images in the slide show will best and be maximized on all screens ?,size of the exported PDF is not a issue.
Any help is welcomed,Thanks
PS will there be any viewing difference ,if a slideshow created on a pc in Lightroom and shown on a Mac?

Having just tried to do the same thing, IMHO the Adobe PDF engine does not do the best job of resizing images. I exported at 1200x1600 and on my 1280x1024 screen there were noticeable jaggies on the text. The image itself was less noticeably degraded, but it was. For slide shows I use another product that does a much better job here, but you may not want to add another learning curve to your life. I think you should go to the PDF forum and ask around for a solution.
I can't speak to Mac/Pc issues.

What screen size for revealing scroll effects?

Similar Messages

Maybe you are looking for