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
6f77b2538a
commit
56e2d5a079
3 changed files with 250 additions and 188 deletions
148
cache.json
148
cache.json
|
|
@ -30,6 +30,33 @@
|
|||
"feedUrl": "https://css-tricks.com/feed/",
|
||||
"siteUrl": "https://css-tricks.com",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352907",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Why would a company promote a native app over their perfectly usable website?\nWe’d have to ask them, I suppose. But it’s hard not to see this push to native as a matter of priorities: that these companies consider native \n…\nThe post Those “Get The App” Banners appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/those-get-the-app-banners/",
|
||||
"publishedOn": "2021-10-11T22:12:35.000Z",
|
||||
"wordCount": 567,
|
||||
"title": "Those “Get The App” Banners"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=353431",
|
||||
"author": "Chris Coyier",
|
||||
"description": "The README for Cash is straightforward:\nCash is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the codebase, developers can use the familiar chainable methods \n…\nThe post Cash (Tiny jQuery Alternative) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/cash-tiny-jquery-alternative/",
|
||||
"publishedOn": "2021-10-11T20:28:24.000Z",
|
||||
"wordCount": 546,
|
||||
"title": "Cash (Tiny jQuery Alternative)"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352569",
|
||||
"author": "Tobias Günther",
|
||||
"description": "This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!\nIn this third installment of our “Advanced Git” series, we’ll look at …\nThe post Better Collaboration With Pull Requests appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/better-collaboration-with-pull-requests/",
|
||||
"publishedOn": "2021-10-11T14:29:44.000Z",
|
||||
"wordCount": 1711,
|
||||
"title": "Better Collaboration With Pull Requests"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=353429",
|
||||
"author": "Chris Coyier",
|
||||
|
|
@ -54,7 +81,7 @@
|
|||
"description": "Today we will be learning how to build a tennis trivia app using Next.js and Netlify. This technology stack has become my go-to on many projects. It allows for rapid development and easy deployment.\nWithout further ado let’s jump in!…\nThe post Building a Tennis Trivia App With Next.js and Netlify appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/building-a-tennis-trivia-app-with-next-js-and-netlify/",
|
||||
"publishedOn": "2021-10-08T14:30:57.000Z",
|
||||
"wordCount": 2789,
|
||||
"wordCount": 2834,
|
||||
"title": "Building a Tennis Trivia App With Next.js and Netlify"
|
||||
},
|
||||
{
|
||||
|
|
@ -63,7 +90,7 @@
|
|||
"description": "I saw this blog post the other day: 58% of Hacker News, Reddit and tech-savvy audiences block Google Analytics. That’s an enticing title to me. I’ve had Google Analytics on this site literally from the day I launched it. …\nThe post Comparing Google Analytics and Plausible Numbers appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/comparing-google-analytics-and-plausible-numbers/",
|
||||
"publishedOn": "2021-10-08T14:30:40.000Z",
|
||||
"wordCount": 1007,
|
||||
"wordCount": 1390,
|
||||
"title": "Comparing Google Analytics and Plausible Numbers"
|
||||
},
|
||||
{
|
||||
|
|
@ -81,7 +108,7 @@
|
|||
"description": "Blog posts that get into the whole “how to think like a front-end developer” vibe are my favorite. Michelle Barker nails that in this post, and does it without sharing a line of code!\nWe simply can no longer \n…\nThe post Developer Decisions For Building Flexible Components appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/",
|
||||
"publishedOn": "2021-10-07T21:33:58.000Z",
|
||||
"wordCount": 2859,
|
||||
"wordCount": 2857,
|
||||
"title": "Developer Decisions For Building Flexible Components"
|
||||
},
|
||||
{
|
||||
|
|
@ -117,7 +144,7 @@
|
|||
"description": "Baldur Bjarnason brings some baby bear porridge to the discussion of Single Page App (SPA) vs. Multi Page App (MPA).\nSingle-Page-Apps can be fantastic. Most teams will mess them up because most teams operate in dysfunctional \n…\nThe post The Single Page App Morality Play appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://www.baldurbjarnason.com/2021/single-page-app-morality-play/",
|
||||
"publishedOn": "2021-10-06T22:20:57.000Z",
|
||||
"wordCount": 7050,
|
||||
"wordCount": 7067,
|
||||
"title": "The Single Page App Morality Play"
|
||||
},
|
||||
{
|
||||
|
|
@ -137,33 +164,6 @@
|
|||
"publishedOn": "2021-10-06T14:22:11.000Z",
|
||||
"wordCount": 849,
|
||||
"title": "The Options for Password Revealing Inputs"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352754",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is …\nThe post Scroll Shadows With JavaScript appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/scroll-shadows-with-javascript/",
|
||||
"publishedOn": "2021-10-05T22:40:21.000Z",
|
||||
"wordCount": 825,
|
||||
"title": "Scroll Shadows With JavaScript"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=353261",
|
||||
"author": "Chris Coyier",
|
||||
"description": "Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. …\nThe post Conditional Border Radius In CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://ishadeed.com/article/conditional-border-radius/",
|
||||
"publishedOn": "2021-10-05T19:18:43.000Z",
|
||||
"wordCount": 1122,
|
||||
"title": "Conditional Border Radius In CSS"
|
||||
},
|
||||
{
|
||||
"id": "https://css-tricks.com/?p=352508",
|
||||
"author": "Tobias Günther",
|
||||
"description": "In this article I'm going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.\nThe post Branching Strategies in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.",
|
||||
"link": "https://css-tricks.com/branching-strategies-in-git/",
|
||||
"publishedOn": "2021-10-05T14:28:43.000Z",
|
||||
"wordCount": 2229,
|
||||
"title": "Branching Strategies in Git"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -172,13 +172,27 @@
|
|||
"feedUrl": "https://www.smashingmagazine.com/feed/",
|
||||
"siteUrl": "https://www.smashingmagazine.com/",
|
||||
"articles": [
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/10/autofill-dark-pattern/",
|
||||
"author": "hello@smashingmagazine.com (Alvaro Montoro)",
|
||||
"description": "A “dark pattern” is a deceptive UX pattern that tricks users into doing things they may not really want to do. In this article, Alvaro Montoro does a little experiment to find out how much privacy is taken away from users across three different browsers.",
|
||||
"link": "https://smashingmagazine.com/2021/10/autofill-dark-pattern/",
|
||||
"publishedOn": "2021-10-11T10:00:00.000Z",
|
||||
"wordCount": 3728,
|
||||
"title": "The Autofill Dark Pattern",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8722ec01-912f-4013-8b8a-2ba0ab43cc20/autofill-dark-pattern.jpg",
|
||||
"length": "0",
|
||||
"type": "image/jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "https://smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/",
|
||||
"author": "hello@smashingmagazine.com (Ejiro Asiuwhu)",
|
||||
"description": "Most animation libraries like GSAP and Framer Motion are built purely with JavaScript or TypeScript, unlike AnimXYZ, which is labelled “the first composable CSS animation toolkit”, built mainly with SCSS While a simple library, it can be used to achieve a lot of awesome animation on the web in a short amount of time and little code.",
|
||||
"link": "https://smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/",
|
||||
"publishedOn": "2021-10-09T10:00:00.000Z",
|
||||
"wordCount": 2819,
|
||||
"wordCount": 2814,
|
||||
"title": "Composable CSS Animation In Vue With AnimXYZ",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/0b5365f4-e57d-4fa8-96ed-1742adb243ec/composable-css-animation-vue-animxyz.jpg",
|
||||
|
|
@ -192,7 +206,7 @@
|
|||
"description": "In this article, we’ll be building an interactive fiction experience in which a user can insert words that match parts of speech given by the content creator. Let’s go!",
|
||||
"link": "https://smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/",
|
||||
"publishedOn": "2021-10-08T10:00:00.000Z",
|
||||
"wordCount": 7095,
|
||||
"wordCount": 7104,
|
||||
"title": "Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d9de142e-09f1-4257-99f5-606cc09b8c00/static-first-madlib-generator-portable-text-netlify-builder-functions.jpg",
|
||||
|
|
@ -206,7 +220,7 @@
|
|||
"description": "Every once in a while, we publish [freebies](https://www.smashingmagazine.com/category/freebies/) related to different occasions and themes. We hope that with this icon set, every designer will be able to find their own use case and contribute to saving lives. Free for personal and commercial use.",
|
||||
"link": "https://smashingmagazine.com/2021/10/freebie-coronavirus-icon-set/",
|
||||
"publishedOn": "2021-10-07T09:00:00.000Z",
|
||||
"wordCount": 1012,
|
||||
"wordCount": 1013,
|
||||
"title": "Freebie: COVID-19 Icon Set (56 Icons, AI, EPS, SVG, PNG)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/ef22f452-44d9-49ae-94f9-c7f1c57a8378/coronavirus.png",
|
||||
|
|
@ -220,7 +234,7 @@
|
|||
"description": "Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs.",
|
||||
"link": "https://smashingmagazine.com/2021/10/guide-debugging-css/",
|
||||
"publishedOn": "2021-10-06T10:00:00.000Z",
|
||||
"wordCount": 5478,
|
||||
"wordCount": 5479,
|
||||
"title": "A Guide To CSS Debugging",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/334beb39-13a4-4159-ab77-86c7dac406d8/guide-debugging-css.jpg",
|
||||
|
|
@ -234,7 +248,7 @@
|
|||
"description": "Have you ever struggled with testing cloud services locally? Specifically, have you ever struggled with locally testing an API that uses API Gateway and Lambda, with the Serverless framework, on AWS? In this article, Tom Hudson shares a quick overview of how easy it is to quickly set up your project to test locally before deploying to AWS.",
|
||||
"link": "https://smashingmagazine.com/2021/10/local-testing-serverless-api-gateway-lambda/",
|
||||
"publishedOn": "2021-10-05T10:00:00.000Z",
|
||||
"wordCount": 1788,
|
||||
"wordCount": 1789,
|
||||
"title": "Local Testing A Serverless API (API Gateway And Lambda)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d43ff4a2-4767-4595-9f46-f1ca18f64060/local-testing-serverless-api-gateway-lambda.jpg",
|
||||
|
|
@ -248,7 +262,7 @@
|
|||
"description": "In this article, we’ll be looking at how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way. Let’s get started!",
|
||||
"link": "https://smashingmagazine.com/2021/10/build-expandable-accessible-gallery/",
|
||||
"publishedOn": "2021-10-04T10:00:00.000Z",
|
||||
"wordCount": 2612,
|
||||
"wordCount": 2614,
|
||||
"title": "How To Build An Expandable Accessible Gallery",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8271f985-0b13-4db2-afd6-3f6026272fc2/build-expandable-accessible-gallery.jpg",
|
||||
|
|
@ -262,7 +276,7 @@
|
|||
"description": "Many websites have some sort of search feature because it helps users navigate through their content easily. Implementing it the right way can be tricky and might not give a good user experience. In this tutorial, we will be integrating Algolia, a popular and powerful search service for the best experience on our Nuxt site.",
|
||||
"link": "https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/",
|
||||
"publishedOn": "2021-10-01T10:00:00.000Z",
|
||||
"wordCount": 4899,
|
||||
"wordCount": 4898,
|
||||
"title": "How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/584ac63f-f493-4e93-8d6a-5e6bc640d7ea/search-functionality-nuxt-app-algolia-instantsearch.jpg",
|
||||
|
|
@ -276,7 +290,7 @@
|
|||
"description": "Get your desktop ready for fall and the upcoming Halloween season with a fresh batch of desktop wallpapers. Created with love by designers and artists from across the globe, they come in versions with and without a calendar for October 2021.",
|
||||
"link": "https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/",
|
||||
"publishedOn": "2021-09-30T08:00:00.000Z",
|
||||
"wordCount": 2470,
|
||||
"wordCount": 2472,
|
||||
"title": "A Time Of Transition (October 2021 Desktop Wallpapers Edition)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8987d365-d643-429d-b840-56ff195a9da5/oct-21-autumn-vibes-preview-opt.png",
|
||||
|
|
@ -290,7 +304,7 @@
|
|||
"description": "In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size targets.",
|
||||
"link": "https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/",
|
||||
"publishedOn": "2021-09-29T08:25:00.000Z",
|
||||
"wordCount": 5054,
|
||||
"wordCount": 5052,
|
||||
"title": "Using Modern Image Formats: AVIF And WebP",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/67b6e428-ea96-41b4-baf2-6be51577910d/modern-image-formats-avif-webp.jpg",
|
||||
|
|
@ -304,7 +318,7 @@
|
|||
"description": "You can find Markdown in many places on the Internet. This article covers different aspects of Markdown and how it interacts with other technology.",
|
||||
"link": "https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/",
|
||||
"publishedOn": "2021-09-28T09:00:00.000Z",
|
||||
"wordCount": 3866,
|
||||
"wordCount": 3867,
|
||||
"title": "Improving The Accessibility Of Your Markdown",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/fa95c8d2-8322-4766-ac8d-891dabff0dd6/improving-accessibility-of-markdown.jpg",
|
||||
|
|
@ -318,7 +332,7 @@
|
|||
"description": "Is end-to-end testing a painful topic for you? In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead.",
|
||||
"link": "https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/",
|
||||
"publishedOn": "2021-09-27T11:30:00.000Z",
|
||||
"wordCount": 4968,
|
||||
"wordCount": 4953,
|
||||
"title": "Let’s Dive Into Cypress For End-to-End Testing",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2c42e65f-5a60-4844-a252-00169b21ab0c/cypress-end-to-end-testing.jpg",
|
||||
|
|
@ -332,7 +346,7 @@
|
|||
"description": "We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e-commerce site with Next.js.",
|
||||
"link": "https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/",
|
||||
"publishedOn": "2021-09-24T10:00:00.000Z",
|
||||
"wordCount": 3806,
|
||||
"wordCount": 3807,
|
||||
"title": "Rebuilding A Large E-Commerce Website With Next.js (Case Study)",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5f1d9e62-ec85-435a-8899-56ac48b4190b/lessons-learned-ecommerce-nextjs.jpg",
|
||||
|
|
@ -360,7 +374,7 @@
|
|||
"description": "The new CSS `accent-color` property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future.",
|
||||
"link": "https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/",
|
||||
"publishedOn": "2021-09-23T11:00:00.000Z",
|
||||
"wordCount": 2157,
|
||||
"wordCount": 2154,
|
||||
"title": "Simplifying Form Styles With `accent-color`",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/195a9e83-5686-47fd-80d9-3c1d6dc4655a/simplifying-form-styles-accent-color.jpg",
|
||||
|
|
@ -388,7 +402,7 @@
|
|||
"description": "Building a development environment with the shell as a keystone offers multiple benefits. You can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard.",
|
||||
"link": "https://smashingmagazine.com/2021/09/mouseless-development-environment/",
|
||||
"publishedOn": "2021-09-21T11:30:00.000Z",
|
||||
"wordCount": 4162,
|
||||
"wordCount": 4149,
|
||||
"title": "How To Build Your Own Mouseless Development Environment",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/5c58e67b-deff-4745-b162-f60f468469ac/mouseless-development-environment.jpg",
|
||||
|
|
@ -416,7 +430,7 @@
|
|||
"description": "Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening.",
|
||||
"link": "https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/",
|
||||
"publishedOn": "2021-09-20T11:30:00.000Z",
|
||||
"wordCount": 3972,
|
||||
"wordCount": 3964,
|
||||
"title": "Are Imposter Domains Re-Publishing Your Website?",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4504ea89-0356-45c7-a7c1-a5c360ecc471/imposter-domains-republishing-website.jpg",
|
||||
|
|
@ -486,7 +500,7 @@
|
|||
"description": "When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.",
|
||||
"link": "https://smashingmagazine.com/2021/09/power-pen-paper-sketching/",
|
||||
"publishedOn": "2021-09-14T09:30:00.000Z",
|
||||
"wordCount": 2086,
|
||||
"wordCount": 2087,
|
||||
"title": "The Power Of Pen And Paper Sketching",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e4a5bd0b-53db-40c2-90d9-9d0a19b8d377/power-pen-paper-sketching.jpg",
|
||||
|
|
@ -500,7 +514,7 @@
|
|||
"description": "There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.",
|
||||
"link": "https://smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api/",
|
||||
"publishedOn": "2021-09-13T09:00:00.000Z",
|
||||
"wordCount": 3011,
|
||||
"wordCount": 3000,
|
||||
"title": "Orchestrating Complexity With Web Animations API",
|
||||
"enclosure": {
|
||||
"url": "http://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/cc4a9b5f-fd83-4fc0-9966-6f98707d1466/orchestrating-complexity-web-animations-api.jpg",
|
||||
|
|
@ -515,6 +529,24 @@
|
|||
"feedUrl": "https://www.freecodecamp.org/news/rss/",
|
||||
"siteUrl": "https://www.freecodecamp.org/news",
|
||||
"articles": [
|
||||
{
|
||||
"id": "6159ab734aa03507d9412321",
|
||||
"author": null,
|
||||
"description": "What follows is a full-length book on how to create a successful blog. I am a software developer and I've written 1,500 posts on my blog over the past few years. Millions of people have read my writing. And my blog is now one of the top 20,000",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-start-a-blog-book/",
|
||||
"publishedOn": "2021-10-11T17:21:00.000Z",
|
||||
"wordCount": 14932,
|
||||
"title": "How to Start a Blog [Free 70-Page Book]"
|
||||
},
|
||||
{
|
||||
"id": "615408e064aefe07d3fa0743",
|
||||
"author": null,
|
||||
"description": "In mid-2021, a new Twitter design trend emerged: dynamically updated headers. Developers decided that static headers were boring, and dynamic Twitter headers were the way to go. Ever since then, many developers (including me) have been creating dynamic banners on Twitter. But what does this actually mean? The idea is",
|
||||
"link": "https://www.freecodecamp.org/news/create-a-dynamic-twitter-header/",
|
||||
"publishedOn": "2021-10-11T14:50:00.000Z",
|
||||
"wordCount": 2257,
|
||||
"title": "How to Create a Dynamic Twitter Header"
|
||||
},
|
||||
{
|
||||
"id": "615d55e60d91c9077974d408",
|
||||
"author": null,
|
||||
|
|
@ -548,7 +580,7 @@
|
|||
"description": "“Hey, could you please send me our customers' emails? We’re about to launch a new marketing campaign and…we need them ASAP.” If you work in the Web department on a corporate level, you've probably heard this sentence hundreds of times. So, today I want to share how I",
|
||||
"link": "https://www.freecodecamp.org/news/how-to-create-an-excel-file-with-customers-data-with-woocommerce-and-python/",
|
||||
"publishedOn": "2021-10-08T15:15:28.000Z",
|
||||
"wordCount": 1214,
|
||||
"wordCount": 1216,
|
||||
"title": "How to Create an Excel File that Pulls Customer Data with WooCommerce and Python"
|
||||
},
|
||||
{
|
||||
|
|
@ -586,24 +618,6 @@
|
|||
"publishedOn": "2021-10-06T16:19:13.000Z",
|
||||
"wordCount": 899,
|
||||
"title": "Linux tar Command – How to Compress Files in Linux"
|
||||
},
|
||||
{
|
||||
"id": "615d55b40d91c9077974d3f8",
|
||||
"author": null,
|
||||
"description": "If you want to add data to your SQL table, then you can use the INSERT statement. In this article, I will show you how to use the INSERT statement to add a single row, multiple rows, and to copy rows from one SQL table to another. Basic INSERT syntaxHere",
|
||||
"link": "https://www.freecodecamp.org/news/insert-into-sql-how-to-insert-into-a-table-query-example-statement/",
|
||||
"publishedOn": "2021-10-06T16:10:50.000Z",
|
||||
"wordCount": 955,
|
||||
"title": "Insert Into SQL – How to Insert Into a Table Query [Example Statement]"
|
||||
},
|
||||
{
|
||||
"id": "6155429464aefe07d3fa1019",
|
||||
"author": null,
|
||||
"description": "I have observed a fascinating phenomenon amongst folks applying for their first developer jobs. The behavior seems consistent across college graduates, Bootcampers, and self-taught folks. When asking for a résumé review, they almost always get the answer \"build more projects\". This is great advice, but you can do more to",
|
||||
"link": "https://www.freecodecamp.org/news/build-your-developer-resume-without-job-experience/",
|
||||
"publishedOn": "2021-10-06T15:29:13.000Z",
|
||||
"wordCount": 2042,
|
||||
"title": "How to Build Your Developer Résumé Without Job Experience"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
125
feed.atom
125
feed.atom
|
|
@ -1,10 +1,78 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
<id>urn:2021-10-11T00:44:31.836Z</id>
|
||||
<id>urn:2021-10-12T00:46:29.358Z</id>
|
||||
<title>osmos::feed</title>
|
||||
<updated>2021-10-11T00:44:31.836Z</updated>
|
||||
<updated>2021-10-12T00:46:29.358Z</updated>
|
||||
<generator>osmosfeed 1.11.2</generator>
|
||||
<link rel="alternate" href="index.html"/>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Those “Get The App” Banners]]></title>
|
||||
<id>https://css-tricks.com/?p=352907</id>
|
||||
<link href="https://css-tricks.com/those-get-the-app-banners/"/>
|
||||
<updated>2021-10-11T22:12:35.000Z</updated>
|
||||
<summary type="html"><![CDATA[Why would a company promote a native app over their perfectly usable website?
|
||||
We’d have to ask them, I suppose. But it’s hard not to see this push to native as a matter of priorities: that these companies consider native
|
||||
…
|
||||
The post Those “Get The App” Banners 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[Cash (Tiny jQuery Alternative)]]></title>
|
||||
<id>https://css-tricks.com/?p=353431</id>
|
||||
<link href="https://css-tricks.com/cash-tiny-jquery-alternative/"/>
|
||||
<updated>2021-10-11T20:28:24.000Z</updated>
|
||||
<summary type="html"><![CDATA[The README for Cash is straightforward:
|
||||
Cash is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the codebase, developers can use the familiar chainable methods
|
||||
…
|
||||
The post Cash (Tiny jQuery Alternative) 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 Start a Blog [Free 70-Page Book]]]></title>
|
||||
<id>6159ab734aa03507d9412321</id>
|
||||
<link href="https://www.freecodecamp.org/news/how-to-start-a-blog-book/"/>
|
||||
<updated>2021-10-11T17:21:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[What follows is a full-length book on how to create a successful blog. I am a software developer and I've written 1,500 posts on my blog over the past few years. Millions of people have read my writing. And my blog is now one of the top 20,000]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Create a Dynamic Twitter Header]]></title>
|
||||
<id>615408e064aefe07d3fa0743</id>
|
||||
<link href="https://www.freecodecamp.org/news/create-a-dynamic-twitter-header/"/>
|
||||
<updated>2021-10-11T14:50:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[In mid-2021, a new Twitter design trend emerged: dynamically updated headers. Developers decided that static headers were boring, and dynamic Twitter headers were the way to go. Ever since then, many developers (including me) have been creating dynamic banners on Twitter. But what does this actually mean? The idea is]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Better Collaboration With Pull Requests]]></title>
|
||||
<id>https://css-tricks.com/?p=352569</id>
|
||||
<link href="https://css-tricks.com/better-collaboration-with-pull-requests/"/>
|
||||
<updated>2021-10-11T14:29:44.000Z</updated>
|
||||
<summary type="html"><![CDATA[This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!
|
||||
In this third installment of our “Advanced Git” series, we’ll look at …
|
||||
The post Better Collaboration With Pull Requests appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Tobias Günther</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[The Autofill Dark Pattern]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/autofill-dark-pattern/</id>
|
||||
<link href="https://smashingmagazine.com/2021/10/autofill-dark-pattern/"/>
|
||||
<updated>2021-10-11T10:00:00.000Z</updated>
|
||||
<summary type="html"><![CDATA[A “dark pattern” is a deceptive UX pattern that tricks users into doing things they may not really want to do. In this article, Alvaro Montoro does a little experiment to find out how much privacy is taken away from users across three different browsers.]]></summary>
|
||||
<author>
|
||||
<name>hello@smashingmagazine.com (Alvaro Montoro)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Composable CSS Animation In Vue With AnimXYZ]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/</id>
|
||||
|
|
@ -236,26 +304,6 @@ The post The Single Page App Morality Play appeared first on CSS-Tricks. You can
|
|||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Insert Into SQL – How to Insert Into a Table Query [Example Statement]]]></title>
|
||||
<id>615d55b40d91c9077974d3f8</id>
|
||||
<link href="https://www.freecodecamp.org/news/insert-into-sql-how-to-insert-into-a-table-query-example-statement/"/>
|
||||
<updated>2021-10-06T16:10:50.000Z</updated>
|
||||
<summary type="html"><![CDATA[If you want to add data to your SQL table, then you can use the INSERT statement. In this article, I will show you how to use the INSERT statement to add a single row, multiple rows, and to copy rows from one SQL table to another. Basic INSERT syntaxHere]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[How to Build Your Developer Résumé Without Job Experience]]></title>
|
||||
<id>6155429464aefe07d3fa1019</id>
|
||||
<link href="https://www.freecodecamp.org/news/build-your-developer-resume-without-job-experience/"/>
|
||||
<updated>2021-10-06T15:29:13.000Z</updated>
|
||||
<summary type="html"><![CDATA[I have observed a fascinating phenomenon amongst folks applying for their first developer jobs. The behavior seems consistent across college graduates, Bootcampers, and self-taught folks. When asking for a résumé review, they almost always get the answer "build more projects". This is great advice, but you can do more to]]></summary>
|
||||
<author>
|
||||
<name>freeCodeCamp.org</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Considerations for Using Markdown Writing Apps on Static Sites]]></title>
|
||||
<id>https://css-tricks.com/?p=352959</id>
|
||||
|
|
@ -292,39 +340,6 @@ The post The Options for Password Revealing Inputs appeared first on CSS-Tricks.
|
|||
<name>hello@smashingmagazine.com (Stephanie Eckles)</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Scroll Shadows With JavaScript]]></title>
|
||||
<id>https://css-tricks.com/?p=352754</id>
|
||||
<link href="https://css-tricks.com/scroll-shadows-with-javascript/"/>
|
||||
<updated>2021-10-05T22:40:21.000Z</updated>
|
||||
<summary type="html"><![CDATA[Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is …
|
||||
The post Scroll Shadows With JavaScript 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[Conditional Border Radius In CSS]]></title>
|
||||
<id>https://css-tricks.com/?p=353261</id>
|
||||
<link href="https://ishadeed.com/article/conditional-border-radius/"/>
|
||||
<updated>2021-10-05T19:18:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. …
|
||||
The post Conditional Border Radius 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[Branching Strategies in Git]]></title>
|
||||
<id>https://css-tricks.com/?p=352508</id>
|
||||
<link href="https://css-tricks.com/branching-strategies-in-git/"/>
|
||||
<updated>2021-10-05T14:28:43.000Z</updated>
|
||||
<summary type="html"><![CDATA[In this article I'm going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.
|
||||
The post Branching Strategies in Git appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.]]></summary>
|
||||
<author>
|
||||
<name>Tobias Günther</name>
|
||||
</author>
|
||||
</entry>
|
||||
<entry>
|
||||
<title type="html"><![CDATA[Local Testing A Serverless API (API Gateway And Lambda)]]></title>
|
||||
<id>https://smashingmagazine.com/2021/10/local-testing-serverless-api-gateway-lambda/</id>
|
||||
|
|
|
|||
165
index.html
165
index.html
|
|
@ -15,6 +15,103 @@
|
|||
|
||||
<body>
|
||||
<!-- %after-body-begin.html% -->
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-11">2021-10-11</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">Those “Get The App” Banners</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/those-get-the-app-banners/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>Why would a company promote a native app over their perfectly usable website?
|
||||
We’d have to ask them, I suppose. But it’s hard not to see this push to native as a matter of priorities: that these companies consider native
|
||||
…
|
||||
The post Those “Get The App” Banners 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">Cash (Tiny jQuery Alternative)</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/cash-tiny-jquery-alternative/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(2 min)</span>
|
||||
<span>The README for Cash is straightforward:
|
||||
Cash is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the codebase, developers can use the familiar chainable methods
|
||||
…
|
||||
The post Cash (Tiny jQuery Alternative) 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">Better Collaboration With Pull Requests</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/better-collaboration-with-pull-requests/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(6 min)</span>
|
||||
<span>This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!
|
||||
In this third installment of our “Advanced Git” series, we’ll look at …
|
||||
The post Better Collaboration With Pull Requests 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 Start a Blog [Free 70-Page Book]</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/how-to-start-a-blog-book/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(50 min)</span>
|
||||
<span>What follows is a full-length book on how to create a successful blog. I am a software developer and I've written 1,500 posts on my blog over the past few years. Millions of people have read my writing. And my blog is now one of the top 20,000</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Create a Dynamic Twitter Header</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/create-a-dynamic-twitter-header/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(8 min)</span>
|
||||
<span>In mid-2021, a new Twitter design trend emerged: dynamically updated headers. Developers decided that static headers were boring, and dynamic Twitter headers were the way to go. Ever since then, many developers (including me) have been creating dynamic banners on Twitter. But what does this actually mean? The idea is</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">The Autofill Dark Pattern</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://smashingmagazine.com/2021/10/autofill-dark-pattern/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(12 min)</span>
|
||||
<span>A “dark pattern” is a deceptive UX pattern that tricks users into doing things they may not really want to do. In this article, Alvaro Montoro does a little experiment to find out how much privacy is taken away from users across three different browsers.</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-09">2021-10-09</time></h2>
|
||||
<ul class="sources card">
|
||||
|
|
@ -90,7 +187,7 @@ The post Building a Tennis Trivia App With Next.js and Netlify appeared first on
|
|||
<summary class="article-expander__title">Comparing Google Analytics and Plausible Numbers</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/comparing-google-analytics-and-plausible-numbers/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span class="article-reading-time">(5 min)</span>
|
||||
<span>I saw this blog post the other day: 58% of Hacker News, Reddit and tech-savvy audiences block Google Analytics. That’s an enticing title to me. I’ve had Google Analytics on this site literally from the day I launched it. …
|
||||
The post Comparing Google Analytics and Plausible Numbers appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.</span>
|
||||
</div>
|
||||
|
|
@ -365,28 +462,6 @@ The post The Options for Password Revealing Inputs appeared first on CSS-Tricks.
|
|||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">Insert Into SQL – How to Insert Into a Table Query [Example Statement]</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/insert-into-sql-how-to-insert-into-a-table-query-example-statement/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>If you want to add data to your SQL table, then you can use the INSERT statement. In this article, I will show you how to use the INSERT statement to add a single row, multiple rows, and to copy rows from one SQL table to another. Basic INSERT syntaxHere</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
<article>
|
||||
<details class="article-expander">
|
||||
<summary class="article-expander__title">How to Build Your Developer Résumé Without Job Experience</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://www.freecodecamp.org/news/build-your-developer-resume-without-job-experience/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>I have observed a fascinating phenomenon amongst folks applying for their first developer jobs. The behavior seems consistent across college graduates, Bootcampers, and self-taught folks. When asking for a résumé review, they almost always get the answer "build more projects". This is great advice, but you can do more to</span>
|
||||
</div>
|
||||
</a>
|
||||
</details>
|
||||
</article>
|
||||
</section>
|
||||
</li>
|
||||
<li class="source">
|
||||
|
|
@ -411,48 +486,6 @@ The post The Options for Password Revealing Inputs appeared first on CSS-Tricks.
|
|||
<section class="daily-content">
|
||||
<h2 class="daily-heading"><time datatime="2021-10-05">2021-10-05</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">Scroll Shadows With JavaScript</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/scroll-shadows-with-javascript/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(3 min)</span>
|
||||
<span>Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is …
|
||||
The post Scroll Shadows With JavaScript 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">Conditional Border Radius In CSS</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://ishadeed.com/article/conditional-border-radius/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(4 min)</span>
|
||||
<span>Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. …
|
||||
The post Conditional Border Radius In 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">Branching Strategies in Git</summary>
|
||||
<a class="article-summary-link article-summary-box-outer" href="https://css-tricks.com/branching-strategies-in-git/">
|
||||
<div class="article-summary-box-inner">
|
||||
<span class="article-reading-time">(7 min)</span>
|
||||
<span>In this article I'm going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.
|
||||
The post Branching Strategies in Git 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>
|
||||
|
|
@ -903,7 +936,7 @@ Thank you @ad-m</span>
|
|||
</section>
|
||||
|
||||
<footer>
|
||||
<time id="build-timestamp" datetime="2021-10-11T00:44:31.820Z">2021-10-11T00:44:31.820Z</time>
|
||||
<time id="build-timestamp" datetime="2021-10-12T00:46:29.340Z">2021-10-12T00:46:29.340Z</time>
|
||||
<span><a class="footer-link" href="https://github.com/osmoscraft/osmosfeed">osmosfeed 1.11.2</a></span>
|
||||
</footer>
|
||||
<script src="index.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue