{ "sources": [ { "title": "Release notes from osmosfeed", "feedUrl": "https://github.com/osmoscraft/osmosfeed/releases.atom", "siteUrl": "https://github.com/osmoscraft/osmosfeed/releases", "articles": [] }, { "title": "CSS-Tricks", "feedUrl": "https://css-tricks.com/feed/", "siteUrl": "https://css-tricks.com", "articles": [ { "id": "https://css-tricks.com/?p=350644", "author": "Chris Coyier", "description": "I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites. \nI think it’s encouraging to see frameworks — these …\nThe post Frameworks Helping Image Usage appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/frameworks-helping-image-usage/", "publishedOn": "2021-09-09T19:44:54.000Z", "wordCount": 757, "title": "Frameworks Helping Image Usage" }, { "id": "https://css-tricks.com/?p=351259", "author": "ImageKit", "description": "(This is a sponsored post.)\nOptimizing the user experience you offer on your website is essential for the success of any online business. Google does use different user experience-related metrics to rank web pages for SEO and has continued …\nThe post Improve Largest Contentful Paint (LCP) on Your Website With Ease appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/improve-largest-contentful-paint-lcp-on-your-website-with-ease/", "publishedOn": "2021-09-09T19:43:03.000Z", "wordCount": 2709, "title": "Improve Largest Contentful Paint (LCP) on Your Website With Ease" }, { "id": "https://css-tricks.com/?p=350070", "author": "Ganesh Dahal", "description": "Frontity is a framework for creating de-coupled (or \"headless\") WordPress sites. In this article, we dive into the process of spinning up such a site, with a detailed overview of the building blocks provided by Frontity and its flagship theme, Mars.\nThe post Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/mars-theme-a-deep-look-at-frontitys-headless-wordpress-theme/", "publishedOn": "2021-09-09T14:31:18.000Z", "wordCount": 9824, "title": "Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme" }, { "id": "https://css-tricks.com/?p=351389", "author": "Chris Coyier", "description": "Here’s Atif Afzal on using a
that is permanently on the page where tooltips are added/removed and how they perform vastly better than plopping those same tooltips right into the . It’s not really discussed, but the reason …\nThe post Don’t attach tooltips to document.body appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/dont-attach-tooltips-to-document-body/", "publishedOn": "2021-09-08T19:08:55.000Z", "wordCount": 562, "title": "Don’t attach tooltips to document.body" }, { "id": "https://css-tricks.com/?p=351043", "author": "Tapas Adhikary", "description": "I love shapes, especially colorful ones! Shapes on websites are in the same category of helpfulness as background colors, images, banners, section separators, artwork, and many more: they can help us understand context and inform our actions through affordances.\nA …\nThe post The Story Behind TryShape, a Showcase for the CSS clip-path property appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/the-story-behind-tryshape-a-showcase-for-the-css-clip-path-property/", "publishedOn": "2021-09-08T14:30:18.000Z", "wordCount": 2565, "title": "The Story Behind TryShape, a Showcase for the CSS clip-path property" }, { "id": "https://css-tricks.com/?p=351276", "author": "Chris Coyier", "description": "Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment. That lack of movement is unfortunate, as it’s almost guaranteed front-end developers all over would start using it as …\nThe post Can we have custom media queries, please? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://www.stefanjudis.com/notes/can-we-have-custom-media-queries-please/", "publishedOn": "2021-09-07T22:17:55.000Z", "wordCount": 481, "title": "Can we have custom media queries, please?" }, { "id": "https://css-tricks.com/?p=351146", "author": "Chris Coyier", "description": "When requirements read “when visible” your brain should go straight to IntersectionObserver. That’s exactly what Zach is doing here to kick off an animation when it scrolls into view.\nExcept this animation is an SVG SMIL animation: an …\nThe post Fire SVG animations (SMIL) when the SVG is visible appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://www.zachleat.com/web/svg-animate/", "publishedOn": "2021-09-07T17:54:12.000Z", "wordCount": 1648, "title": "Fire SVG animations (SMIL) when the SVG is visible" }, { "id": "https://css-tricks.com/?p=351346", "author": "Chris Coyier", "description": "(This is a sponsored post.)\nI did a sponsored video the other week explaining how to build a paid subscription newsletter using WordPress (we did it on WordPress.com but it could be hosted anywhere), MailPoet (a plugin to visually …\nThe post Building Your Own Subscription Newsletter appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/building-your-own-subscription-newsletter/", "publishedOn": "2021-09-07T17:52:19.000Z", "wordCount": 776, "title": "Building Your Own Subscription Newsletter" }, { "id": "https://css-tricks.com/?p=351017", "author": "Šime Vidas", "description": "Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the and elements in browsers today is not very compatible with the wide range of …\nThe post Firefox’s `bolder` Default is a Problem for Variable Fonts appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/firefoxs-bolder-default-is-a-problem-for-variable-fonts/", "publishedOn": "2021-09-07T14:41:57.000Z", "wordCount": 1442, "title": "Firefox’s `bolder` Default is a Problem for Variable Fonts" }, { "id": "https://css-tricks.com/?p=351402", "author": "Chris Coyier", "description": "There is a working draft spec for CSS scoping now. Other than a weird period where