{ Mr Popper } @mrpopperrx - Tumblr Blog

This is a post title

TLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl

TLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl TLah lasdflk hasdlf ajsdlfk jasldfk ajsdflTLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl TLah lasdflk hasdlf ajsdlfk hasdlf a

jsdlfk jasldfk ajsdflTLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl TLah lasdflk hasdlf ajsdlfk jasldfk ajsdflTLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl TLah lasdflk

hasdlf ajsdlfk jasldfk ajsdflTLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl TLah lasdflk hasdlf ajsdlfk jasldfk ajsdflTLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl TLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl

TLah lasdflk hasdlf ajsdlfk jasldfk ajsdfl

Enough of the foo-foo crap, time to lay down some bets. All damn day! Calculating odds and using popcorn to mark our choices. #gambling #horseraces #delmar #delmaropeningday (at Del Mar Racetrack)

#gambling #delmar #delmaropeningday #horseraces

Yogurtland, with all of my favorite monochromatic things.

Public Email: Backgrounds, with smooth gradient images

Hello peoples,

I know as you design your websites, you try to set a document size that mimics the average dimensions of a browser window.

That's fine, but I also noticed sometimes you'll use gradient backgrounds. Unfortunately, your gradients don't end before they reach the bounding box of your Photoshop/Illustrator comp.

If I were to export your backgrounds and use it in a web-browser, the result is as follows:

Notice how it gets cut-off abruptly, forming an awkward floating square?

I can stretch the background using CSS3, but it suffers from a lack of cross-browser compatibility and can even cause sluggish behavior on more dynamic sites.

You might be saying to yourself, "Why not just create a larger background image, one that would cover as much as 2400x1600px ?

That could potentially destroy the load speed of a website.

The best advice I can offer is that you mock up your backgrounds and air-brush them near the edge, so they blend in to a solid color.

When I took the background from the first image and airbrushed it to a solid color (#BEBEBE) within the original comp window, this is the result:

The background image is of the same dimension and same position. The result is much cleaner for users with both small and large displays.

#Email #CSS #Background #Web Design #HTML

Members Only

#jQuery #HTML #Members Only #Private #Just One Eye

Title (optional)

Post

Bold

Italicized Bold

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor.

#Photos #Introductory #List #Test #HTML #Developer

Trending Blogs

Recently Viewed Blogs

{ Mr Popper }