Best units to use for responsive layouts

Say I want to set margins for an image or padding for a fluid layout div. I'm spooked about using px since those seem so... fixed. So I'm thinking I should use % or maybe ems. I'm just lookling for a best practice here. Thanks!

For my containers/divs I always use % and for text I use ems.

Similar Messages

"Use presets for responsive layout" not working in Chrome

I am building a responsive website. I am going to have parts of the website animated using Edge Animate. I will make the animation and then insert it into a div in the responsive website I am building.
The Adobe Edge animation has a width of 100%, so that it resizes according to the area that it occupies the full width of the div no matter how wide that div may be in px.
It is all working fine, but:
I have an image in the Edge animation that is center aligned. It must stay center aligned no matter what width the animation ends up being.
Within Adobe Edge, in Properties, in Position and Size, there is a option where, if you hover your mouse cursor over the top right button a tool tip says "Use presets for responsive layout"
With the image on the stage selected, I can click on the "Use presets for responsive layout" button and then choose "Centre background Image".
It works perfectly in all browsers accept Chrome (even IE is playing ball this time). In chrome the width of the image stretches out as the div stretches out..
The "Centre background Image" setting says that it won't scale the image. But in Chrome it does.
What can I do to "tell" Edge Animate to center the image but not scale it in the Chrome browser?
I can see that in the image properties it is set to Background image x axis and y axis 50%. And the width is set to pixels. But in Chrome, the image stretches.
If you go to http://www.brainstormadvertising.co.uk/demo/services.html you will see what I mean. The circle image is centering BUT stretching in chrome browsers while centering nicely and NOT stretching in other browsers.

Thank you for your reply Josh. But the point of this setting in Edge Animate is that you can set it up that the background image is center aligned and does not scale. Yet it produces code that gives the width as 21.72%.
A little further along I see background-size: 48px; . This is correct.
So all the browers are reading background-size: 48px; as the scale measurement but Chrome is reading the width only, not the background-width. So this "Use presets for responsive layout" works in all browsers except chrome.
I don't know how to change that code after the artwork has been published. I can see the code using Firebug, but where do I change it in my code on my computer before uploading to the server?
I have reported this bug to Adobe.
Please see the attachment. You can see where all the settings are made and where I am getting a problem.

Presets for responsive layout

Hi there,
I was doing a tutorial and when arrives the moment to use the presets for responsive layout, the guy on the tutorial has 6 presets and I only have one...
Does anyone know how can I get those presets?
Thanks!

Thats because you have a Stage > Symbol selected.
The tutorial you reference most likely has an image asset selected: which will reveal 6 Layout Presets.
So in your case, if your symbol 'houses' an image you want to apply one of the six Layout Presets, then you need to be in Symbol Edit Mode: simply double click directly onto the Symbol to enter Edit in Place. Then select the image, then choose from the Preset selector.
Hope this helps
Darrell

What is the best editor to use for JSP/Servlet?

Hello,
What is the best editor to use for JSP/Servlet database development.
I'm looking at Dreamweaver,Java Studio Creator.
I want some thing fairly easy to use that has database helper wizards like dreamweaver.
Thanks for the help.
Frank

Is it better to have a servlet do the database work and call it from JSP?No, it's better to have persistence objects do the database work. Servlets handle HTTP requests, and JSPs are HTML factories that should be pure view.
But there are lots of ways to do things. You just have to understand the tradeoffs when you decide.
I do not want to hammer out code, I want to learn the
best way to do things from experienced developers. Sorry, sounded like you just wanted to churn stuff.
"best way" can be subjective. In one app, "best" might be "delivered fastest". For another, "best" might be "most secure" or "most easily modified" or "best performing" or whatever. You won't get a "best" answer, only different choices. And they aren't always so easy to explain or execute.
I'd recommend that you start by reading about layered applications (3-tier architectures) and MVC separation. Once you've Googled enough about that, look into a framework like Struts or Spring or WebWork. That'll help you figure out where to put each responsibility in your app.
I can use dreamweaver to create web apps, but I hate
the arrays used to define fields. It also seems not
to take advantage of connection pooling.Don't know what you're talking about here, Frank. What do fields have to do with connection pooling?
%

