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
95619308bf
commit
fe8f20ce5a
3 changed files with 206 additions and 252 deletions
146
cache.json
146
cache.json
|
|
@ -102,13 +102,22 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=341163",
|
||||
"author": "Thomas Park",
|
||||
"description": "Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A website might change the favicon to match the content being viewed. Or a site …\nThe post Dynamic Favicons for WordPress appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/dynamic-favicons-for-wordpress/",
|
||||
"publishedOn": "2021-05-28T14:36:47.000Z",
|
||||
"wordCount": 1844,
|
||||
"title": "Dynamic Favicons for WordPress"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=341298",
|
||||
"author": "Chris Coyier",
|
||||
"description": "It’s very popular to put a $ on lines that are intended to be a command in code documentation that involves the terminal (i.e. the command line).\nLike this:\n$ brew install somepackage\nThe point of that is that it …\nThe post To $ or Not to $: Displaying Terminal Code Snippets appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/to-or-not-to-displaying-terminal-code-snippets/",
|
||||
"publishedOn": "2021-05-27T18:22:11.000Z",
|
||||
"wordCount": 1049,
|
||||
"wordCount": 1288,
|
||||
"title": "To $ or Not to $: Displaying Terminal Code Snippets"
|
||||
},
|
||||
{
|
||||
|
|
@ -117,7 +126,7 @@
|
|||
"description": "Most images on the web are superfluous. If I might be a jerk for a bit, 99% of them aren’t even that helpful at all (although there are rare exceptions). That’s because images don’t often complement the text they’re …\nThe post How to Show Images on Click appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/how-to-show-images-on-click/",
|
||||
"publishedOn": "2021-05-27T14:25:29.000Z",
|
||||
"wordCount": 1421,
|
||||
"wordCount": 1491,
|
||||
"title": "How to Show Images on Click"
|
||||
},
|
||||
{
|
||||
|
|
@ -126,7 +135,7 @@
|
|||
"description": "Serverless architectures have brought engineering teams a great number of benefits. We get simpler deployments, automatic and infinite scale, better concurrency, and a stateless API surface. It’s hard to imagine going back to the world of managed services, broken local …\nThe post Rethinking Postgres in a Post-Server World appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/rethinking-postgres-in-a-post-server-world/",
|
||||
"publishedOn": "2021-05-27T14:23:23.000Z",
|
||||
"wordCount": 2327,
|
||||
"wordCount": 2452,
|
||||
"title": "Rethinking Postgres in a Post-Server World"
|
||||
},
|
||||
{
|
||||
|
|
@ -144,7 +153,7 @@
|
|||
"description": "How we use Web Components at GitHub — Kristján Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it says here they released a <relative-time> component in 2014! Now they’ve got a \n…\nThe post Links on Web Components appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/links-on-web-components/",
|
||||
"publishedOn": "2021-05-26T17:56:12.000Z",
|
||||
"wordCount": 747,
|
||||
"wordCount": 862,
|
||||
"title": "Links on Web Components"
|
||||
},
|
||||
{
|
||||
|
|
@ -162,7 +171,7 @@
|
|||
"description": "I fell in love with coding the moment I created my first CSS :hover effect. Years later, that initial bite into interactivity on the web led me to a new goal: making a game.\nTable of contents\nWhat’s the game \n…\nThe post What I Learned Building a Word Game App With Nuxt on Google Play appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/what-i-learned-building-a-word-game-app-with-nuxt-on-google-play/",
|
||||
"publishedOn": "2021-05-25T14:25:06.000Z",
|
||||
"wordCount": 7561,
|
||||
"wordCount": 7589,
|
||||
"title": "What I Learned Building a Word Game App With Nuxt on Google Play"
|
||||
},
|
||||
{
|
||||
|
|
@ -227,15 +236,6 @@
|
|||
"publishedOn": "2021-05-21T14:29:16.000Z",
|
||||
"wordCount": 295,
|
||||
"title": "CSS Hell"
|
||||
},
|
||||
{
|
||||
"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": 1092,
|
||||
"title": "JSON in CSS"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -244,13 +244,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/",
|
||||
"author": "hello@smashingmagazine.com (Shalabh Vyas)",
|
||||
"description": "In this article, we’ll be re-using the foundational WYSIWYG Editor built in the first article to build a commenting system for a WYSIWYG Editor that enables users to select text inside a document and share their comments on it. Let’s dig in!",
|
||||
"link": "https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/",
|
||||
"publishedOn": "2021-05-28T11:00:00.000Z",
|
||||
"wordCount": 10214,
|
||||
"title": "Adding A Commenting System To A WYSIWYG Editor",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ec39e154-d3d3-4a12-91fd-f0c068cd5247/commenting-system-wysiwyg-editor.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/",
|
||||
"author": "hello@smashingmagazine.com (Cosima Mielke)",
|
||||
"description": "Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. With auto log messages, auto code formatting, file utils, file labels, code snippets, highlight brackets, tags, indents and workspaces, onboarding and remote SSH.",
|
||||
"link": "https://smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/",
|
||||
"publishedOn": "2021-05-27T13:30:00.000Z",
|
||||
"wordCount": 3747,
|
||||
"wordCount": 3735,
|
||||
"title": "Useful VS Code Extensions For Front-End Developers",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2c5dbb73-94e1-486f-9daa-351699faaa2d/peacock-extension.png",
|
||||
|
|
@ -292,7 +306,7 @@
|
|||
"description": "Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! This post will show the right tools for your daily work with Git.",
|
||||
"link": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part2/",
|
||||
"publishedOn": "2021-05-25T14:00:00.000Z",
|
||||
"wordCount": 2116,
|
||||
"wordCount": 2126,
|
||||
"title": "A Guide To Undoing Mistakes With Git (Part 2)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/211042ae-7a72-42ba-804e-9f8132815200/undoing-mistakes-git-part1.jpg",
|
||||
|
|
@ -334,8 +348,8 @@
|
|||
"description": "Let’s build a rich text, WYSIWYG-editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations.",
|
||||
"link": "https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/",
|
||||
"publishedOn": "2021-05-21T11:30:00.000Z",
|
||||
"wordCount": 9435,
|
||||
"title": "Building A Rich Text Editor (WYSIWYG) From Scratch",
|
||||
"wordCount": 9441,
|
||||
"title": "Building A Rich Text Editor (WYSIWYG)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/bafdd817-038e-4e70-a830-de0f5da659c4/building-wysiwyg-editor-javascript-slatejs.jpg",
|
||||
"length": "0",
|
||||
|
|
@ -362,7 +376,7 @@
|
|||
"description": "A step-by-step tutorial on adding authentication and authorization to your Next.js apps, with Auth0. We’ll be using a Next.js SDK to connect our application to the Auth0 API and will create the dynamic API route for React.",
|
||||
"link": "https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/",
|
||||
"publishedOn": "2021-05-20T11:00:00.000Z",
|
||||
"wordCount": 1919,
|
||||
"wordCount": 1961,
|
||||
"title": "How To Implement Authentication In Next.js With Auth0",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3e905cbf-b17b-47da-aec4-15c9701bf4bf/implement-authentication-nextjs-auth0.jpg",
|
||||
|
|
@ -418,7 +432,7 @@
|
|||
"description": "Google’s “Page Experience Update” will start rolling out in June. At first, sites that meet Core Web Vitals thresholds will have a minor ranking advantage in mobile search for all browsers. Search is important to any business, and this is the story of how Beau Hartshorne and his team at Instant Domain Search improved their Core Web Vitals scores.",
|
||||
"link": "https://smashingmagazine.com/2021/05/core-web-vitals-case-study/",
|
||||
"publishedOn": "2021-05-17T11:30:00.000Z",
|
||||
"wordCount": 2906,
|
||||
"wordCount": 2945,
|
||||
"title": "How We Improved Our Core Web Vitals (Case Study)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b68aa1ba-94b7-4e70-83e5-5f58b37bf7cd/core-web-vitals-case-study.jpg",
|
||||
|
|
@ -502,7 +516,7 @@
|
|||
"description": "Want to get started with React but struggling to find a good place to start? This article should have you covered. We’ll focus on some of the main concepts of React and then we’ll be building a game from scratch!",
|
||||
"link": "https://smashingmagazine.com/2021/05/get-started-whac-a-mole-react-game/",
|
||||
"publishedOn": "2021-05-10T11:00:00.000Z",
|
||||
"wordCount": 6352,
|
||||
"wordCount": 6355,
|
||||
"title": "Get Started With React By Building A Whac-A-Mole Game",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/7a9db037-1a8d-42ad-b0c3-1c885e456693/get-started-whac-a-mole-react-game.jpg",
|
||||
|
|
@ -516,7 +530,7 @@
|
|||
"description": "How do you organize your Google Drive assets? How do you name your Dropbox Paper documents? How do you deal with comments? Let’s get it right.",
|
||||
"link": "https://smashingmagazine.com/2021/05/product-records-organization-collaboration-best-practices/",
|
||||
"publishedOn": "2021-05-07T10:00:00.000Z",
|
||||
"wordCount": 4178,
|
||||
"wordCount": 4174,
|
||||
"title": "How To Organize Product-Related Assets And Collaborate Better",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2bd6b075-9b54-4fa6-a709-1a8248435c17/product-records-organization-collaboration.jpg",
|
||||
|
|
@ -544,7 +558,7 @@
|
|||
"description": "This article showcases a case study of Bookaway’s landing page performance. We’ll see how taking care of the props we send to Next.js pages can make loading times and Web Vitals better.",
|
||||
"link": "https://smashingmagazine.com/2021/05/reduce-data-sent-client-nextjs/",
|
||||
"publishedOn": "2021-05-05T10:30:00.000Z",
|
||||
"wordCount": 2341,
|
||||
"wordCount": 2338,
|
||||
"title": "Reducing HTML Payload With Next.js (Case Study)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0019f4c3-ebdd-4b09-9f45-47173587307b/reduce-data-sent-client-nextjs.jpg",
|
||||
|
|
@ -558,7 +572,7 @@
|
|||
"description": "No matter how experienced you are, mistakes are an inevitable part of software development. But we can learn to repair them! And this is what we'll be looking at in this two-part series: how to undo mistakes using Git.",
|
||||
"link": "https://smashingmagazine.com/2021/05/undoing-mistakes-git-part1/",
|
||||
"publishedOn": "2021-05-04T14:30:00.000Z",
|
||||
"wordCount": 1834,
|
||||
"wordCount": 1837,
|
||||
"title": "A Guide To Undoing Mistakes With Git (Part 1)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/211042ae-7a72-42ba-804e-9f8132815200/undoing-mistakes-git-part1.jpg",
|
||||
|
|
@ -600,41 +614,13 @@
|
|||
"description": "Do you need a little inspiration boost? Well, then our new collection of wallpapers is for you. Designed with love by the community for the community, the wallpapers are available with and without a calendar for May 2021.",
|
||||
"link": "https://smashingmagazine.com/2021/04/desktop-wallpaper-calendars-may-2021/",
|
||||
"publishedOn": "2021-04-30T09:00:00.000Z",
|
||||
"wordCount": 2190,
|
||||
"wordCount": 2178,
|
||||
"title": "May Is In The Air (2021 Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1608f515-bf92-4faa-b3e5-1090f1a22696/may-21-from-nope-to-hope-preview-opt.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/",
|
||||
"author": "hello@smashingmagazine.com (Addy Osmani)",
|
||||
"description": "Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from [Addy's new book](https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/) (also, check a [free PDF preview](http://provide.smashingmagazine.com/eBooks/image-optimization-sample-chapter.pdf)).",
|
||||
"link": "https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/",
|
||||
"publishedOn": "2021-04-29T12:15:00.000Z",
|
||||
"wordCount": 5370,
|
||||
"title": "The Humble `<img>` Element And Core Web Vitals",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/a7ec5e4a-099e-4a1a-a1a3-b7545835520f/26-humble-img-element-and-core-web-vitals.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/04/image-optimization-pre-release/",
|
||||
"author": "hello@smashingmagazine.com (Vitaly Friedman)",
|
||||
"description": "The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.",
|
||||
"link": "https://smashingmagazine.com/2021/04/image-optimization-pre-release/",
|
||||
"publishedOn": "2021-04-28T13:20:00.000Z",
|
||||
"wordCount": 2130,
|
||||
"title": "Meet Image Optimization, A New Smashing Book By Addy Osmani",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/b41ae541-7618-44f2-81cd-cc681c64d0d0/image-optimization-header.png",
|
||||
"length": "0",
|
||||
"type": "image/png"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -643,6 +629,33 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "60acf28e11ffb70827ef6dd9",
|
||||
"author": null,
|
||||
"description": "Hey everyone, my name is Santosh. In this article, I will tell you how I ramped up my career and ended up making $100,000 a year as a developer. I'll share what I learned from each job along the way, how you can stand out, tips for negotiating salary,",
|
||||
"link": "https://www.freecodecamp.org/news/my-developer-journey-how-i-went-from-1000-a-year-to-100000-as-a-dev/",
|
||||
"publishedOn": "2021-05-28T22:58:18.000Z",
|
||||
"wordCount": 2775,
|
||||
"title": "My Developer Journey – How I Went from Making $1,000 to $100,000 a Year"
|
||||
},
|
||||
{
|
||||
"id": "60b08d8811ffb70827ef8c7b",
|
||||
"author": null,
|
||||
"description": "If you've been following the news lately, you may have noticed a worrisome tech trend. The frequency and severity of cybersecurity attacks are exploding. We've seen news of a sprawling hack involving the SolarWinds management platform. That attack may have compromised the systems of over 18,000 SolarWinds customers. Then,",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-secure-your-android-app/",
|
||||
"publishedOn": "2021-05-28T16:01:05.000Z",
|
||||
"wordCount": 1568,
|
||||
"title": "How to Secure Your Android App – Four Security Best Practices Every Android Dev Should Know"
|
||||
},
|
||||
{
|
||||
"id": "60b0de2211ffb70827ef8d7c",
|
||||
"author": null,
|
||||
"description": "More and more applications are using computer vision these days. We just published a full course on the freeCodeCamp.org YouTube channel that will help you learn advanced computer vision using Python. You will learn state of the art computer vision techniques by building five projects with libraries such as",
|
||||
"link": "https://www.freecodecamp.org/news/advanced-computer-vision-with-python/",
|
||||
"publishedOn": "2021-05-28T12:26:38.000Z",
|
||||
"wordCount": 368,
|
||||
"title": "Advanced Computer Vision with Python"
|
||||
},
|
||||
{
|
||||
"id": "60af931811ffb70827ef85d3",
|
||||
"author": null,
|
||||
|
|
@ -705,33 +718,6 @@
|
|||
"publishedOn": "2021-05-26T14:12:27.000Z",
|
||||
"wordCount": 1273,
|
||||
"title": "How to Build Super Mario Bros, Zelda, and Space Invaders with Kaboom.js"
|
||||
},
|
||||
{
|
||||
"id": "60ac3a2711ffb70827ef6aec",
|
||||
"author": null,
|
||||
"description": "Walkthrough for Hack The Box Valentine machine",
|
||||
"link": "https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-valentine/",
|
||||
"publishedOn": "2021-05-25T22:43:11.000Z",
|
||||
"wordCount": 1664,
|
||||
"title": "Keep Calm and Hack The Box – Valentine"
|
||||
},
|
||||
{
|
||||
"id": "60a93b0011ffb70827ef5b0d",
|
||||
"author": null,
|
||||
"description": "In HTML, it’s the default behavior for forms to redirect to a new page whenever they're submitted. So in order to provide dynamic functionality, React uses a strategy called controlled components. If you have recently gone through a React course, you probably didn't like this part, because there are",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/",
|
||||
"publishedOn": "2021-05-25T20:26:38.000Z",
|
||||
"wordCount": 1748,
|
||||
"title": "Chakra UI and React-Hook-Form –How to Build Beautiful Forms"
|
||||
},
|
||||
{
|
||||
"id": "608706aedd38b9088c2c012c",
|
||||
"author": null,
|
||||
"description": "If you're a beginner developer, it can be difficult to find ways to use your limited knowledge to support yourself. And at the same time, you won't be able to hone your skills if you aren't using them full time. It's a precarious spot that I remember being in when",
|
||||
"link": "https://www.freecodecamp.org/news/web-design-best-practices-for-new-developers/",
|
||||
"publishedOn": "2021-05-25T16:51:37.000Z",
|
||||
"wordCount": 1940,
|
||||
"title": "How to Create Portfolio-Worthy Work – Web Design Best Practices for New Developers"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
120
feed.atom
120
feed.atom
|
|
@ -1,10 +1,62 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-05-28T01:08:32.212Z</id>
|
||||
<id>urn:2021-05-29T01:21:21.514Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-05-28T01:08:32.212Z</updated>
|
||||
<updated>2021-05-29T01:21:21.514Z</updated>
|
||||
<generator>osmosfeed 1.9.0</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[My Developer Journey – How I Went from Making $1,000 to $100,000 a Year]]></title>
|
||||
<id>60acf28e11ffb70827ef6dd9</id>
|
||||
<link href="https://www.freecodecamp.org/news/my-developer-journey-how-i-went-from-1000-a-year-to-100000-as-a-dev/"/>
|
||||
<updated>2021-05-28T22:58:18.000Z</updated>
|
||||
<summary type="html"><![CDATA[Hey everyone, my name is Santosh. In this article, I will tell you how I ramped up my career and ended up making $100,000 a year as a developer. I'll share what I learned from each job along the way, how you can stand out, tips for negotiating salary,]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Secure Your Android App – Four Security Best Practices Every Android Dev Should Know]]></title>
|
||||
<id>60b08d8811ffb70827ef8c7b</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-secure-your-android-app/"/>
|
||||
<updated>2021-05-28T16:01:05.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you've been following the news lately, you may have noticed a worrisome tech trend. The frequency and severity of cybersecurity attacks are exploding. We've seen news of a sprawling hack involving the SolarWinds management platform. That attack may have compromised the systems of over 18,000 SolarWinds customers. Then,]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Dynamic Favicons for WordPress]]></title>
|
||||
<id>https://css-tricks.com/?p=341163</id>
|
||||
<link href="https://css-tricks.com/dynamic-favicons-for-wordpress/"/>
|
||||
<updated>2021-05-28T14:36:47.000Z</updated>
|
||||
<summary type="html"><![CDATA[Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A website might change the favicon to match the content being viewed. Or a site …
|
||||
The post Dynamic Favicons for WordPress appeared first on CSS-Tricks.
|
||||
You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Thomas Park</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Advanced Computer Vision with Python]]></title>
|
||||
<id>60b0de2211ffb70827ef8d7c</id>
|
||||
<link href="https://www.freecodecamp.org/news/advanced-computer-vision-with-python/"/>
|
||||
<updated>2021-05-28T12:26:38.000Z</updated>
|
||||
<summary type="html"><![CDATA[More and more applications are using computer vision these days. We just published a full course on the freeCodeCamp.org YouTube channel that will help you learn advanced computer vision using Python. You will learn state of the art computer vision techniques by building five projects with libraries such as]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Adding A Commenting System To A WYSIWYG Editor]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/"/>
|
||||
<updated>2021-05-28T11:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article, we’ll be re-using the foundational WYSIWYG Editor built in the first article to build a commenting system for a WYSIWYG Editor that enables users to select text inside a document and share their comments on it. Let’s dig in!]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Shalabh Vyas)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[To $ or Not to $: Displaying Terminal Code Snippets]]></title>
|
||||
<id>https://css-tricks.com/?p=341298</id>
|
||||
|
|
@ -199,36 +251,6 @@ Thank you @Zenigata]]></summary>
|
|||
<name>Release notes from osmosfeed</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Keep Calm and Hack The Box – Valentine]]></title>
|
||||
<id>60ac3a2711ffb70827ef6aec</id>
|
||||
<link href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-valentine/"/>
|
||||
<updated>2021-05-25T22:43:11.000Z</updated>
|
||||
<summary type="html"><![CDATA[Walkthrough for Hack The Box Valentine machine]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Chakra UI and React-Hook-Form –How to Build Beautiful Forms]]></title>
|
||||
<id>60a93b0011ffb70827ef5b0d</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/"/>
|
||||
<updated>2021-05-25T20:26:38.000Z</updated>
|
||||
<summary type="html"><![CDATA[In HTML, it’s the default behavior for forms to redirect to a new page whenever they're submitted. So in order to provide dynamic functionality, React uses a strategy called controlled components. If you have recently gone through a React course, you probably didn't like this part, because there are]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create Portfolio-Worthy Work – Web Design Best Practices for New Developers]]></title>
|
||||
<id>608706aedd38b9088c2c012c</id>
|
||||
<link href="https://www.freecodecamp.org/news/web-design-best-practices-for-new-developers/"/>
|
||||
<updated>2021-05-25T16:51:37.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you're a beginner developer, it can be difficult to find ways to use your limited knowledge to support yourself. And at the same time, you won't be able to hone your skills if you aren't using them full time. It's a precarious spot that I remember being in when]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[What I Learned Building a Word Game App With Nuxt on Google Play]]></title>
|
||||
<id>https://css-tricks.com/?p=340759</id>
|
||||
|
|
@ -387,7 +409,7 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Building A Rich Text Editor (WYSIWYG) From Scratch]]></title>
|
||||
<title type="html"><![CDATA[Building A Rich Text Editor (WYSIWYG)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/</id>
|
||||
<link href="https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/"/>
|
||||
<updated>2021-05-21T11:30:00.000Z</updated>
|
||||
|
|
@ -396,18 +418,6 @@ You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
|||
<name>hello@smashingmagazine.com (Shalabh Vyas)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[JSON in CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=340599</id>
|
||||
<link href="https://css-tricks.com/json-in-css/"/>
|
||||
<updated>2021-05-20T22:29:53.000Z</updated>
|
||||
<summary type="html"><![CDATA[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 …
|
||||
The post JSON in CSS 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[Boost Your Skills Online: Smashing Workshops On Front-End And Design]]></title>
|
||||
<id>https://smashingmagazine.com/2021/05/new-online-workshops-front-end-ux/</id>
|
||||
|
|
@ -684,24 +694,4 @@ Thank you: @dym-sh, @tabokie, @cheese1]]></summary>
|
|||
<name>hello@smashingmagazine.com (Cosima Mielke)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Humble `<img>` Element And Core Web Vitals]]></title>
|
||||
<id>https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/</id>
|
||||
<link href="https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/"/>
|
||||
<updated>2021-04-29T12:15:00.000Z</updated>
|
||||
<summary type="html">< (also, check a [free PDF preview](http://provide.smashingmagazine.com/eBooks/image-optimization-sample-chapter.pdf)).]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Addy Osmani)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Meet Image Optimization, A New Smashing Book By Addy Osmani]]></title>
|
||||
<id>https://smashingmagazine.com/2021/04/image-optimization-pre-release/</id>
|
||||
<link href="https://smashingmagazine.com/2021/04/image-optimization-pre-release/"/>
|
||||
<updated>2021-04-28T13:20:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Vitaly Friedman)</name>
|
||||
</author>
|
||||
</entry>
|
||||
</feed>
|
||||
192
index.html
192
index.html
|
|
@ -15,6 +15,86 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-28">2021-05-28</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">Dynamic Favicons for WordPress</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/dynamic-favicons-for-wordpress/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A website might change the favicon to match the content being viewed. Or a site …
|
||||
The post Dynamic Favicons for WordPress 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">My Developer Journey – How I Went from Making $1,000 to $100,000 a Year</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/my-developer-journey-how-i-went-from-1000-a-year-to-100000-as-a-dev/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(9 min)</span>
|
||||
<span>Hey everyone, my name is Santosh. In this article, I will tell you how I ramped up my career and ended up making $100,000 a year as a developer. I'll share what I learned from each job along the way, how you can stand out, tips for negotiating salary,</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Secure Your Android App – Four Security Best Practices Every Android Dev Should Know</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-secure-your-android-app/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>If you've been following the news lately, you may have noticed a worrisome tech trend. The frequency and severity of cybersecurity attacks are exploding. We've seen news of a sprawling hack involving the SolarWinds management platform. That attack may have compromised the systems of over 18,000 SolarWinds customers. Then,</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Advanced Computer Vision with Python</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/advanced-computer-vision-with-python/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(1 min)</span>
|
||||
<span>More and more applications are using computer vision these days. We just published a full course on the freeCodeCamp.org YouTube channel that will help you learn advanced computer vision using Python. You will learn state of the art computer vision techniques by building five projects with libraries such as</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">Adding A Commenting System To A WYSIWYG Editor</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/commenting-system-wysiwyg-editor/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(34 min)</span>
|
||||
<span>In this article, we’ll be re-using the foundational WYSIWYG Editor built in the first article to build a commenting system for a WYSIWYG Editor that enables users to select text inside a document and share their comments on it. Let’s dig in!</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-27">2021-05-27</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -27,7 +107,7 @@
|
|||
<summary class="article-expander__title">To $ or Not to $: Displaying Terminal Code Snippets</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/to-or-not-to-displaying-terminal-code-snippets/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>It’s very popular to put a $ on lines that are intended to be a command in code documentation that involves the terminal (i.e. the command line).
|
||||
Like this:
|
||||
$ brew install somepackage
|
||||
|
|
@ -149,7 +229,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">Links on Web Components</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/links-on-web-components/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>How we use Web Components at GitHub — Kristján Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it says here they released a component in 2014! Now they’ve got a
|
||||
…
|
||||
The post Links on Web Components appeared first on CSS-Tricks.
|
||||
|
|
@ -316,45 +396,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">Keep Calm and Hack The Box – Valentine</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/keep-calm-and-hack-the-box-valentine/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>Walkthrough for Hack The Box Valentine machine</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Chakra UI and React-Hook-Form –How to Build Beautiful Forms</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>In HTML, it’s the default behavior for forms to redirect to a new page whenever they're submitted. So in order to provide dynamic functionality, React uses a strategy called controlled components. If you have recently gone through a React course, you probably didn't like this part, because there are</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Create Portfolio-Worthy Work – Web Design Best Practices for New Developers</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/web-design-best-practices-for-new-developers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>If you're a beginner developer, it can be difficult to find ways to use your limited knowledge to support yourself. And at the same time, you won't be able to hone your skills if you aren't using them full time. It's a precarious spot that I remember being in when</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>
|
||||
|
|
@ -547,7 +588,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<section class="articles-per-source">
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Building A Rich Text Editor (WYSIWYG) From Scratch</summary>
|
||||
<summary class="article-expander__title">Building A Rich Text Editor (WYSIWYG)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(31 min)</span>
|
||||
|
|
@ -563,25 +604,6 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-05-20">2021-05-20</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">JSON in CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/json-in-css/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>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 …
|
||||
The post JSON in CSS 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>
|
||||
|
|
@ -602,7 +624,7 @@ You can support CSS-Tricks by being an MVP Supporter.</span>
|
|||
<summary class="article-expander__title">How To Implement Authentication In Next.js With Auth0</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/05/implement-authentication-nextjs-auth0/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>A step-by-step tutorial on adding authentication and authorization to your Next.js apps, with Auth0. We’ll be using a Next.js SDK to connect our application to the Auth0 API and will create the dynamic API route for React.</span>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -1075,53 +1097,9 @@ Thank you: @dym-sh, @tabokie, @cheese1</span>
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-04-29">2021-04-29</time></h2>
|
||||
<ul class="sources card">
|
||||
<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">The Humble `` Element And Core Web Vitals</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(18 min)</span>
|
||||
<span>Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from [Addy's new book](https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/) (also, check a [free PDF preview](http://provide.smashingmagazine.com/eBooks/image-optimization-sample-chapter.pdf)).</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-04-28">2021-04-28</time></h2>
|
||||
<ul class="sources card">
|
||||
<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">Meet Image Optimization, A New Smashing Book By Addy Osmani</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/04/image-optimization-pre-release/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-05-28T01:08:32.196Z">2021-05-28T01:08:32.196Z</time>
|
||||
<time id="build-timestamp" datetime="2021-05-29T01:21:21.464Z">2021-05-29T01:21:21.464Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.9.0</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue