Skip to main content

Home/ Clever Garden/ Group items tagged background-image

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
anonymous

How to recreate Silverback's parallax effect | Think Vitamin - 0 views

thinkvitamin.com/...te-silverbacks-parallax-effect

parallax effet css javascript position 3D 2D image PNG Silverback

shared by anonymous on 22 Apr 09 - Cached
  • anonymous on 22 Apr 09
     
    Moving Sonic the Hedgehog to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport, and at different horizontal percentage positions.
- Sofialisse -

Stripe Generator - ajax diagonal stripes background designer - 1 views

www.stripegenerator.com

shared by - Sofialisse - on 16 Dec 09 - Cached
  • - Sofialisse - on 16 Dec 09
     
    Generate seamless striped background images!
anonymous

ImageAlpha - GUI for PNG8+alpha image converters - 0 views

pornel.net/imagealpha

PNG transparence éditeur logiciel mac clevermarks

shared by anonymous on 27 Sep 10 - Cached
  • anonymous on 27 Sep 10
     
    ImageAlpha is a GUI for pngnq and pngquant. It allows you to easily generate paletted PNG images with full alpha channel and test how it will look against different backgrounds.
- Sofialisse -

Mobile Web Design: Best Practices - 0 views

sixrevisions.com/...bile-web-design-best-practices

shared by - Sofialisse - on 27 Sep 10 - Cached
  • With such limited space to contend with, multi-column layouts often break
  • Therefore, it pays to use a single column layout.
  • Ensuring that your mobile layout has large and easy-to-press links and clickable objects
  • ...9 more annotations...
  • Reducing the amount of clicks required to achieve an action
  • With the cost of browsing the web
  • the most costly component of a website is the content
  • Knowing how to reduce excess images, text and media can be the difference between a 50KB design and a 2MB layout of crippling intensity.
  • Less is more on a mobile device; less content equals more likely to read.
  • If your design is simply a modification/adaptation of your existing layout (the first method of delivery), you could decide to hide unnecessary text, images or media
  • large CSS background images or byte-heavy infographics can be problematic.
  • Reducing the resolution and dimensions of your images can literally be the difference between 50KB and 500KB — bandwidth consumption that’s worth saving.
  • With the lack of a mouse and the way our hands gesture to instigate actions and reactions, the traditional interaction patterns we’re accustomed to, such as hovering over a link (for example), is different.
1 - 5 of 5
Showing 20▼ items per page