{"id":1133,"date":"2020-02-01T09:00:00","date_gmt":"2020-02-01T14:00:00","guid":{"rendered":"http:\/\/www.snaptopixels.com\/blog\/?p=1133"},"modified":"2020-04-22T12:00:45","modified_gmt":"2020-04-22T16:00:45","slug":"html5-banners","status":"publish","type":"post","link":"http:\/\/www.snaptopixels.com\/blog\/2020\/02\/01\/html5-banners\/","title":{"rendered":"HTML5 Display Media"},"content":{"rendered":"<p>This is a sample of my recent work with banners.<br
\/>\nI am an expert in rapid banner creation\/optimization.<br
\/>\n&#8212;<br
\/>\n<a
href=\"http:\/\/www.snaptopixels.com\/banners\/dom\/HotelTonight\/\">Hotel Tonight<\/a><br
\/>\nType: Dynamic Feed (Google)<br
\/>\nBuilt with: JS\/CSS\/GSAP (hand coded)<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/Amex_RisingStar_FHR\/\" target=\"_blank\" rel=\"noopener noreferrer\">American Express Rising Star FHR<\/a><br
\/>\nType: Rich Media, 225k<br
\/>\nBuilt With: Animate CC<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/Amex_Tennis\/300x250\/\" target=\"_blank\" rel=\"noopener noreferrer\">American Express Tennis<\/a><br
\/>\nType: Standard Media, 82k<br
\/>\nBuilt With: Animate CC and After Effects<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/OptBlue_Merchant\/OB_Merchant_Generic\/\" target=\"_blank\" rel=\"noopener noreferrer\">American Express Opt Blue<\/a><br
\/>\nType: Standard Media, 100k<br
\/>\nBuilt With: Animate CC, After Effects, Stop Motion Photography and Origami<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/dom\/Amex_Carousel_Unit\/\" target=\"_blank\" rel=\"noopener noreferrer\">Amex Tina Video Carousel<\/a><br
\/>\nType: DC Rich Media, 100k<br
\/>\nBuilt With: JS, CSS and GSAP. Polite Load video intro.<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/dom\/UFC_193\/\" target=\"_blank\" rel=\"noopener noreferrer\">Comcast UFC 193<\/a><br
\/>\nType: Standard Media, 50k<br
\/>\nBuilt With: JS, CSS, SVG, and GSAP<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/UFC_202\/\" target=\"_blank\" rel=\"noopener noreferrer\">Comcast UFC 202<\/a><br
\/>\nType: Standard Media, 55k<br
\/>\nBuilt With: Animate CC<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/Travelers_Holiday_Grow\/\" target=\"_blank\" rel=\"noopener noreferrer\">Travelers Holiday<\/a><br
\/>\nType: Standard Media, 50k<br
\/>\nBuilt With: PixiJS and GSAP&#8230;WebGL snow particles!<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/dom\/DE_CMO_SVG\/\" target=\"_blank\" rel=\"noopener noreferrer\">Amex OPEN SVG<\/a><br
\/>\nType: Standard Media, Inline (no external calls allowed), 60k<br
\/>\nBuilt With: GSAP, All SVG except a Base64 logo<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/dom\/Quickbooks_Online_SVG\/\" target=\"_blank\" rel=\"noopener noreferrer\">Amex Open Quickbooks SVG<\/a><br
\/>\nType: Standard Media, Inline (no external calls allowed), 50k<br
\/>\nBuilt With: GSAP, All SVG<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/POC-Captain\/\" target=\"_blank\" rel=\"noopener noreferrer\">American Express Open POC<\/a><br
\/>\nType: Standard Media, 23k<br
\/>\nBuilt With: Animate CC and GSAP<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/Plat_Brand\/\" target=\"_blank\" rel=\"noopener noreferrer\">American Express Platinum<\/a><br
\/>\nType: Standard Media, 140k<br
\/>\nBuilt With: After Effects, Animate CC and GSAP<\/p>\n<p><a
href=\"http:\/\/snaptopixels.com\/banners\/canvas\/Plat_Phase2_Uber\/\" target=\"_blank\" rel=\"noopener noreferrer\">American Express Platinum Uber<\/a><br
\/>\nType: Standard Media, 195k<br
\/>\nBuilt With: Animate CC and GSAP<\/p>\n","protected":false},"excerpt":{"rendered":"<p><a
href=\"http:\/\/www.snaptopixels.com\/blog\/2017\/07\/16\/html5-banners\/\"><img
loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.snaptopixels.com\/blog\/wp-content\/uploads\/2017\/09\/html5-logo.png\" width=\"100\" height=\"100\" class=\"blogdetailexcerpt\" title=\"View More\"\/><\/a>This is a sample of my recent work with banners.<br
\/>\nI am an expert in rapid banner creation\/optimization.<br
\/>\n<a
href=\"http:\/\/www.snaptopixels.com\/blog\/2017\/07\/16\/html5-banners\/\" title=\"View More\">View More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57],"tags":[63,62,61,60,59,58],"class_list":["post-1133","post","type-post","status-publish","format-standard","hentry","category-html5","tag-after-effects","tag-animate-cc","tag-canvas","tag-gsap","tag-inline","tag-svg"],"_links":{"self":[{"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/posts\/1133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":31,"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/posts\/1133\/revisions"}],"predecessor-version":[{"id":1177,"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/posts\/1133\/revisions\/1177"}],"wp:attachment":[{"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/media?parent=1133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/categories?post=1133"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.snaptopixels.com\/blog\/wp-json\/wp\/v2\/tags?post=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}