Digital Web Magazine - Creative Use of PNG Transparency in Web Design - The Diigo Meta page

• 19 Jan 12
  

  mikk edgen
  • #feature-content {  position: absolute;   bottom: 0;   left: 0;   height: 125px;   width: 720px;   background-image: url('transparent.png'); }
• 10 Oct 11
  

  tomek iksiński

  webdesign tip technique

• 28 Sep 11
  

  _ souloter

  透過PNGのうまい使い方

  webdesign .png css tips

• 23 Sep 11
  

  Twin Taoer
• 17 Jan 11
  

  mike montana

  PhotoShops

• 29 Oct 10
  

  pollo te

  todo projects webdesign todoparabussiness howto transparency png

• 12 Aug 10
  

  Ronan D

  Design PNG

• 04 Jun 10
  

  Digital Web Magazine - Creative Use of PNG Transparency in Web Design

  WebDesign css graphics tutorial

• 03 Jun 10
  

  Rhonda Fisher

  png webdesign css design graphics images web howto transparency for:@twitter

• 07 Apr 10
  

  Teresa Carr

  png webdesign css design transparency graphics web tutorial

• 31 Mar 10
  

  Xlaze .

  transparency graphics webdesign png design

• 27 Jan 10
  

  images webdev graphics html

• 29 Dec 09
  

  Cathy Germano

  tutorial images browser browsers reference webdesign howto tips photoshop javascript png html

• 28 Dec 09
  

  png transparency

• 12 Nov 09
  

  David Salahi

  Web Design Transparency

• 06 Oct 09
  

  Zheng Y

  img

• 23 Aug 09
  

  craigday

  graphics css transparency png

• 30 Jul 09
  

  stwind

  css

• 06 Jul 09
  

  ofanoctafish

  CSS Webdesign

• 11 May 09
  

  Rafa Garcia

  png webdesign design css transparency graphics images

• 04 May 09
  

  Rodrigo de Oliveira

  artigo dica imagem png transparência webdesign from_delicious

• 14 Apr 09
  

  Nidal Al Hariri

  css png transparency

• 12 Mar 09
  

  Brian Gallagher

  Bookmarks_Menu StumbleUpon Computers png webdesign css transparency design graphics images

• 16 Feb 09
  

  *** ED ***

  webdesign

• 02 Feb 09
  

  Michael Tribone

  webdesign graphics design tips transparency png

• 13 Jan 09
  

  jose oso

  e weather images needed to work equally well on different backgrounds. Take a look at Figures 5-2 and 5-3.

  webdesign

• 12 Jan 09
  

  Christopher Wright

  Digital Web Magazine

  reference tutorial tips tutorials png transparency

• 19 Dec 08
  

  Nic Bri

  css html Web Design development

• 05 Nov 08
  
• 22 Oct 08
  

  Alla Gringaus

  css

• 09 Oct 08
  

  louberee beck

  css png

• 22 Sep 08
  

  Chris Elias

  imported Bookmarks css design tutorials web_design PNG

• 21 Aug 08
  

  . K

  webdesign css webdesign-optimizing

• 16 Aug 08
  

  Sven Plaggemeier

  css png

• 18 Jul 08
  

  Joe Potvin

  png webdesign css transparency design graphics images howto

• 09 Jul 08
  

  techyi
• 04 Jul 08
  

  nostariel tinuviel

  for:who_layouts webdesign images transparency

• 02 Jul 08
  

  Muhammad Hussain

  graphics webdesign tips article

• 27 Jun 08
  

  martin castillo

  diseño web png

• 17 Jun 08
  

  Bertrand Zuchuat

  png webdesign transparency css

• 28 May 08
  

  Leslie Bush
• 

  Andreas Stegmann

  css design

• 24 May 08
  

  John MacLean

  good article on use of png format transparency in web design

  • Besides being a freely available format, PNG offers several practical advantages over GIF for the web designer:    * Greater compression: For most images, PNG achieves a smaller file size than GIF.  * Greater color depths: PNG offers truecolor up to 48 bits, whereas GIF allows only 256-color palettes.  * Alpha-channel transparency: Whereas GIF offers only binary transparency, PNG allows for virtually unlimited transparency effects by enabling an alpha channel for transparency.
  • Besides being a freely available format, PNG offers several practical advantages over GIF for the web designer:    * Greater compression: For most images, PNG achieves a smaller file size than GIF.  * Greater color depths: PNG offers truecolor up to 48 bits, whereas GIF allows only 256-color palettes.  * Alpha-channel transparency: Whereas GIF offers only binary transparency, PNG allows for virtually unlimited transparency effects by enabling an alpha channel for transparency.
• 21 May 08
  

  derekgottlieb

  png webdesign transparency css design graphics inspiration

• 18 May 08
  

  Suvi-Tuuli Allan

  web design

• 09 May 08
  

  slith one

  webdesign

• 21 Apr 08
  

  Chris Recknell

  css design image html javascript

• 18 Apr 08
  

  Chad Swaney

  ie ie6 css webdesign design graphics images howto transparency png article background best blog browser citation code computer

• 16 Apr 08
  

  Christopher Taylor

  webdesign

• 15 Apr 08
  

  Paw Yam

  images

• 14 Apr 08
  

  Damien Pascoe

  png webdesign css transparency design graphics images howto

• 13 Apr 08
  

  Thomas R. Stegelmann

  png howto

• 04 Apr 08
  

  Dan Mao

  The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.
  

  png webdesign

• 20 Mar 08
  

  Egon Bianchet

  png webdesign

• 11 Mar 08
  

  mybeky

  webdesign css png

• 26 Feb 08
  

  jobuzz33

  snowflake png graphics

• 25 Feb 08
  

  Perry Branch

  css design development graphics png web

• 23 Feb 08
  

  Betty Lowrance

  webdesign Graphics

• 22 Feb 08
  

  png transparency graphics website_ideas

• 

  Luis Gil

  (tags: webdesign png javascript diseño css)

  Bookmarks webdesign png javascript diseño css

• 

  Ana Lopes

  jpg, gif ou png as melhores escolhas

  images tutorial

• 21 Feb 08
  

  Mel Karlik

  Great article about what can be done with transparent png

  css transparency

• 

  Jim Smith

  webdesign graphics

• 17 Feb 08
  

  elle m

  The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in In

  png transparency images graphics

• 31 Jan 08
  

  0-grafix 2-site ie links tutorial

• 21 Jan 08
  

  Sara Hoffman

  webdesign transparency

• 16 Jan 08
  

  vicente bortolini

  webdesign

• 08 Jan 08
  

  Richard Kendall

  png webdesign css transparency graphics images inspiration interface layout

• 15 Dec 07
  

  uprise78

  links stuff

• 14 Dec 07
  

  Bruno Cristalli

  png design webdesign

• 03 Dec 07
  

  alaleche

  uso del pngs en web

  articulos png

• 08 Nov 07
  

  Lindsay Donaghe

  css design development graphics guide troubleshooting web

• 

  JustcallmeTom

  png transparency design

• 16 Oct 07
  

  mpavlik

  Imported Bookmarks

• 05 Oct 07
  

  losamorales g

  browsers css del.icio.us development imported png

• 24 Sep 07
  

  Carlos Virgen

  design howto photoshop png graphics

• 03 Sep 07
  

  bookmarker181

  css graphics webdesign png

• 23 Aug 07
  

  Burak Emre Kabakcı

  png webdesign css design

• 20 Aug 07
  

  Ryan C

  png we webdesign tips

• 01 Aug 07
  

  caturani

  articles design

• 

  Betty Sixtysix

  png

• 24 Jul 07
  

  danielbonavita

  tips design css webdesign web tutorial howto referencias

• 23 Jul 07
  

  Jeancarlo Cerasoli

  png webdesign css design transparency images howto articles code development for:bigbona

• 22 Jul 07
  

  larrick_1
  • The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.
• 

  Cat McD

  webdesign css

• 20 Jul 07
  

  Biagio Beatrice
• 16 Jul 07
  

  Marek Rozanski

  css graphics html webdesign _toread _from_delicious

• 

  Matti Narkia

  The PNG image has been widely overlooked by the web design community-and mostly for good reason. Until recently, it hasn't been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in In

  Creative Use PNG Transparency Web Design webdesign webdev images image picture pictures photo photos magazine article web_development popular

• 12 Jul 07
  

  Thiago Andrade

  Soluções Internet PNG

• 

  Diego Cano

  tutorial webdesign png html

• 

  Joe Payton

  article images

• 

  Eduardo Serrano

  webdev css png

• 11 Jul 07
  

  paulalbert
• 09 Jul 07
  

  posavasos

  PNG Diseño CSS Inspiración Código

• 

  matthieu bozec

  png transparency webdesign images howto

• 

  Michael Caldwell

  png css webdesign transparency graphics

• 

  Dirk P

  png

• 

  mimiqiao

  background graphics design best

• 

  rob_cornelius

  png webdesign css transparency

• 03 Jul 07
  

  Vamsee Krishna M

  png webdesign css design transparency graphics images

Page Comments

• 
  Charles Nelson on 2007-05-30
  "The PNG image has been widely overlooked by the web design
  community—and mostly for good reason. Until recently, it hasn’t been
  possible to take full advantage of the format and have it work reliably
  in all browsers. But, with proper PNG support in Internet Explorer 7,
  and some handy JavaScript and CSS tricks to account for older browsers,
  we can use PNG images to greatly enhance our design vocabulary."
• 
  Lindsay Donaghe on 2007-11-08
  A good reference about the PNG graphics format and what you can do with it in various browsers.
  

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.