{"id":30,"date":"2014-07-31T05:07:58","date_gmt":"2014-07-31T05:07:58","guid":{"rendered":"http:\/\/blog.nuventure.in\/?p=30"},"modified":"2023-05-18T17:48:08","modified_gmt":"2023-05-18T12:18:08","slug":"cssdeck-learn-crazy-css","status":"publish","type":"post","link":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/","title":{"rendered":"CSSDeck – Learn crazy CSS"},"content":{"rendered":"

This week’s write-up is about CSSDeck<\/strong>, literally a deck filled with lots of amazing CSS codes. The Labs<\/a> section is the primary part of this site, with the intention to allow users to share, edit and collaborate on creating and debugging HTML, CSS and JS codes. The site also allows to send in “cool crazy stuff created with the powers of CSS3 and JS<\/em><\/strong>” that they could feature in the gallery helping the creator “get some fame as well as helping others learn about the cutting edge practices and methodologies<\/em><\/strong>“. In addition to these, there are codecasts that users can create or watch to help with the learning experience.<\/p>\n

Interested enough ? What are you waiting for ? Take a look @ CSSDeck<\/a>.<\/p>\n

A few interesting examples of crazy CSS stuff (Watch the codecasts to learn how these were created<\/em> \ud83d\ude09 ):<\/p>\n

    \n
  1. Pac Pac Pac<\/a><\/li>\n
  2. Flickr Loader<\/a><\/li>\n
  3. Macbook icon<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    This week’s write-up is about CSSDeck, literally a deck filled with lots of amazing CSS codes. The Labs section is the primary part of this site, with the intention to allow users to share, edit and collaborate on creating and debugging HTML, CSS and JS codes. The site also allows to send in “cool crazy […]<\/p>\n","protected":false},"author":1,"featured_media":718,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[56],"tags":[7,4,5],"yoast_head":"\nNuventure Blog CSSDeck - Learn crazy CSS -<\/title>\n<meta name=\"description\" content=\"Nuventure Blog This week's write-up is about CSSDeck, literally a deck filled with lots of amazing CSS codes. The Labs section is the primary part of this site, with the\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuventure Blog CSSDeck - Learn crazy CSS -\" \/>\n<meta property=\"og:description\" content=\"Nuventure Blog This week's write-up is about CSSDeck, literally a deck filled with lots of amazing CSS codes. The Labs section is the primary part of this site, with the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Nuventure Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nuventureco\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-31T05:07:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-18T12:18:08+00:00\" \/>\n<meta name=\"author\" content=\"Tinu Cleatus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nuventureco\" \/>\n<meta name=\"twitter:site\" content=\"@nuventureco\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tinu Cleatus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/\"},\"author\":{\"name\":\"Tinu Cleatus\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#\/schema\/person\/92ee1865fc62f5f812a01ebc360befdb\"},\"headline\":\"CSSDeck – Learn crazy CSS\",\"datePublished\":\"2014-07-31T05:07:58+00:00\",\"dateModified\":\"2023-05-18T12:18:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/\"},\"wordCount\":150,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg\",\"keywords\":[\"CSS\",\"Nu-bits\",\"Tech\"],\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/\",\"url\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/\",\"name\":\"Nuventure Blog CSSDeck - Learn crazy CSS -\",\"isPartOf\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg\",\"datePublished\":\"2014-07-31T05:07:58+00:00\",\"dateModified\":\"2023-05-18T12:18:08+00:00\",\"description\":\"Nuventure Blog This week's write-up is about CSSDeck, literally a deck filled with lots of amazing CSS codes. The Labs section is the primary part of this site, with the\",\"breadcrumb\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage\",\"url\":\"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg\",\"contentUrl\":\"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg\",\"width\":580,\"height\":297},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nuventureconnect.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSSDeck – Learn crazy CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#website\",\"url\":\"https:\/\/nuventureconnect.com\/blog\/\",\"name\":\"Nuventure Blog\",\"description\":\"Knowledge.transmit!\",\"publisher\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nuventureconnect.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#organization\",\"name\":\"Nuventure Connect Private Limited\",\"url\":\"https:\/\/nuventureconnect.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2023\/03\/logo-main-with-cartion-1.webp\",\"contentUrl\":\"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2023\/03\/logo-main-with-cartion-1.webp\",\"width\":200,\"height\":89,\"caption\":\"Nuventure Connect Private Limited\"},\"image\":{\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/nuventureco\/\",\"https:\/\/x.com\/nuventureco\",\"https:\/\/www.instagram.com\/nuventure\/\",\"https:\/\/in.linkedin.com\/company\/nuventure\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#\/schema\/person\/92ee1865fc62f5f812a01ebc360befdb\",\"name\":\"Tinu Cleatus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nuventureconnect.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d4651d73eeb12d32186df9b61b4b1827?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d4651d73eeb12d32186df9b61b4b1827?s=96&r=g\",\"caption\":\"Tinu Cleatus\"},\"url\":\"https:\/\/nuventureconnect.com\/blog\/author\/tinu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nuventure Blog CSSDeck - Learn crazy CSS -","description":"Nuventure Blog This week's write-up is about CSSDeck, literally a deck filled with lots of amazing CSS codes. The Labs section is the primary part of this site, with the","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/","og_locale":"en_US","og_type":"article","og_title":"Nuventure Blog CSSDeck - Learn crazy CSS -","og_description":"Nuventure Blog This week's write-up is about CSSDeck, literally a deck filled with lots of amazing CSS codes. The Labs section is the primary part of this site, with the","og_url":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/","og_site_name":"Nuventure Blog","article_publisher":"https:\/\/www.facebook.com\/nuventureco\/","article_published_time":"2014-07-31T05:07:58+00:00","article_modified_time":"2023-05-18T12:18:08+00:00","author":"Tinu Cleatus","twitter_card":"summary_large_image","twitter_creator":"@nuventureco","twitter_site":"@nuventureco","twitter_misc":{"Written by":"Tinu Cleatus","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#article","isPartOf":{"@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/"},"author":{"name":"Tinu Cleatus","@id":"https:\/\/nuventureconnect.com\/blog\/#\/schema\/person\/92ee1865fc62f5f812a01ebc360befdb"},"headline":"CSSDeck – Learn crazy CSS","datePublished":"2014-07-31T05:07:58+00:00","dateModified":"2023-05-18T12:18:08+00:00","mainEntityOfPage":{"@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/"},"wordCount":150,"commentCount":0,"publisher":{"@id":"https:\/\/nuventureconnect.com\/blog\/#organization"},"image":{"@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage"},"thumbnailUrl":"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg","keywords":["CSS","Nu-bits","Tech"],"articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/","url":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/","name":"Nuventure Blog CSSDeck - Learn crazy CSS -","isPartOf":{"@id":"https:\/\/nuventureconnect.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage"},"image":{"@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage"},"thumbnailUrl":"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg","datePublished":"2014-07-31T05:07:58+00:00","dateModified":"2023-05-18T12:18:08+00:00","description":"Nuventure Blog This week's write-up is about CSSDeck, literally a deck filled with lots of amazing CSS codes. The Labs section is the primary part of this site, with the","breadcrumb":{"@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#primaryimage","url":"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg","contentUrl":"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2017\/11\/no-thumb.jpg","width":580,"height":297},{"@type":"BreadcrumbList","@id":"https:\/\/nuventureconnect.com\/blog\/2014\/07\/31\/cssdeck-learn-crazy-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nuventureconnect.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSSDeck – Learn crazy CSS"}]},{"@type":"WebSite","@id":"https:\/\/nuventureconnect.com\/blog\/#website","url":"https:\/\/nuventureconnect.com\/blog\/","name":"Nuventure Blog","description":"Knowledge.transmit!","publisher":{"@id":"https:\/\/nuventureconnect.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nuventureconnect.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nuventureconnect.com\/blog\/#organization","name":"Nuventure Connect Private Limited","url":"https:\/\/nuventureconnect.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nuventureconnect.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2023\/03\/logo-main-with-cartion-1.webp","contentUrl":"https:\/\/nuventureconnect.com\/blog\/wp-content\/uploads\/2023\/03\/logo-main-with-cartion-1.webp","width":200,"height":89,"caption":"Nuventure Connect Private Limited"},"image":{"@id":"https:\/\/nuventureconnect.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nuventureco\/","https:\/\/x.com\/nuventureco","https:\/\/www.instagram.com\/nuventure\/","https:\/\/in.linkedin.com\/company\/nuventure"]},{"@type":"Person","@id":"https:\/\/nuventureconnect.com\/blog\/#\/schema\/person\/92ee1865fc62f5f812a01ebc360befdb","name":"Tinu Cleatus","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nuventureconnect.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d4651d73eeb12d32186df9b61b4b1827?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d4651d73eeb12d32186df9b61b4b1827?s=96&r=g","caption":"Tinu Cleatus"},"url":"https:\/\/nuventureconnect.com\/blog\/author\/tinu\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/posts\/30"}],"collection":[{"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":3,"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":2163,"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions\/2163"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/media\/718"}],"wp:attachment":[{"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nuventureconnect.com\/blog\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}