Elements 7 - Best Preset to use for the Panasonic SDR-H40 Camcorder

Hi,
Can anyone tell me what would be the best preset to use for video created on the Panasonic SDR-H40? I'm just learning about the software, opened a project, using whatever settings were already there, and the video's audio sometimes stops mid-stream, so it's basically a silent movie.
I read that I might need to use a specific preset or create one of my own, but don't know how to actually go about it.
The choices under NTSC presets are AVCHD, DV or HDV. I've looked in the Camcorders manual and can't find how (or even if) that equates to the recording modes of XP (high picture quality), SP (normal) or LP (recording time prioritized) -
The videos I recorded were recorded in XP - Taking a guess at it, I don't think there's a relationship between these terms and the recording modes of the Camcorder and suspect that this camera only does DV. But if that's true I don't know if there are further adjustments I need to make (by creating a preset).
I was hoping that someone with the same camera or just solid general knowledge could shed some light on this.
Thanks!

The camcorder is a standard definintion camorder recording to a hard drive so you need to use the.... NTSC, "Hard disc, Flash Memory Camcorder", Standard 28KHz or Widescreen 48KHz dependant on whether you shot in widescreen.

What's the best flash to use for nighttime sports games?

What's the best flash to use for nighttime sporting events? I have a rebel XT and I'm pushing it to its limits trying to stop the action. I've tried a speedlite 430 but it didn't have a hook up for an external battery pack and I was told I'd need the extra power. Just tried the 580ex ll on Friday but at the 1/1 setting, it didn't flash for each frame in a burst, even with the external power. I should have backed it down to 1/4 but didn't know at the time. Any thought on a really good flash for night sports? Is the 580 a good choice?

JUst as Tim_S said. YOu will want a external battery pack. Unforatannly the 430 does not have the option to plug in a external battery pack so will want to pick up a 580 or one of the new 600 series.
Then you start looking at the battery packs. I recommend Quantum power packs
http://qtm.com/index.php/products/2012-05-17-18-18-59/turbos
5D III, 8-15L, TSE 24L, 24-105L, 85L, 70-200L, EX600 X2

What is the best method to use for revealing the text on a jpg (as though the text is drawing itself?) Thanks.

What is the best method to use for revealing the text on a jpg (as though the text is drawing itself?) Thanks.

tacbob wrote:
Are there any tutorials? I cannot find anything close.
http://itunes.apple.com/de/podcast/write-on-effects-in-motion/id287113664?i=4883 4057
The MacBreak Podcasts are an excellent source of info!
Have a look on the others ..

What is the best software to use for screen capture on a PC for use with FCPX?

What is the best software to use for screen capture on a PC (windows 7) for use with FCPX? I've tried Camtasia and camstudio however the avi files cannot be imported by FCPX and the mov files produced by these programs are shown as just black screens in FCPX.

I use to face this issue every now and then (as a freelancer) when I use to cut on FCP7.
if the material is DV and was captured using Sony VEGAS, Premiere or Edius, the footage generally worked fine. You'll find most people will tell you to convert it regardless, however I found no issues working with them.
A problem you'll definitely face is HDV material. Most PC editing software write HDV in their own codec, which can't be read in FCP.
The only thing I can think of is to try converting HDV meaterial to QuickTime using something like MPEG Streamclip, or something similar.
Good luck

Best program to use for the Website?

I am interested in redesigning the home page of site: https://www.txid.org what would be the best program to use for the design?

Kim,
You should use design tools you're most comfortable with. Before engaging on design, you need to find out more on technology running the site being redesigned and see if there are existing design and HTML templates for that technology. If there are and you can minimally brand existing templates to quickly have professionally looking site, that would be the best way forward. Do not start with design only to figure out later that it be cost-prohibitive to execute, work your way from the ground up - server/site technology, existing HTML/WordPress/Drupal (etc) templates for that technology, branding options for those templates.

I travel between countries often for my work. What is the best iphone to use for international calling at a reasonable cost?

I travel between countries often for my work. What is the best iphone to use for international calling at a reasonable cost?

All six Uk carriers carry the iPhone officially and micro sims are very common therefore
PAYG is very common in UK every carrier offers a number of packages but all commitment free
http://support.apple.com/kb/ht1937
List of Turkish Carriers within this doc

What is the best browser to use for facebook?

What is the best browser to use for facebook?

Any browser is supposed to work, provided the rest of the infrastructure (Flash, Java) is up to date.
However, since FB is so prone to install/modify/alter its settings/cookies/environment, I prefer to keep mine sandboxed and access it only via a dedicated browser used for nothing else, thus minimizing the risk and exposure. For that, I use the Flock browser, purportedly optimized for social media: http://www.macupdate.com/app/mac/19719/flock

What is a best app to use for sending text messages/pictures to non iPhone users through my iPad

What is a best app to use for sending text messages/pictures to non iPhone users through my iPad

To send messages to non-Apple devices, check out the TextFree app https://itunes.apple.com/us/app/text-free-textfree-sms-real/id399355755?mt=8
How to Send SMS from iPad
http://www.iskysoft.com/apple-ipad/send-sms-from-ipad.html
How to Receive SMS Messages on an iPad
http://yourbusiness.azcentral.com/receive-sms-messages-ipad-16776.html
Apps for Texting http://appadvice.com/appguides/show/apps-for-texting
 Cheers, Tom

What are the best settings to use for the newest AirPort Extreme (AC wifi) with my optimum online service provider?

I have the current generation of the AirPort Extreme and a handful of devices that utilize the new 5Ghz A/C frequency. My internet speeds were blazing fast when I had first set it up but lately it has been lagging terribly. I was told that changing my dhcp did help, which it did it seems like it might be back to its normal speeds but I just want to know what are the best settings to configure for the airport so that I can get the most out of my service on all my devices? I'm using a CAT 6 cable which does help, I have a guest wifi setup with a wifi password which I understand will slow it down a little. Can anyone just point me in the right direction or just give me a step by step guide on what settings to configure? Should I really consider turning off the guest network?

I am assuming that you are looking to configure your network to provide the highest level of bandwidth possible for your network clients. If that is the case, the following are a few things to consider:
The Internet modem should support Gigabit Ethernet. That is the Ethernet connection between the modem and your 802.11ac AirPort Extreme should be Gigabit Ethernet.
Use CAT-5e or CAT-6 Ethernet cables between all wired connections.
Only expect 802.11ac performance with 802.11ac clients in the same room as the base station.
Eliminate or significantly reduce any forms of Wi-Fi interference on both the 2.4 & 5 GHz bands.
When streaming, especially HD video on your local network, use wired connections between the host and player devices when possible.
Other than the above suggestions there are no "magic" settings that you can make on your AirPort. Note: The Guest network shares the same bandwidth as the "main" network. Unless you have a network goal to provide this type of network, it is best left disabled.

What is the best font to use for Thai Language in Flex Mobile Applications ?

Hi
I am facing issues with Thai language in flex mobile applications. I am using Tahoma font and facing issues in TextInput
Whith Tahoma font text Offset setting to far from the starting of the text input .
Can any one suggest me the best font to use with Thai language ?
Many thanks in advance for your help .
Regards,
Kamal

Personally, I prefer uncompressed TIFF or PNG. But many times it won't matter ... you'll be dropping the images into an SD Sequence, so they will lose resolution on output.
-DH

Best codec to use for NTSC

I have a 5 minute project that has been in and out of color as well as after effects and was wondering what codec setting would be the best to use for DVD. I'm only putting it through iDVD, just wanted to make sure that whatever I use doesn't take away from the quality, etc...
would it be fine just to use a straight export to a Quicktime movie using the project settings?
thanks everyone.

would it be fine just to use a straight export to a Quicktime movie using the project settings?
Yes. Do this.
DVD video always uses MPEG 2 video files as it's basis and iDVD does the encoding internally for you anyway. It is aimed at consumer users and intended to be foolproof.
Once you make the step up to DVD Studio Pro, then you will have to pay attention to the format. But there are DVD presets in Compressor that make it a relatively simple and painless procedure.

Best units to use for responsive layouts

Similar Messages

Maybe you are looking for