Hot answers tagged

15

Don't do it. The days of moving content without user consent are over. In fact don't use splash pages or auto playing video. Users need to produce action for effects. However, mileage may vary. There is such a thing a novelty design, this is the reason splash pages worked in the past. Just be sure what you do adds to the user experience not just yours. ...


10

Are there any creative or interesting usages of an animated favicon out there? There's a playable version of the Defender game that takes place entirely inside the favicon.


8

There are a number of sites out there for folks to get a sense of what's going on in the design arena. Here are some on my RSS feed: Design Reviver - http://designreviver.com/ Six Revisions - http://sixrevisions.com/ A List Apart - http://www.alistapart.com/articles/ Smashing Magazine - http://www.smashingmagazine.com/ WebAppers - http://www.webappers.com/ ...


7

It appears based on this and this that Android will use the rel type of apple-touch-icon-precomposed or apple-touch-icon, BUT that for it to work you need to use a fully qualified url, e.g.: <link rel="apple-touch-icon-precomposed" href="http://www.example.com/custom_icon.png" /> or: <link rel="apple-touch-icon" ...


6

I would say "style guide."


5

Scan or license a copy of an image of crumpled white paper In your graphics editing software, copy only the shadows of black from the image (in Photoshop I use the Select > Color Range feature with the darkest shade selected and medium fuzziness) Apply a threshold to the selection to ensure that only dark colors will be copied Paste the shades of black onto ...


5

Stock.XCHNG is the best free stock photo site I've found. You'll have to read the license for each photo to make sure you can use for commercial purposes and if you need attribution, but I've generally found that I can use most of the photos on the site. Also see: 123rf iStockPhoto Corbis Images Shutter Stock Dreamstime StockXpert


5

There are two problems I have seen with this.The first is that it makes your website look like it is never done loading, because users normally only see the loading favicon animated and naturally associate any animation with the browser loading. The second problem is that animated favicons distract the user, just imagine having 8 tabs open and each one ...


4

search.creativecommons.org combines image search results from multiple engines using each engine's licensing filter to only return images that are licensed for commercial use under a Creative Commons license. The standard disclaimer about checking the license of each image you plan to use should apply to any answer given here.


4

If I understand your question, and you already know that a sprite is really just an image-combining-image, then the last part you need to know is about the CSS. The CSS is what associates a portion of your image with a state. You create the html representing the button, assign it a class, then you write up your CSS. .my-button{ width:20px; ...


4

IE has had PNG support since at least IE4, the Mozilla suite had it back before Firefox came around. Opera, minority player that it is, has had it for about as long. Netscape 4.7 I think does not. So I'm pretty sure we're over 97% right now. At least, on my web-sites. I don't know anything about mobile/phone browsers, though.


3

All the newer versions (and older versions of many) of the major players support it. Something you'll want to look for is full Alpha and transparency support. There are hacks you have to perform to get even major browsers to recognize these, some times it's just not possible. Check here for a listing of png support status in browsers, major and minor. ...


3

The GraphicsMagick -trim operator here. Does what I need. Thanks for the other suggestions.


3

Please be aware of W3C's Accesibility Guideline Guideline 2.3 asks you not to design content in a way that is known to cause seizures: "Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. (Level A)" see http://www.w3.org/TR/WCAG20/#seizure


2

Try Elance. Explain what you're looking for, just like you did here, and ask prospective designers to show samples of their work.


2

If the tree view on the left enables a user to navigate to any page they wish/need to view then you're probably, ok. However, for the sake of usability, you may want to use breadcrumbs at the top of the page to help the user navigate to important sections or back track the way the came. You may also want to link to important sections or commonly used ...


2

Check out the OpenClipArt project - seems to be fairly extensive.


2

Try this: http://jirox.net/AsButtonGen/ It's an in-browser Flash application that lets you create Web 2.0 buttons and export them as PNG files.


2

I have spent a few hours on this as well, and yes, check your fonts on Windows Firefox. On my setup (FF 13, Windows XP) every Google font seems aliased - must be the ClearType thing, but some fonts are a lot better than others. Compare Chau Philomene One to Francois On - http://clients.idea-bureau.com/font3.gif and Francois One actually looks decent at ...


2

I guess an animated favicon is like all others animated GIFs : done right, it can be awesome and really add up to your website. But make sure not to overuse it, as it can really get visually annoying !


2

You don't say which kind of database you're using so here are a few to consider:- http://www.dbfacephp.com/mockup http://www.inetsoftware.de/products/crystal-clear/designer http://devtools.korzh.com/query-builder-component/ http://mydbr.com/ http://www.freereporting.com/ http://datavision.sourceforge.net/ http://reportman.sourceforge.net/


1

Google web background "cotton paper" texture


1

Try out different Rendering Modes http://trentwalton.com/2010/06/29/css-text-rendering/ http://blog.typekit.com/2011/01/26/css-properties-that-affect-type-rendering/ edit: one more real good one for great justice : https://developer.mozilla.org/en/CSS/text-rendering


1

I have spend a good few hours looking at this and I thought I would share my findings. I can't guarantee these points are correct but it's the way it appears to me so I would appreciate corrections/additions to this in the comments if anyone thinks they know better. The font in question looked perfect in GIMP so the issue must be a browser issue. The ...


1

Conditional comments allow you to target CSS directly at specific versions of internet explorer, or versions above a specific version. This helps fix bugs seen in only a single browser version, or target graphics at specific IE browsers and not others e.g. showing a gif to IE6 but a png to 7 or above. In wider terms the general principal for website design ...


1

You could write a php script that crops all of the images. http://php.net/manual/en/function.imagecopyresampled.php


1

It seems your image is tagged with a print profile, which is probably why you're seeing a different color. As stated on this article from Hacks Mozilla: You can remove all of the color correction chunks resulting in an untagged image using pngcrush: pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB infile.png outfile.png Alternatively, ...


1

Google does not appear to index text in .svg image files. I have created an SEO experiment for you. I: put three paragraphs of text in an SVG image saved that as a .svg file embedded the image in a new web page using <img src= waited a week to see what Google indexed Google did not index the text in the image at all. The text on the new page ...



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