mirror of
https://github.com/osmoscraft/osmosfeed-template.git
synced 2026-03-11 14:44:24 +00:00
deploy: 1f5684a2ae
This commit is contained in:
chuanqisun
parent
cef5827bbc
commit
ca0ea11357
3 changed files with 337 additions and 281 deletions
163
cache.json
163
cache.json
|
|
@ -102,6 +102,33 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340808",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBoundingClientRect. Also, \n…\nThe post Links on Performance appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/links-on-performance/",
|
||||
"publishedOn": "2021-05-24T22:03:30.000Z",
|
||||
"wordCount": 817,
|
||||
"title": "Links on Performance"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=341153",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I like a good trick. What if… a URL was… a promise… that fetched said URL?\nwww.codepen.io.then((response) ={\n console.log(response);\n});\nThat’s what @justjavac did with JavaScript Proxys. A clever trick, that. Don’t @ me about the practicality. Trick…\nThe post proxy-www appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://github.com/justjavac/proxy-www",
|
||||
"publishedOn": "2021-05-24T19:09:59.000Z",
|
||||
"wordCount": 527,
|
||||
"title": "proxy-www"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340626",
|
||||
"author": "Raymond Camden",
|
||||
"description": "By our last estimate, there are now more PDFs in the world than atoms in the universe (not verified by outside sources) so chances are, from time to time, you’re going to run into a PDF document or two. Browsers …\nThe post Wrangling Control Over PDFs with the Adobe PDF Embed API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/wrangling-control-over-pdfs-with-the-adobe-pdf-embed-api/",
|
||||
"publishedOn": "2021-05-24T13:57:21.000Z",
|
||||
"wordCount": 2851,
|
||||
"title": "Wrangling Control Over PDFs with the Adobe PDF Embed API"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340991",
|
||||
"author": "Chris Coyier",
|
||||
|
|
@ -117,7 +144,7 @@
|
|||
"description": "This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and then shift focus to things like state management and DOM interoperability, among other things. …\nThe post Svelte for the Experienced React Dev appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/svelte-for-the-experienced-react-dev/",
|
||||
"publishedOn": "2021-05-21T14:30:59.000Z",
|
||||
"wordCount": 3343,
|
||||
"wordCount": 3530,
|
||||
"title": "Svelte for the Experienced React Dev"
|
||||
},
|
||||
{
|
||||
|
|
@ -135,7 +162,7 @@
|
|||
"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": 1030,
|
||||
"wordCount": 1044,
|
||||
"title": "JSON in CSS"
|
||||
},
|
||||
{
|
||||
|
|
@ -153,7 +180,7 @@
|
|||
"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": 1725,
|
||||
"wordCount": 1747,
|
||||
"title": "Can We Create a “Resize Hack” With Container Queries?"
|
||||
},
|
||||
{
|
||||
|
|
@ -171,7 +198,7 @@
|
|||
"description": "The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use. They even sponsored a few videos around here a …\nThe post Notion API appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/notion-api/",
|
||||
"publishedOn": "2021-05-19T23:18:42.000Z",
|
||||
"wordCount": 1042,
|
||||
"wordCount": 1127,
|
||||
"title": "Notion API"
|
||||
},
|
||||
{
|
||||
|
|
@ -180,7 +207,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": 1606,
|
||||
"wordCount": 1803,
|
||||
"title": "svg-loader: A Different Way to Work With External SVG"
|
||||
},
|
||||
{
|
||||
|
|
@ -209,33 +236,6 @@
|
|||
"publishedOn": "2021-05-17T22:38:06.000Z",
|
||||
"wordCount": 5325,
|
||||
"title": "The Humble `img` Element And Core Web Vitals"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=339522",
|
||||
"author": "Ashley Kolodziej",
|
||||
"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": 2963,
|
||||
"title": "A Love Letter to HTML & CSS"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340594",
|
||||
"author": "Chris Coyier",
|
||||
"description": "An interactive tool for learning grid syntax from Etesam Ansari. In the Learn section, it teaches you some concepts (involving multiple bits of the grid syntax) then gives you a task to complete by filling out the right syntax. I’m …\nThe post Euismod appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.euismod.dev/",
|
||||
"publishedOn": "2021-05-17T14:27:13.000Z",
|
||||
"wordCount": 3,
|
||||
"title": "Euismod"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=340136",
|
||||
"author": "Chris Coyier",
|
||||
"description": "I’ve been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or iMessage. You’re essentially leaving money on the table without them, because they …\nThe post Auto-Generated Social Media Images appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/auto-generated-social-media-images/",
|
||||
"publishedOn": "2021-05-14T20:34:49.000Z",
|
||||
"wordCount": 2298,
|
||||
"title": "Auto-Generated Social Media Images"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -244,6 +244,15 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/",
|
||||
"author": "hello@smashingmagazine.com (Adrian Bece)",
|
||||
"description": "CSS Container queries bring media queries closer to the target elements themselves and enables them to adapt to virtually any given container or layout. In this article, we’re going to cover CSS container query basics and how to use them today with progressive enhancement or polyfills.",
|
||||
"link": "https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/",
|
||||
"publishedOn": "2021-05-24T11:30:00.000Z",
|
||||
"wordCount": 2665,
|
||||
"title": "CSS Container Queries: Use-Cases And Migration Strategies"
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/",
|
||||
"author": "hello@smashingmagazine.com (Shalabh Vyas)",
|
||||
|
|
@ -467,6 +476,51 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "60626dc29618b008528a9589",
|
||||
"author": null,
|
||||
"description": "Walkthrough for Hack The Box Nibbles machine",
|
||||
"link": "https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles-2/",
|
||||
"publishedOn": "2021-05-25T00:20:22.000Z",
|
||||
"wordCount": 1905,
|
||||
"title": "Keep Calm and Hack The Box – Nibbles"
|
||||
},
|
||||
{
|
||||
"id": "60aaba5911ffb70827ef5ffc",
|
||||
"author": null,
|
||||
"description": "Achieving a big goal like transitioning into a new career can be extremely challenging and overwhelming. The amount of information isn't the problem. We have access to more information than we ever have. The problem is knowing how to effectively execute on the information available to us. The more I",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-use-small-sustainable-habits-to-get-your-first-dev-job/",
|
||||
"publishedOn": "2021-05-24T21:30:43.000Z",
|
||||
"wordCount": 1835,
|
||||
"title": "How to Use Small and Sustainable Habits to Get Your First Dev Job"
|
||||
},
|
||||
{
|
||||
"id": "60ac07ec11ffb70827ef66e4",
|
||||
"author": null,
|
||||
"description": "CSS Media Queries allow you to create responsive websites that look good on all screen sizes, from desktop to mobile. We just released a course on the freeCodeCamp channel that will teach you how to create CSS Media Queries. After learning the basics, you will learn how to use media",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-use-css-media-queries-to-create-responsive-websites/",
|
||||
"publishedOn": "2021-05-24T20:36:07.000Z",
|
||||
"wordCount": 319,
|
||||
"title": "How to Use CSS Media Queries to Create Responsive Websites"
|
||||
},
|
||||
{
|
||||
"id": "60aa161211ffb70827ef5f2c",
|
||||
"author": null,
|
||||
"description": "Software testing is an important part of the software development process. You run tests at different stages of the software development life cycle, and you'll want to make sure that you have good test coverage. Here are some key reasons for writing software tests: Testing prevents you from introducing breaking",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-generate-code-coverage-report-with-codecov-and-github-actions/",
|
||||
"publishedOn": "2021-05-24T19:40:36.000Z",
|
||||
"wordCount": 2263,
|
||||
"title": "How to Generate a Code Coverage Report with CodeCov and GitHub Actions"
|
||||
},
|
||||
{
|
||||
"id": "60a5248c906c5207e3a7e54b",
|
||||
"author": null,
|
||||
"description": "No-code tools let people across the world build different products and applications without writing code. Before no-code tools, building simple websites or mobile applications took weeks or months and only experienced software developers could do it. But that's not the case anymore. Now, you can spin up blogs, websites, and",
|
||||
"link": "https://www.freecodecamp.org/news/best-no-code-tools-for-developers/",
|
||||
"publishedOn": "2021-05-24T14:54:42.000Z",
|
||||
"wordCount": 2493,
|
||||
"title": "The Best No-Code Tools for Developers in 2021"
|
||||
},
|
||||
{
|
||||
"id": "6098ce302cd0545b5e944d0b",
|
||||
"author": null,
|
||||
|
|
@ -511,51 +565,6 @@
|
|||
"publishedOn": "2021-05-20T14:53:38.000Z",
|
||||
"wordCount": 1202,
|
||||
"title": "Learn JavaScript - A Free 7-hour Interactive Tutorial"
|
||||
},
|
||||
{
|
||||
"id": "60a341f5906c5207e3a7da61",
|
||||
"author": null,
|
||||
"description": "CSS selectors are one of the most important parts of CSS. They give you the ability to target HTML elements on your web page that you want to style. Without CSS selectors, you wouldn't be able to style your page to look how you want. Thankfully CSS selectors have been",
|
||||
"link": "https://www.freecodecamp.org/news/use-css-selectors-to-style-webpage/",
|
||||
"publishedOn": "2021-05-19T23:17:21.000Z",
|
||||
"wordCount": 2742,
|
||||
"title": "How to Use CSS Selectors to Style Your Web Page"
|
||||
},
|
||||
{
|
||||
"id": "60a42386906c5207e3a7dfe2",
|
||||
"author": null,
|
||||
"description": "The internet is going through a paradigm shift. Learn the differences between Web2 and Web3, and why many developers and companies are shifting their approach in building apps.",
|
||||
"link": "https://www.freecodecamp.org/news/what-is-web3/",
|
||||
"publishedOn": "2021-05-19T21:09:01.000Z",
|
||||
"wordCount": 2087,
|
||||
"title": "What is Web3? The Decentralized Internet of the Future Explained"
|
||||
},
|
||||
{
|
||||
"id": "60a469ec906c5207e3a7e1b9",
|
||||
"author": null,
|
||||
"description": "Imagine that you work at Magic Money Corp, which runs on just three lines of JavaScript: let input = { step1: 'collect underpants' } doStuff(input) profit(input) // $$$!!! Now imagine that something's wrong with doStuff and you need to take it down for maintenance. What happens if you temporarily comment out the second",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-optimize-for-change-software-development/",
|
||||
"publishedOn": "2021-05-19T17:30:08.000Z",
|
||||
"wordCount": 1981,
|
||||
"title": "How to Optimize for Change in Software Development"
|
||||
},
|
||||
{
|
||||
"id": "60a53182906c5207e3a7e588",
|
||||
"author": null,
|
||||
"description": "Lately, I've been talking about my move into the Web3, Ethereum, and crypto space since making the switch from a traditional web, mobile, and cloud background. Since making that move, a shocking number of people have reached out to me who are also thinking about doing the same. It's really",
|
||||
"link": "https://www.freecodecamp.org/news/breaking-into-ethereum-crypto-web3-as-a-developer/",
|
||||
"publishedOn": "2021-05-18T21:04:00.000Z",
|
||||
"wordCount": 2258,
|
||||
"title": "How to Break into Ethereum, Crypto, and Web3 as a Developer"
|
||||
},
|
||||
{
|
||||
"id": "60a3780f906c5207e3a7db5f",
|
||||
"author": null,
|
||||
"description": "If you offer your services as a freelance developer, you have a major say in how you price your project. But how do you go about charging for a website project? \"Well, I just bill by the hour and send an invoice every week or month.\" ...I hear you say.",
|
||||
"link": "https://www.freecodecamp.org/news/the-different-ways-to-charge-for-a-website/",
|
||||
"publishedOn": "2021-05-18T17:12:59.000Z",
|
||||
"wordCount": 1973,
|
||||
"title": "Freelance Development Pricing Guide – Should Freelancers Bill by the Hour?"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
191
feed.atom
191
feed.atom
|
|
@ -1,10 +1,111 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-05-24T00:48:39.171Z</id>
|
||||
<id>urn:2021-05-25T00:48:15.996Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-05-24T00:48:39.171Z</updated>
|
||||
<updated>2021-05-25T00:48:15.997Z</updated>
|
||||
<generator>osmosfeed 1.8.1</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Keep Calm and Hack The Box – Nibbles]]></title>
|
||||
<id>60626dc29618b008528a9589</id>
|
||||
<link href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles-2/"/>
|
||||
<updated>2021-05-25T00:20:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[Walkthrough for Hack The Box Nibbles machine]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Links on Performance]]></title>
|
||||
<id>https://css-tricks.com/?p=340808</id>
|
||||
<link href="https://css-tricks.com/links-on-performance/"/>
|
||||
<updated>2021-05-24T22:03:30.000Z</updated>
|
||||
<summary type="html"><![CDATA[Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBoundingClientRect. Also,
|
||||
…
|
||||
The post Links on Performance appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use Small and Sustainable Habits to Get Your First Dev Job]]></title>
|
||||
<id>60aaba5911ffb70827ef5ffc</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-use-small-sustainable-habits-to-get-your-first-dev-job/"/>
|
||||
<updated>2021-05-24T21:30:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[Achieving a big goal like transitioning into a new career can be extremely challenging and overwhelming. The amount of information isn't the problem. We have access to more information than we ever have. The problem is knowing how to effectively execute on the information available to us. The more I]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use CSS Media Queries to Create Responsive Websites]]></title>
|
||||
<id>60ac07ec11ffb70827ef66e4</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-use-css-media-queries-to-create-responsive-websites/"/>
|
||||
<updated>2021-05-24T20:36:07.000Z</updated>
|
||||
<summary type="html"><![CDATA[CSS Media Queries allow you to create responsive websites that look good on all screen sizes, from desktop to mobile. We just released a course on the freeCodeCamp channel that will teach you how to create CSS Media Queries. After learning the basics, you will learn how to use media]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Generate a Code Coverage Report with CodeCov and GitHub Actions]]></title>
|
||||
<id>60aa161211ffb70827ef5f2c</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-generate-code-coverage-report-with-codecov-and-github-actions/"/>
|
||||
<updated>2021-05-24T19:40:36.000Z</updated>
|
||||
<summary type="html"><![CDATA[Software testing is an important part of the software development process. You run tests at different stages of the software development life cycle, and you'll want to make sure that you have good test coverage. Here are some key reasons for writing software tests: Testing prevents you from introducing breaking]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[proxy-www]]></title>
|
||||
<id>https://css-tricks.com/?p=341153</id>
|
||||
<link href="https://github.com/justjavac/proxy-www"/>
|
||||
<updated>2021-05-24T19:09:59.000Z</updated>
|
||||
<summary type="html"><![CDATA[I like a good trick. What if… a URL was… a promise… that fetched said URL?
|
||||
www.codepen.io.then((response) ={
|
||||
console.log(response);
|
||||
});
|
||||
That’s what @justjavac did with JavaScript Proxys. A clever trick, that. Don’t @ me about the practicality. Trick…
|
||||
The post proxy-www appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Best No-Code Tools for Developers in 2021]]></title>
|
||||
<id>60a5248c906c5207e3a7e54b</id>
|
||||
<link href="https://www.freecodecamp.org/news/best-no-code-tools-for-developers/"/>
|
||||
<updated>2021-05-24T14:54:42.000Z</updated>
|
||||
<summary type="html"><![CDATA[No-code tools let people across the world build different products and applications without writing code. Before no-code tools, building simple websites or mobile applications took weeks or months and only experienced software developers could do it. But that's not the case anymore. Now, you can spin up blogs, websites, and]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Wrangling Control Over PDFs with the Adobe PDF Embed API]]></title>
|
||||
<id>https://css-tricks.com/?p=340626</id>
|
||||
<link href="https://css-tricks.com/wrangling-control-over-pdfs-with-the-adobe-pdf-embed-api/"/>
|
||||
<updated>2021-05-24T13:57:21.000Z</updated>
|
||||
<summary type="html"><![CDATA[By our last estimate, there are now more PDFs in the world than atoms in the universe (not verified by outside sources) so chances are, from time to time, you’re going to run into a PDF document or two. Browsers …
|
||||
The post Wrangling Control Over PDFs with the Adobe PDF Embed API appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Raymond Camden</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[CSS Container Queries: Use-Cases And Migration Strategies]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/"/>
|
||||
<updated>2021-05-24T11:30:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[CSS Container queries bring media queries closer to the target elements themselves and enables them to adapt to virtually any given container or layout. In this article, we’re going to cover CSS container query basics and how to use them today with progressive enhancement or polyfills.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Adrian Bece)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[v1.8.1]]></title>
|
||||
<id>https://github.com/osmoscraft/osmosfeed/releases/tag/v1.8.1</id>
|
||||
|
|
@ -204,36 +305,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Use CSS Selectors to Style Your Web Page]]></title>
|
||||
<id>60a341f5906c5207e3a7da61</id>
|
||||
<link href="https://www.freecodecamp.org/news/use-css-selectors-to-style-webpage/"/>
|
||||
<updated>2021-05-19T23:17:21.000Z</updated>
|
||||
<summary type="html"><![CDATA[CSS selectors are one of the most important parts of CSS. They give you the ability to target HTML elements on your web page that you want to style. Without CSS selectors, you wouldn't be able to style your page to look how you want. Thankfully CSS selectors have been]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What is Web3? The Decentralized Internet of the Future Explained]]></title>
|
||||
<id>60a42386906c5207e3a7dfe2</id>
|
||||
<link href="https://www.freecodecamp.org/news/what-is-web3/"/>
|
||||
<updated>2021-05-19T21:09:01.000Z</updated>
|
||||
<summary type="html"><![CDATA[The internet is going through a paradigm shift. Learn the differences between Web2 and Web3, and why many developers and companies are shifting their approach in building apps.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Optimize for Change in Software Development]]></title>
|
||||
<id>60a469ec906c5207e3a7e1b9</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-optimize-for-change-software-development/"/>
|
||||
<updated>2021-05-19T17:30:08.000Z</updated>
|
||||
<summary type="html"><![CDATA[Imagine that you work at Magic Money Corp, which runs on just three lines of JavaScript: let input = { step1: 'collect underpants' } doStuff(input) profit(input) // $$$!!! Now imagine that something's wrong with doStuff and you need to take it down for maintenance. What happens if you temporarily comment out the second]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[svg-loader: A Different Way to Work With External SVG]]></title>
|
||||
<id>https://css-tricks.com/?p=340692</id>
|
||||
|
|
@ -256,16 +327,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Break into Ethereum, Crypto, and Web3 as a Developer]]></title>
|
||||
<id>60a53182906c5207e3a7e588</id>
|
||||
<link href="https://www.freecodecamp.org/news/breaking-into-ethereum-crypto-web3-as-a-developer/"/>
|
||||
<updated>2021-05-18T21:04:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[Lately, I've been talking about my move into the Web3, Ethereum, and crypto space since making the switch from a traditional web, mobile, and cloud background. Since making that move, a shocking number of people have reached out to me who are also thinking about doing the same. It's really]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Pinned Audio WordPress Theme]]></title>
|
||||
<id>https://css-tricks.com/?p=340613</id>
|
||||
|
|
@ -279,16 +340,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Freelance Development Pricing Guide – Should Freelancers Bill by the Hour?]]></title>
|
||||
<id>60a3780f906c5207e3a7db5f</id>
|
||||
<link href="https://www.freecodecamp.org/news/the-different-ways-to-charge-for-a-website/"/>
|
||||
<updated>2021-05-18T17:12:59.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you offer your services as a freelance developer, you have a major say in how you price your project. But how do you go about charging for a website project? "Well, I just bill by the hour and send an invoice every week or month." ...I hear you say.]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create Neon Text With CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=340420</id>
|
||||
|
|
@ -330,30 +381,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
The humble <img> element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can
|
||||
…
|
||||
The post The Humble `img` Element And Core Web Vitals appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[A Love Letter to HTML & CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=339522</id>
|
||||
<link href="https://css-tricks.com/a-love-letter-to-html-css/"/>
|
||||
<updated>2021-05-17T14:27:22.000Z</updated>
|
||||
<summary type="html"><![CDATA[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.
|
||||
The post A Love Letter to HTML & CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Ashley Kolodziej</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Euismod]]></title>
|
||||
<id>https://css-tricks.com/?p=340594</id>
|
||||
<link href="https://www.euismod.dev/"/>
|
||||
<updated>2021-05-17T14:27:13.000Z</updated>
|
||||
<summary type="html"><![CDATA[An interactive tool for learning grid syntax from Etesam Ansari. In the Learn section, it teaches you some concepts (involving multiple bits of the grid syntax) then gives you a task to complete by filling out the right syntax. I’m …
|
||||
The post Euismod appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
|
|
@ -402,18 +429,6 @@ Thank you @tianheg, @onnyyonn]]></summary>
|
|||
<name>Release notes from osmosfeed</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Auto-Generated Social Media Images]]></title>
|
||||
<id>https://css-tricks.com/?p=340136</id>
|
||||
<link href="https://css-tricks.com/auto-generated-social-media-images/"/>
|
||||
<updated>2021-05-14T20:34:49.000Z</updated>
|
||||
<summary type="html"><![CDATA[I’ve been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or iMessage. You’re essentially leaving money on the table without them, because they …
|
||||
The post Auto-Generated Social Media Images appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Chris Coyier</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Tree-Shaking: A Reference Guide]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/tree-shaking-reference-guide/</id>
|
||||
|
|
|
|||
264
index.html
264
index.html
|
|
@ -15,6 +15,150 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-25">2021-05-25</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Keep Calm and Hack The Box – Nibbles</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-nibbles-2/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Walkthrough for Hack The Box Nibbles machine</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-24">2021-05-24</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Links on Performance</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/links-on-performance/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBoundingClientRect. Also,
|
||||
…
|
||||
The post Links on Performance appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">proxy-www</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://github.com/justjavac/proxy-www">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>I like a good trick. What if… a URL was… a promise… that fetched said URL?
|
||||
www.codepen.io.then((response) ={
|
||||
console.log(response);
|
||||
});
|
||||
That’s what @justjavac did with JavaScript Proxys. A clever trick, that. Don’t @ me about the practicality. Trick…
|
||||
The post proxy-www appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Wrangling Control Over PDFs with the Adobe PDF Embed API</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/wrangling-control-over-pdfs-with-the-adobe-pdf-embed-api/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>By our last estimate, there are now more PDFs in the world than atoms in the universe (not verified by outside sources) so chances are, from time to time, you’re going to run into a PDF document or two. Browsers …
|
||||
The post Wrangling Control Over PDFs with the Adobe PDF Embed API appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Use Small and Sustainable Habits to Get Your First Dev Job</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-use-small-sustainable-habits-to-get-your-first-dev-job/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Achieving a big goal like transitioning into a new career can be extremely challenging and overwhelming. The amount of information isn't the problem. We have access to more information than we ever have. The problem is knowing how to effectively execute on the information available to us. The more I</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Use CSS Media Queries to Create Responsive Websites</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-use-css-media-queries-to-create-responsive-websites/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>CSS Media Queries allow you to create responsive websites that look good on all screen sizes, from desktop to mobile. We just released a course on the freeCodeCamp channel that will teach you how to create CSS Media Queries. After learning the basics, you will learn how to use media</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Generate a Code Coverage Report with CodeCov and GitHub Actions</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-generate-code-coverage-report-with-codecov-and-github-actions/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Software testing is an important part of the software development process. You run tests at different stages of the software development life cycle, and you'll want to make sure that you have good test coverage. Here are some key reasons for writing software tests: Testing prevents you from introducing breaking</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">The Best No-Code Tools for Developers in 2021</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/best-no-code-tools-for-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>No-code tools let people across the world build different products and applications without writing code. Before no-code tools, building simple websites or mobile applications took weeks or months and only experienced software developers could do it. But that's not the case anymore. Now, you can spin up blogs, websites, and</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">CSS Container Queries: Use-Cases And Migration Strategies</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>CSS Container queries bring media queries closer to the target elements themselves and enables them to adapt to virtually any given container or layout. In this article, we’re going to cover CSS container query basics and how to use them today with progressive enhancement or polyfills.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-23">2021-05-23</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -74,7 +218,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">Svelte for the Experienced React Dev</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/svelte-for-the-experienced-react-dev/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(11 min)</span>
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and then shift focus to things like state management and DOM interoperability, among other things. …
|
||||
The post Svelte for the Experienced React Dev appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -288,7 +432,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">Notion API</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/notion-api/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use. They even sponsored a few videos around here a …
|
||||
The post Notion API appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -301,7 +445,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">svg-loader: A Different Way to Work With External SVG</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/svg-loader-a-different-way-to-work-with-external-svg/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>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 …
|
||||
The post svg-loader: A Different Way to Work With External SVG appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
|
|
@ -311,45 +455,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Use CSS Selectors to Style Your Web Page</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/use-css-selectors-to-style-webpage/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>CSS selectors are one of the most important parts of CSS. They give you the ability to target HTML elements on your web page that you want to style. Without CSS selectors, you wouldn't be able to style your page to look how you want. Thankfully CSS selectors have been</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">What is Web3? The Decentralized Internet of the Future Explained</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/what-is-web3/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>The internet is going through a paradigm shift. Learn the differences between Web2 and Web3, and why many developers and companies are shifting their approach in building apps.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Optimize for Change in Software Development</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-optimize-for-change-software-development/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>Imagine that you work at Magic Money Corp, which runs on just three lines of JavaScript: let input = { step1: 'collect underpants' } doStuff(input) profit(input) // $$$!!! Now imagine that something's wrong with doStuff and you need to take it down for maintenance. What happens if you temporarily comment out the second</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
|
|
@ -405,34 +510,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.freecodecamp.org/news">freeCodeCamp.org</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Break into Ethereum, Crypto, and Web3 as a Developer</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/breaking-into-ethereum-crypto-web3-as-a-developer/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>Lately, I've been talking about my move into the Web3, Ethereum, and crypto space since making the switch from a traditional web, mobile, and cloud background. Since making that move, a shocking number of people have reached out to me who are also thinking about doing the same. It's really</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Freelance Development Pricing Guide – Should Freelancers Bill by the Hour?</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/the-different-ways-to-charge-for-a-website/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>If you offer your services as a freelance developer, you have a major say in how you price your project. But how do you go about charging for a website project? "Well, I just bill by the hour and send an invoice every week or month." ...I hear you say.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
|
|
@ -480,32 +557,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
The humble element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can
|
||||
…
|
||||
The post The Humble `img` Element And Core Web Vitals appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">A Love Letter to HTML & CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/a-love-letter-to-html-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(10 min)</span>
|
||||
<span>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.
|
||||
The post A Love Letter to HTML & CSS appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Euismod</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.euismod.dev/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(0 min)</span>
|
||||
<span>An interactive tool for learning grid syntax from Etesam Ansari. In the Learn section, it teaches you some concepts (involving multiple bits of the grid syntax) then gives you a task to complete by filling out the right syntax. I’m …
|
||||
The post Euismod appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -588,25 +639,6 @@ Thank you @tianheg, @onnyyonn</span>
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-14">2021-05-14</time></h2>
|
||||
<ul class="sources card">
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://css-tricks.com">CSS-Tricks</a></h3>
|
||||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Auto-Generated Social Media Images</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/auto-generated-social-media-images/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>I’ve been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or iMessage. You’re essentially leaving money on the table without them, because they …
|
||||
The post Auto-Generated Social Media Images appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
<section>
|
||||
<h3 class="source-name"><a class="source-name__link" href="https://www.smashingmagazine.com/">Articles on Smashing Magazine — For Web Designers And Developers</a></h3>
|
||||
|
|
@ -1041,7 +1073,7 @@ Chore: Refactored parameter passing for enrich step.</span>
|
|||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-05-24T00:48:39.154Z">2021-05-24T00:48:39.154Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-25T00:48:15.976Z">2021-05-25T00:48:15.976Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.8.1</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue