{"id":686,"date":"2008-04-06T07:14:18","date_gmt":"2008-04-06T14:14:18","guid":{"rendered":"http:\/\/css-tricks.com\/css-off-entry\/"},"modified":"2008-04-06T07:14:40","modified_gmt":"2008-04-06T14:14:40","slug":"css-off-entry","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/css-off-entry\/","title":{"rendered":"CSS Off Entry"},"content":{"rendered":"

I mentioned CSS Off<\/a> earlier in the week, but I wasn’t sure if I was going to have time this weekend to participate. As fate would have it, I happened to be browsing my feeds late Friday night and saw the post pop up<\/a> that the files were ready. I figured I’d at least download the PSD and check it out. Of course as soon as I start poking around in the file, I was hooked. I started slicing stuff up and thinking about code and 90 minutes later, I was done! I think I might be addicted =)<\/p>\n

Here is my entry.<\/a><\/p>\n

Did I screw anything up?<\/p>\n","protected":false},"excerpt":{"rendered":"

I mentioned CSS Off earlier in the week, but I wasn’t sure if I was going to have time this weekend to participate. As fate would have it, I happened to be browsing my feeds late Friday night and saw the post pop up that the files were ready. I figured I’d at least download […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":375190,"url":"https:\/\/css-tricks.com\/more-than-slapping-paint-on-a-website\/","url_meta":{"origin":686,"position":0},"title":"More Than “Slapping Paint on a Website”","date":"November 29, 2022","format":false,"excerpt":"I'm a sucker for anything about front-end job titles. Anselm Hannemann: CSS evolved and we\u2019re beyond the point where everyone can just do it as a side interest. We all can learn it and build amazing stuff with it, but using it wisely and correctly in a large-scale context isn\u2019t\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/05\/css-art.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":322106,"url":"https:\/\/css-tricks.com\/pow\/","url_meta":{"origin":686,"position":1},"title":"POW","date":"September 30, 2020","format":false,"excerpt":"As a connoisseur of web trickery, this is a must share: POW stands for Packaged Offline\/online Webpage. It turns out the png format includes ways to save metadata alongside the image file. A powfile has a metadata entry that contains a zip file that contains a full website. So a\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/09\/pow.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":305599,"url":"https:\/\/css-tricks.com\/gqless\/","url_meta":{"origin":686,"position":2},"title":"gqless","date":"March 30, 2020","format":false,"excerpt":"This is so cool. I mean, GraphQL is already cool. It's very satisfying to write an understandable-looking query for whatever you want and then use that data in templates. But what if you didn't have to write the query at all? What if you just wrote the templates pretending you\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/03\/gqless.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":301447,"url":"https:\/\/css-tricks.com\/how-many-css-properties-are-there\/","url_meta":{"origin":686,"position":3},"title":"How many CSS properties are there?","date":"January 14, 2020","format":false,"excerpt":"Tomasz \u0141akomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them: npx get-all-css-properties You'll get 259 of them. The source code uses the\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/08\/css-sparkle-1.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":321030,"url":"https:\/\/css-tricks.com\/enforcing-performance-budgets-with-webpack\/","url_meta":{"origin":686,"position":4},"title":"Enforcing performance budgets with webpack","date":"September 18, 2020","format":false,"excerpt":"As you probably know, a single monolithic JavaScript bundle \u2014 once a best practice \u2014 is no longer the way to go for modern web applications. Research has shown that larger bundles increase memory usage and CPU costs, especially on mid-range and low-end mobile devices. webpack has a lot of\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/09\/piggy-bank.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":317284,"url":"https:\/\/css-tricks.com\/backdrop-filter-effect-with-css\/","url_meta":{"origin":686,"position":5},"title":"Backdrop Filter effect with CSS","date":"July 16, 2020","format":false,"excerpt":"I love these little posts where some tricky-looking design is solved by a single line of CSS using a little-known property. In this case, the design is a frosted glass effect and the CSS property is backdrop-filter. The approach? Easy peasy: .container { backdrop-filter: blur(10px); } The comments in the\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/07\/bitton-background-filter.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/686"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":0,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}