media browser media center
media browser media center
Web Design for Wide Displays and Cross-Browser Support
Web Design for Wide Displays and Cross-Browser Support
In ancient times — about 1995 or so — we early Internet adopters were promised that all the inflated costs and redundancies of Web use, like multiple browsers, expensive monitors and competing standards, would be settled issues by The New Millennium. Well, “TNM” arrived a while ago, and we’re still seeing poor Web design for wide displays and cross-browser support. That’s a direct result of more, not fewer, redundancies or, as customers might call them, “choices.” Today there are big and small monitors, monitors with 4:3 and 16:9 aspect ratios, stripped-down and bulked-up browsers, and all sorts of designers who don’t know how to make one Web page look the same on all of them.
Clearly, cross-platform, cross-browser and wide-display compatibility are hugely important. If you design Web sites, or want to know how it’s done so you can properly oversee a designer’s work, a few key concepts and some simple techniques will help a lot. You can keep your site looking good “in all the right places” with the help of this article, and continuing efforts on your part to keep up with Web standards and best practices. Here’s how.
Paint the canvas that people will see
If you design a site with a modest width of 700 pixels and a nice top navigation pane, it should display pretty well (all other things being equal) on any monitor. A much-told story on the Internet concerns a designer who did just that, then visited the client at her office for some page edits and such, and saw the site displayed on a widescreen 22-in monitor — set to 640×480 resolution! Ouch! A snowstorm wouldn’t look good on that big display at that low resolution.
To attract and please the widest possible range of site visitors, your design needs to look good no matter what people do to cripple their monitors’ abilities to display good color and proportion. At the extremes, of course, are a few people you simply must leave out of the discussion (like the lady in the foregoing example, perhaps). Still, it doesn’t take a lot of research to determine what size monitors people are using and what resolutions most are viewing. Keep up on these metrics.
Tables are control devices
Tables in your design are great for assigned fixed widths in pixels or window percentages. When the relative vertical placement of objects in the table doesn’t much matter, the fixed percentage method gives you the most fluid layout approach. When you want to keep some text copy wrapped around an image consistently, this approach can cause major incompatibilities. Text wraps differently in cells of varying pixel widths, so in this case you’d use fixed pixel width — and this may be where you start making some compromises.
If you design a site to look good at 640X480, you should set that table width to 600-620 at the most, and center it for a decent look when wider windows (and/or wider monitors) are being used. Once again, though, if a visitor has her monitor resolution set to 1600X800 and “maximizes” the browser window, the page will show 500 pixels of blank space on both sides of that table. With widescreen monitors gaining ground in the marketplace, issues of size and ratio become more important than ever.
Browsing the browsers
If you thought there were too many choices of browsers in 1995 — AOL, Internet Explorer, Netscape — there are literally dozens today. Many share underlying “engines” (AOL is a rebranded and revised IE, Firefox comes from the former Netscapers) so the proliferation of varied behaviors has slowed down somewhat. Still, among the major players — IE (6, 7 and 8), Safari, Firefox, Chrome, and Opera — there are still issues with display incompatibilities. Many of these are related to the display, wrapping and hyphenation/justification of text, although there are also issues with CSS (Cascading Style Sheet) handling, media streaming and occasionally even color rendering.
As true Web standards emerge for cross-platform and cross-browser typefaces, many of the text-related issues will be history. Right now, Mac-based designers make a point of using the Microsoft Web Collection of typefaces, and designers on both sides of the OS divide can use “Web-safe” colors. The World Wide Web Consortium (W3C) is pushing ahead on new Web 3.0 standards, many of which are attempts to settle, once and for all, bothersome and irrational weaknesses that have survived from year to year since the dawn of the Internet. It’s way past time to get these standards defined and distributed.
Check layouts every which way
If you want your sites to look good on AOL or Safari, on a 10-inch netbook or a 30-inch cinema-style monitor, you really need to work on both platforms (Mac and Windows), or work on an Intel Mac that also runs Windows. Then, too, you should have multiple monitors and change the resolutions to cover all the bases. Finally, you need the major browsers installed on both computer platforms, perhaps even on Linux, as well. Comprehensive “pre-flighting” is not an option, so if you don’t have everything you need, use friends and colleagues to get all the alternative views.
If you’re going to do this work regularly, you need to get yourself set up correctly. If you are a working designer, you are likely doing all of these things. If you are a hobbyist or Do It Yourself’er, or have a small business where you have to wear all the hats, you need to get up to speed — and fast. Time waits for no one, and neither do Web visitors. If your site doesn’t display, they won’t stay, play — or pay!
About the Author
Moonrise Productions is a custom web design company specializing in custom web development and design. Whether you’re in San Francisco, New York or you need social network web design – we’re here to help and we have the team to do it right.
xbox 360 media center mce browser problem?
I downloaded the anthony parks software web browser like everyone says to. i have windows 7 and i noticed on all the youtube vidoes when they open up media center from their xbox it says start on the left side. mine does not say that and does not have the “online media” option. do i need some kind of update? or is there a different way to get to it from my version?
ive been trying to do this and i think it only works for vista and xp and 32 bit users. im running windows 64 bit which is why i think it wont work for me
Media Center & Media Browser
|
|
iHome iP43LVC Dual Alarm Clock Radio for your iPod/iPhone with Pillow Shaker (Blue) $75.95 Sla 12v 18ahupg 85977/d5745 sealed lead acid batteries (12v; 18 ah; ub12180). Specs: used in ups backup systems, spotlights, flashlights, exit lighting & other equipment; 12v; 18 ah; ub12180. Refurb: n. Returnable: y. Warranty: one year……. |
|
|
Dual Alrm Clck Rad Iphone/ipod Purple Charge Play Or Wake $91.77 iHome IP43UV Desktop Clock Radio IP43UV Clocks… |
|
|
Alex Super Baking set – 18 Piece Metal and Plastic Set $16.99 Measure, mix, prep, and bake some imaginary treats| This 18-piece set features a loaf pan, bear pan, heart pan, mixing bowl, rolling pin, whisk, measuring spoons and cup, pastry wheel, 2 star cookie cutters, 2 heart cookie cutter, and an oven mitt. Bon Appetit|… |
|
|
Scarface – Vinyl Wall Decals Murals Stickers Art Graphic – 44H x29W – by üBer Decals Better than wallpaper, wall stickers are a perfect way to decorate your room and express yourself. They are a fun, easy and removable decor solution. These stickers are pre-cut and will only take you several minutes to apply on any surface – walls, doors, windows, and more. Each of our designs come with easy instructions to follow. This is an original design from uBer Decals. All other sellers are… |
|
|
Swirly Tree 3 – Vinyl Wall Decals Murals Stickers Art Graphic – 45H x56W – by üBer Decals Better than wallpaper, wall stickers are a perfect way to decorate your room and express yourself. They are a fun, easy and removable decor solution. These stickers are pre-cut and will only take you several minutes to apply on any surface – walls, doors, windows, and more. Each of our designs come with easy instructions to follow. This is an original design from uBer Decals. All other sellers are… |
|
|
Modern Floral Bird – Vinyl Wall Decals Murals Stickers Art Graphic – 46H x29W – by üBer Decals Better than wallpaper, wall stickers are a perfect way to decorate your room and express yourself. They are a fun, easy and removable decor solution. These stickers are pre-cut and will only take you several minutes to apply on any surface – walls, doors, windows, and more. Each of our designs come with easy instructions to follow. This is an original design from uBer Decals. All other sellers are… |
|
|
Tiger Balm Analgesic Tiger Muscle Rub … |
|
|
Gecko Nasal Pad – Large, 4.12 Long $24.80 The Gecko Nasal Pad (formerly the Sleep Comfort Care Pad by Sequal) is intended for patients with Obstructive Sleep Apnea (OSA) who experience pain and discomfort on or around the bridge of their nose associated with using nasal or full face masks. The pad acts as a cushion between the patient’s face and mask, and is simply placed across the bridge of the nose under the mask. The protective polyme… |
|
|
REN Tamanu High Glide Shaving Oil $27.00 Results: Shaving is easier and closer; skin feels fit, nourished and supple…. |
|
|
Kuzy® – AQUA BLUE Keyboard Silicone Cover Skin for Macbook / Macbook Pro 13 15 17 Aluminum Unibody $1.00 Dress up your MacBook Pro in fashionable color, silicone protection now. *** Will Not fit MacBook Air 11″ ***… |
|
|
Kuzy – PURPLE Keyboard Silicone Cover Skin for Macbook / Macbook Pro 13 15 17 Aluminum Unibody $2.00 Dress up your MacBook Pro in fashionable color, silicone protection now. *** Will Not fit MacBook Air 11″ ***… |
|
|
Kuzy – Circles Blue/White Keyboard Silicone Cover Skin for Macbook / Macbook Pro 13 15 17 Aluminum Unibody $9.95 Dress up your MacBook Pro in fashionable color, silicone protection now. *** Will Not fit MacBook Air 11″ ***… |
|
|
Omaha Steaks Prime Rib Roasts Prime Rib Roasts… |
|
|
KIKE CALVO photo illustrations FREAKLANCES Collection – Freaklance Fausto with bike graphic tablet and keyword – Coffee Gift Baskets – Coffee Gift Basket $44.99 Freaklance Fausto with bike graphic tablet and keyword Coffee Gift Basket is measuring 9x9x4. Contains 15oz mug, BONUS free set of 4 coasters, biscotti and 5 blends of gourmet coffee. French Vanilla, Kenya AA, Decaf Colombian Supremo, Chocolate and Italian Roast Espresso elegantly presented in our signature black planet coffee gift box. A very nice and thoughtful gift for any occasion…. |
|
|
Betty Lous Organic Harmony Hippy Happy Apple Bar Case Pack 24 – 683021 $116.33 1.75 oz bar. Vegan. USDA organic. Ingredients: organic apple cinnamon granola [organic oats, organic maple syrup, organic oat flour, organic crisped rice (organic brown rice, malt syrup - GF, sea salt), organic brown rice syrup, organic walnuts, organic sunflower seeds, organic expeller pressed high oleic sunflower oil, organic unsulfured dried apples, organic cinnamon, organic vanilla, sea salt],… |
|
|
Maidenform Lilyette® Absolute Solution Lightly Lined Bra $34.00 Lilyette® has designed a bra that delivers the absolute solution for a full figure woman into one pad! Our Lilyette® Absolute Solution Lightly Lined Bra is the single bra that will supply you with modesty, lift, and shape!3 section cup each with a different benefit: Lift, Modesty and ShapingOffers full supportSoft fabricationPads are designed to leave you feeling confident and comfortableDeliv… |
|
|
Flexees Women’s Instant Slimmer Lace Trim Body Briefer #5356 $55.00 You will be in good shape once you get your hands on our Flexees® Ultimate Slimmer Body Briefer with Lace! Offers maximum controlAll over control and supportLace adds a touch of femininitySlims and flattens the tummyTake inches off instantlyProvides full coverage in rearUltra firm controlFabric Content: Front & Back panel: 65% Nylon, 35% ElastaneFront Panel: 88% Nylon, 12% ElastaneInner… |
|
|
Flexees Womens Holiday Collection Boy Short $26.00 Our Flexees® Fat Free Dressing® Boyshort secretly slims, shapes, and smoothes your body. You will feel comfortable all day long, while looking slimmer and trimmer! Smoothes and shapes midsectionTummy controlLightweight around the thighsEliminates bulgesCreates a sleek line from your waist to upper thighsFirm controlSoft and comfortable for all day wearPerfect for Yoga, Pilates or Wor… |
|
|
Green Toys Sand Play Set $11.00 Kids will ‘dig’ building castles and hunting for buried treasure with the environmentally friendly Sand Play Set from Green ToysTM. Made of recycled plastic, this classic 4-piece collection of tools consists of a bucket, sand castle mold, shovel and rake. Made in the U.S.A from recycled plastic milk containers, which helps save energy, reduces landfill waste, and lowers greenhouse gas emissions, a… |
|
|
Alex Toys Draw like A Pro $35.07 A fun and easy way to draw…just turn down the lights, switch on the projector, insert a preprinted slide and trace away| Comes with 124 slides, 6 markers, 10 sheets of paper, and a flip book…. |
|
|
Power Wheels Dune Racer $249.98 The Power Wheels Fisher-Price Stinger XS is a 2 seat, 12v BPRO with large off road tires. This cool dune buggy’s main feature is Monster Traction which delivers superior terrain performance versus other BPROs. * The Power Wheels Fisher-Price Stinger XS is a 2 seat with front storage comparment and seat belts for added play. * Drive two forward speeds 2.5-5 mph and 1 reverse speed 2.5 mph. * Incl… |
|
|
KONNET iCrado Original, Stylish Metal Charging Dock / Cradle / Stand for iPhone, iPhone 3G, 3GS and iPod (Black) The KONNET iCrado is an easy to install cradle for your iPhone or iPod. With its unique distinctive design, it demonstrates the userâs personal style. The front is designed with a wide opening to give users the quick convenience of charging the iPhone or iPod without removing the protective case. The iCrado has a dedicated port to fit the Appleâs 30-pin USB cable to charge and sync the i… |
|
|
HYUNDAI SANTA FE 2010-2012 SUV Trucks Auto Center Armrest Console Cover Center Armrest covers protect, renew and add comfort to the center console of your vehicle. This cover fits a 2010-2012 HYUNDAI SANTA FE. Picture shown is of an example of our product on a center armrest. Cover is made from a fleece fabric and is machine washable… |
|
|
TOYOTA CAMRY 2000-2002 Car (not pictured) SUV Truck Van Auto Center Armrest Console Cover Center Armrest covers protect, renew and add comfort to the center console of your vehicle. This cover fits a 2000-2002 TOYOTA CAMRY. Picture shown is not of your vehicle but an example of our product on a center armrest. Cover is made from a fleece fabric and is machine wasable… |
|
|
Rocket Dog Women’s Memories Ballet Flat $39.95 Create new casual day memories with this flirty and modern ballerina flat featuring a step-in and go design, thai silk detailing and ruched round toe with bow accent. By Rocket Dog Product Information • Heel Height – Flat • Material – Thai Silk • Toe – Round Final sale, no exchanges, no returns. CALIFORNIA PROP 65 WARNING: Bakers strives to provide safe and environmentally friendl… |
|
|
Nurse Mates Women’s Pepper Oxford $54.00 • Spice up your shift with this sporty lace-up • Easy-care synthetic upper • Padded collar and tongue • Comfortable fabric lining • Pillow Top⢠cushioned footbed • Flexible rubber sole … |
|
|
Stacy Adams Men’s Sabola Slip-On $85.00 Sizzling designer style is yours when you step into Sabola Tasseled Loafers from famous Stacy Adams! SAVE BIG! Put your best foot forward! Stacy Adams has built a 135-year reputation of excellence in fashion-forward footwear, and sharp Shoes like these leather-lined Loafers are a big part of the reason why! Each comfy pair has a genuine snakeskin toe box with crocodile-print leather uppers. The cu… |
|
|
The Sims 3: Outdoor Living Stuff $10.00 For the first time ever, your Sims can get the best in outdoor luxury for their homes. Whether they’re decorating the perfect patio, setting the mood with a cool new hot tub, or firing up a state-of-the-art grill for the ultimate BBQ, your Sims’ outdoor decor is getting a boost. Give your Sims everything they need for a stylish and comfortable outdoor living space with The Sims 3 Outdoor Living!Fe… |
|
|
The Ultimate Library…10,000 Books on Cd-rom This 4 CD-ROM set includes: Volume One Volume Two |
|
|
COSMI 1000 Best Games For Windows ( Windows ) $2.00 … |
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
