diff --git a/cache.json b/cache.json index 970e7da..97f9691 100644 --- a/cache.json +++ b/cache.json @@ -102,6 +102,42 @@ "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ + { + "id": "https://css-tricks.com/?p=340599", + "author": "Chris Coyier", + "description": "Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom properties are quite liberal! So this looks for a CSS rule (e.g. a …\nThe post JSON in CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/json-in-css/", + "publishedOn": "2021-05-20T22:29:53.000Z", + "wordCount": 631, + "title": "JSON in CSS" + }, + { + "id": "https://css-tricks.com/?p=340933", + "author": "Chris Coyier", + "description": "Ooo look at this mighty SEO flex from Google: Learn CSS! Well deserved — this is great content. Twenty-three chapters taking you through all the fundamentals of CSS with extra content, like relevant podcasts, interactive examples, and even quizzes to …\nThe post Learn CSS! appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://web.dev/learn/css/", + "publishedOn": "2021-05-20T21:51:43.000Z", + "wordCount": 991, + "title": "Learn CSS!" + }, + { + "id": "https://css-tricks.com/?p=340715", + "author": "Jhey Tompkins", + "description": "If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. …\nThe post Can We Create a “Resize Hack” With Container Queries? appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://css-tricks.com/can-we-create-a-resize-hack-with-container-queries/", + "publishedOn": "2021-05-20T14:24:12.000Z", + "wordCount": 1691, + "title": "Can We Create a “Resize Hack” With Container Queries?" + }, + { + "id": "https://css-tricks.com/?p=340897", + "author": "Chris Coyier", + "description": "Here’s some hardcore deep-dive CSS nerdery from PPK. If you can wrap your mind around min-content (the smallest an element can be based on the content it contains) and max-content (the largest the content of an element can push it) …\nThe post fit-content and fit-content() appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", + "link": "https://www.quirksmode.org/blog/archives/2021/04/fitcontent_and.html", + "publishedOn": "2021-05-20T14:20:56.000Z", + "wordCount": 1196, + "title": "fit-content and fit-content()" + }, { "id": "https://css-tricks.com/?p=340731", "author": "Chris Coyier", @@ -117,7 +153,7 @@ "description": "SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external …\nThe post svg-loader: A Different Way to Work With External SVG appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/svg-loader-a-different-way-to-work-with-external-svg/", "publishedOn": "2021-05-19T14:28:19.000Z", - "wordCount": 1417, + "wordCount": 1558, "title": "svg-loader: A Different Way to Work With External SVG" }, { @@ -135,7 +171,7 @@ "description": "Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d share some tips on how to do it! In this article, …\nThe post How to Create Neon Text With CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/how-to-create-neon-text-with-css/", "publishedOn": "2021-05-18T14:31:25.000Z", - "wordCount": 2364, + "wordCount": 2401, "title": "How to Create Neon Text With CSS" }, { @@ -153,7 +189,7 @@ "description": "I see you. In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.\nThe post A Love Letter to HTML & CSS appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/a-love-letter-to-html-css/", "publishedOn": "2021-05-17T14:27:22.000Z", - "wordCount": 2463, + "wordCount": 2661, "title": "A Love Letter to HTML & CSS" }, { @@ -200,42 +236,6 @@ "publishedOn": "2021-05-13T23:22:45.000Z", "wordCount": 1594, "title": "DevTools for CSS layouts 2021 edition" - }, - { - "id": "https://css-tricks.com/?p=340573", - "author": "Chris Coyier", - "description": "My friends at Sparkbox are doing a survey on design systems, as they do each year. Go ahead and fill it out if you please. Here are the results from last year. In both 2019 and 2020, the vibe was …\nThe post 2021 Design Systems (Survey/Courses) appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/2021-design-systems-survey-courses/", - "publishedOn": "2021-05-13T22:55:35.000Z", - "wordCount": 605, - "title": "2021 Design Systems (Survey/Courses)" - }, - { - "id": "https://css-tricks.com/?p=340036", - "author": "Temani Afif", - "description": "When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lots of declarations. There are a couple of tricks though that I want to talk about that might help make things easier, while staying in …\nThe post Advanced CSS Animation Using cubic-bezier() appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/advanced-css-animation-using-cubic-bezier/", - "publishedOn": "2021-05-13T14:24:42.000Z", - "wordCount": 2745, - "title": "Advanced CSS Animation Using cubic-bezier()" - }, - { - "id": "https://css-tricks.com/?p=340118", - "author": "Chris Coyier", - "description": "Building animations can get complicated, particularly compelling animations where you aren’t just rolling a ball across the screen, but building a scene where many things are moving and changing in concert. When compelling animation is the goal, a timeline GUI …\nThe post SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", - "link": "https://css-tricks.com/svgator-3-0-reshapes-the-way-you-create-and-animate-svg-with-extensive-new-features/", - "publishedOn": "2021-05-13T14:24:35.000Z", - "wordCount": 986, - "title": "SVGator 3.0 Reshapes the Way You Create and Animate SVG With Extensive New Features" - }, - { - "id": "https://css-tricks.com/?p=339960", - "author": "Sandrina Pereira", - "description": "Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g.