Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PNGHack 1.0 Presentation

2,297 views

Published on

A quick presentation of the PNGHack project.

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

PNGHack 1.0 Presentation

  1. 1. PNGHack The end of 13 years PNG issues on IE
  2. 2. 13 Years ?
  3. 3. 13 Years ? • PNG was introduced in 1995
  4. 4. 13 Years ? • PNG was introduced in 1995 • IE 5.5 was released in 2000
  5. 5. 13 Years ? • PNG was introduced in 1995 • IE 5.5 was released in 2000 • IE 6 one year later in July 2001
  6. 6. 13 Years ? • PNG was introduced in 1995 • IE 5.5 was released in 2000 • IE 6 one year later in July 2001 • We are now in 2008 and IE 6 is still the most used browser around the world
  7. 7. What’s the problem ?
  8. 8. What’s the problem ? • IE 6 supports PNG files only by using non- valid DirectX filters, or other namespaces like VML (Vector Markup Language).
  9. 9. What’s the problem ? • IE 6 supports PNG files only by using non- valid DirectX filters, or other namespaces like VML (Vector Markup Language). • Most developers excepts IE to handle with PNG files without these deprecated technologies ...
  10. 10. The actual solutions ? lacks and fails on ...
  11. 11. The actual solutions ? lacks and fails on ... • easy maintenance,
  12. 12. The actual solutions ? lacks and fails on ... • easy maintenance, • cross-browser DOM compatibility,
  13. 13. The actual solutions ? lacks and fails on ... • easy maintenance, • cross-browser DOM compatibility, • scalability and further developments ...
  14. 14. This means ...
  15. 15. This means ... • It’s every time hell when the designer comes around with an über-sexy-glossy- webdesign
  16. 16. This means ... • It’s every time hell when the designer comes around with an über-sexy-glossy- webdesign • The customer and the marketing team are pissed off.
  17. 17. This means ... • It’s every time hell when the designer comes around with an über-sexy-glossy- webdesign • The customer and the marketing team are pissed off. • And you got frustrated once again about the blue E ...
  18. 18. Why PNGHack ?
  19. 19. More than a “quick fix”
  20. 20. More than a “quick fix” • It’s a light, unobtrusive and well documented JavaScript Library, meeting the needs of front-end developers.
  21. 21. More than a “quick fix” • It’s a light, unobtrusive and well documented JavaScript Library, meeting the needs of front-end developers. • It’s evolving and supported by a bunch of developers.
  22. 22. More than a “quick fix” • It’s a light, unobtrusive and well documented JavaScript Library, meeting the needs of front-end developers. • It’s evolving and supported by a bunch of developers. • It’s open-source and free !
  23. 23. Lets you handle ...
  24. 24. Lets you handle ... • Namespaces : it’s not only dedicated to valid HTML,
  25. 25. Lets you handle ... • Namespaces : it’s not only dedicated to valid HTML, • Elements : you’re able to hack what ever element you want, (img, input, image, ...)
  26. 26. Lets you handle ... • Namespaces : it’s not only dedicated to valid HTML, • Elements : you’re able to hack what ever element you want, (img, input, image, ...) • Attributes : you can define any attribute to retrieve the image source.
  27. 27. With many tools ...
  28. 28. With many tools ... • 3 hacking methods,
  29. 29. With many tools ... • 3 hacking methods, • 2 useful properties,
  30. 30. With many tools ... • 3 hacking methods, • 2 useful properties, • 1 storing collection,
  31. 31. With many tools ... • 3 hacking methods, • 2 useful properties, • 1 storing collection, • 9 optional parameters partially supporting Regular Expressions,
  32. 32. With many tools ... • 3 hacking methods, • 2 useful properties, • 1 storing collection, • 9 optional parameters partially supporting Regular Expressions, • a hundred of combinations .. and solutions !
  33. 33. The future ?
  34. 34. The future ? • PNGHack is going to support W3C CSS 2.1 background specifications in version 2.
  35. 35. The future ? • PNGHack is going to support W3C CSS 2.1 background specifications in version 2. • We will also keep up the work on PNGHack 1.0 by introducing new features.
  36. 36. The future ? • PNGHack is going to support W3C CSS 2.1 background specifications in version 2. • We will also keep up the work on PNGHack 1.0 by introducing new features. • And more ...
  37. 37. Not convinced ? There still are other solutions...
  38. 38. The end. Feel free to join our community by reporting issues, filling demands and participate to our discussion group. http://png-hack.googlecode.com © 2008 Yves Van Goethem yves.vangoethem@gmail.com Distributed under MIT X11 License

×