Tag Info

Hot answers tagged

5

The background of that page consists of several semitransparent images overlaid on top of each other. When you right-click on the page and select View Background Image (or equivalent), you'll get the image that happens to be the topmost layer at the spot you clicked. If you click near the top, you get this image of a balloon; near the middle you might get ...


4

Use image site maps It is really not recommended to use images this way. It's like using <span> instead of <a>. It is possible to do everything you want with normal <img> tags. My recommendation: use <img>. If you for some reason really cannot do it, make good image site maps and use really descriptive images names.


3

The data URI limit is set by the browser that is viewing your site. Internet Explorer 6 and 7 does not support Data URI. Internet Explorer 8 has a Data URIs limit of 32KB Internet Explorer 9 has no Data URI limit. PNG Sprites are better than Data URI Personally PNG sprites are the way forward because with PNG sprites the Caching is far Superior since ...


3

Google (and other bots) will see your html as it is. If you've got it as an image, they'll see it like that. If you Javascript it to the background, they won't notice, so it'll have no effect. Although, Google (and maybe other bots) are starting to understand javascript. I recommend not hiding the image, simple remove it or load it as background in the ...


3

That image can't be copyrighted. In order for something to be copyrighted, it has to be an "original work", or be something like a book or an image that required creativity, imagination, etc. to create. A stripe can be created by anyone, without even thinking about it, so it does not fall under copyright restrictions. Semi related: if you are going to try ...


3

it doesn't really matter what extension you're using as far as your browser can implement it, anyway if your background is all of a pattern, you should trim it to average dimensions (so the way it loads and it displays on the screen is faster than if you were using a large image that you expect to fit all the screen-size on the web). here's the way you can ...


2

Ask the programmer how they want you to send it to them. Some may want a PSD, some may want a PNG, JPG, or GIF, etc. It all depends on what they are familiar with and how comfortable they are with working with graphics.


2

It's unlikely that's been generated at all. You can poke around the search results for something along the line of "speckled paper Photoshop tutorial," find one you like and then learn how to do it, but it'll probably be faster to just go to your nearest art store, buy some actual paper in whatever color you want, and run it through a scanner. Or have a poke ...


2

For that images use descriptive names: use descriptive-name.jpg instead of image-01.jpg. It will help and compensate the absence of alt.


2

From the YouTube terms of service: If you use the Embeddable Player on your website, you may not modify, build upon, or block any portion or functionality of the Embeddable Player, including but not limited to links back to the YouTube website. Using their embedded player as a page background would appear to violate the terms of service because: It ...


1

This HTML snippet should do the trick (demo) <div style="position: fixed; z-index: -99; width: 100%; height: 100%"> <iframe frameborder="0" height="100%" width="100%" src="https://youtube.com/embed/ID?autoplay=1"> </iframe> </div> See tutorial: YouTube Video as Background


1

Part 1: This is totally fine. Google hosts tons of libraries (the most popular library probably being jQuery) and content on their CDN which is available for public use. Part 2: If I understood what your edit meant, you're wanting to know if you can use a YouTube video as a background even if it doesn't show any YouTube logos or controls? Is that is what ...


1

Load a couple of images immediately (enough) to display the page. Then load a couple of extras images asynchronously in background to anticipate requests from users as necessary.


1

Images are page signals and factors of many... Images always help because they are one of many signals using the ALT to inform Google what the page is about, however to say they are needed is also false, its one of many factors. Google can establish factors from many other signals such as TITLE, Meta, Content and so on. Write content for your visitors not ...


1

Uh, looking at Stackoverflow: http://stackoverflow.com/questions/8580541/a-way-to-create-random-noise-background-image-png-with-javascript gives this example: http://jsfiddle.net/SfzPc/14/


1

Here's a decent primer on background textures in web design from smashing magazine and a further article from the same site on how to find more (there are tons of high quality free ones about the web). The texture you've posted looks like paper to me, and it's style is 'tiled' in the sense that it needs to be repeated up and down the page to work.


1

use clip{} on your img elements, that way you can use a css sprite that is accessible for Retina devices. you could add size/fx on :hover, or you could just make the hover img bigger on the sprite.


1

Using the Alt attribute would be a very good way to make sure this is accessible without making a "mess of things". It's simple and doesn't require any hacks or additional code to work.


1

One ugly solution I can think of right now is to create absolute positioned div at top-right corner of the page. Width of 50%, background color grey. In the middle there is your background. You can use another div to set the background for the other side for consistency, but it's much easier to set the proper background for your body. You can improve this ...



Only top voted, non community-wiki answers of a minimum length are eligible