{"id":1568,"date":"2012-07-18T01:08:46","date_gmt":"2012-07-18T05:08:46","guid":{"rendered":"http:\/\/www.rexfeng.com\/blog\/?p=1568"},"modified":"2012-07-18T01:08:46","modified_gmt":"2012-07-18T05:08:46","slug":"generating-graphics-with-css","status":"publish","type":"post","link":"https:\/\/www.rexfeng.com\/blog\/2012\/07\/generating-graphics-with-css\/","title":{"rendered":"Generating graphics with CSS"},"content":{"rendered":"<p>Did a couple CSS demos (below are images, click through to see the css):<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/item\/preview\/592\/css-lv-logo\">LV logo<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1569\" title=\"logo\" src=\"http:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/logo.png\" alt=\"\" width=\"388\" height=\"319\" srcset=\"https:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/logo.png 388w, https:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/logo-150x123.png 150w, https:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/logo-300x246.png 300w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><\/p>\n<p><a href=\"http:\/\/cssdeck.com\/item\/preview\/629\/css-barcode-upc-a-generator\">UPC-A barcode generator<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1570\" title=\"upca\" src=\"http:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/upca.png\" alt=\"\" width=\"488\" height=\"353\" srcset=\"https:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/upca.png 488w, https:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/upca-150x108.png 150w, https:\/\/www.rexfeng.com\/blog\/wp-content\/uploads\/2012\/07\/upca-300x217.png 300w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><\/p>\n<p>The former is a static graphic with only css. The latter started out that way, but then involved <a href=\"http:\/\/jquery.com\/\">jQuery<\/a> to add usability.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did a couple CSS demos (below are images, click through to see the css): LV logo UPC-A barcode generator The former is a static graphic with only css. The latter started out that way, but then involved jQuery to add usability.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[1020,1018,1024,1023,1019,1021,1022],"class_list":["post-1568","post","type-post","status-publish","format-standard","hentry","category-tech","tag-barcode","tag-css","tag-html","tag-jquery","tag-lv","tag-upc","tag-upc-a"],"_links":{"self":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/1568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/comments?post=1568"}],"version-history":[{"count":2,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/1568\/revisions"}],"predecessor-version":[{"id":1572,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/1568\/revisions\/1572"}],"wp:attachment":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/media?parent=1568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/categories?post=1568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/tags?post=1568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}