From a726b363af25635934a088fb9df24fb816c9a83c Mon Sep 17 00:00:00 2001 From: chuanqisun Date: Mon, 19 Apr 2021 00:49:20 +0000 Subject: [PATCH] deploy: 93a47ca1ea00c4476b086318dc68b7b679ed4221 --- cache.json | 50 +++++++++++++++++++++++++------------------------- index.html | 6 +++--- 2 files changed, 28 insertions(+), 28 deletions(-) diff --git a/cache.json b/cache.json index 80873b5..124742a 100644 --- a/cache.json +++ b/cache.json @@ -7,7 +7,7 @@ "description": "When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and …\nThe post Creating an Editable Textarea That Supports Syntax-Highlighted Code appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/creating-an-editable-textarea-that-supports-syntax-highlighted-code/", "publishedOn": "2021-04-16T18:58:59.000Z", - "wordCount": 1911, + "wordCount": 2147, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "Creating an Editable Textarea That Supports Syntax-Highlighted Code" @@ -16,7 +16,7 @@ "description": "There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …\nThe post Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/", "publishedOn": "2021-04-16T14:33:05.000Z", - "wordCount": 1391, + "wordCount": 1459, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders" @@ -34,7 +34,7 @@ "description": "There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things …\nThe post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/flash-of-inaccurate-color-theme-fart/", "publishedOn": "2021-04-15T22:13:36.000Z", - "wordCount": 1190, + "wordCount": 1338, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "Flash of inAccurate coloR Theme (FART)" @@ -43,7 +43,7 @@ "description": "The title of this article is misleading. It’s not actually very important for an Engineering Manager to use career laddering, per se, or my process. It is, however, very important that an Engineering Manager is clear with their employees…\nThe post The Importance of Career Laddering appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/the-importance-of-career-laddering/", "publishedOn": "2021-04-15T14:29:18.000Z", - "wordCount": 2493, + "wordCount": 2495, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "The Importance of Career Laddering" @@ -52,7 +52,7 @@ "description": "Svelte is a free and open-source front end JavaScript framework that enables developers to build highly performant applications with smaller application bundles. Svelte also empowers developers with its awesome developer experience.\nSvelte provides a different approach to building web apps …\nThe post How to Build a FullStack Serverless HN Clone With Svelte and Fauna appeared first on CSS-Tricks.\nYou can support CSS-Tricks by being an MVP Supporter.", "link": "https://css-tricks.com/how-to-build-a-fullstack-serverless-hn-clone-with-svelte-and-fauna/", "publishedOn": "2021-04-15T14:27:01.000Z", - "wordCount": 1338, + "wordCount": 1425, "sourceHref": "https://css-tricks.com/feed/", "sourceTitle": "CSS-Tricks", "title": "How to Build a FullStack Serverless HN Clone With Svelte and Fauna" @@ -147,7 +147,7 @@ "description": "It’s no secret that the technical interview process leaves something to be desired; it’s often riddled with anxiety and stress. In this article, we’ll take a look at seven of the most common mistakes candidates make in their technical interviews and explore ways you can avoid them.", "link": "https://smashingmagazine.com/2021/04/mistakes-technical-interviews/", "publishedOn": "2021-04-16T09:00:00.000Z", - "wordCount": 2914, + "wordCount": 2910, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Seven Mistakes To Avoid In Your Technical Interviews" @@ -156,7 +156,7 @@ "description": "Selling is key to growing your web design business, but it doesn’t have to be complicated! With clear goals, customer research, and proven closing techniques, anyone can find new clients.", "link": "https://smashingmagazine.com/2021/04/web-design-clients-fast-part2/", "publishedOn": "2021-04-15T11:00:00.000Z", - "wordCount": 3518, + "wordCount": 3519, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "How To Get Web Design Clients Fast (Part 2)" @@ -165,7 +165,7 @@ "description": "At Smashing, we’ve been busy over the last few months. We’ve set up new workshops, redesigned our navigation, refined performance and improved accessibility. There are subtle UX changes coming in, and we’d love to share what we’ve been cooking.", "link": "https://smashingmagazine.com/2021/04/from-cats-with-love-navigation-guides-workshops/", "publishedOn": "2021-04-15T10:30:00.000Z", - "wordCount": 966, + "wordCount": 965, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "From Cats With Love: New Navigation, Guides And Workshops" @@ -174,7 +174,7 @@ "description": "In this article, we will explore the causes of overflow issues and how to solve them. We will also explore how modern features in the developer tools (DevTools) can make the process of fixing and debugging easier.", "link": "https://smashingmagazine.com/2021/04/css-overflow-issues/", "publishedOn": "2021-04-14T11:00:00.000Z", - "wordCount": 1915, + "wordCount": 1914, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Overflow Issues In CSS" @@ -183,7 +183,7 @@ "description": "In this article, we’ll be building a video streaming app using Nuxt.js and Node.js. Specifically, we’ll build a server-side Node.js app that will handle fetching and streaming videos, generating thumbnails for your videos, and serving captions and subtitles.", "link": "https://smashingmagazine.com/2021/04/building-video-streaming-app-nuxtjs-node-express/", "publishedOn": "2021-04-13T14:00:00.000Z", - "wordCount": 3153, + "wordCount": 3152, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Building A Video Streaming App With Nuxt.js, Node And Express" @@ -192,7 +192,7 @@ "description": "Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.", "link": "https://smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/", "publishedOn": "2021-04-12T12:30:00.000Z", - "wordCount": 2962, + "wordCount": 2961, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "A Complete Guide To HTML Email" @@ -201,7 +201,7 @@ "description": "UX practitioners can play an important role in growing the UX maturity of the organizations and product teams they work with. This final article in a three-part series presents two additional tactics: education of staff on UX principles and processes.", "link": "https://smashingmagazine.com/2021/04/growing-ux-maturity-in-organizations-part-3/", "publishedOn": "2021-04-09T19:30:00.000Z", - "wordCount": 5987, + "wordCount": 5986, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Growing UX Maturity In Organizations: Education And Training (Part 3)" @@ -210,7 +210,7 @@ "description": "Have you ever struggled to get the green light on your design proposals? Do you feel like your design process needs to be formalized? Is the COVID19 era becoming a challenge for you when working remotely as a designer? Then keep reading to get to know a methodology to document your design process in this article.", "link": "https://smashingmagazine.com/2021/04/better-documentation-team-communication-product-design-docs/", "publishedOn": "2021-04-08T11:00:00.000Z", - "wordCount": 1857, + "wordCount": 1856, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Better Documentation And Team Communication With Product Design Docs" @@ -219,7 +219,7 @@ "description": "Unreliable tests are a living nightmare for anyone who writes automated tests or pays attention to the results. Flaky tests have even given folks nightmares and sleepless nights. In this article, Ramona Schwering shares her experiences to help you get out of this hell or avoid getting into it.", "link": "https://smashingmagazine.com/2021/04/flaky-tests-living-nightmare/", "publishedOn": "2021-04-07T11:00:00.000Z", - "wordCount": 4048, + "wordCount": 4047, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Flaky Tests: Getting Rid Of A Living Nightmare In Testing" @@ -237,7 +237,7 @@ "description": "A guide to vanilla JavaScript code snippets — with resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies.", "link": "https://smashingmagazine.com/2021/04/vanilla-javascript-code-snippets/", "publishedOn": "2021-04-05T10:30:00.000Z", - "wordCount": 2017, + "wordCount": 2016, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Vanilla JavaScript Code Snippets" @@ -246,7 +246,7 @@ "description": "Quick, constant change is a given on the web. It is often one of its greatest strengths. As ever, though, there is a balance to find. Although longevity takes a different form online, its value is immeasurable.", "link": "https://smashingmagazine.com/2021/04/guarding-against-disposable-design/", "publishedOn": "2021-04-02T11:00:00.000Z", - "wordCount": 3381, + "wordCount": 3380, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Guarding Against Disposable Design" @@ -255,7 +255,7 @@ "description": "By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called [Utopia](https://utopia.fyi/) offers an alternative to breakpoint-driven design.", "link": "https://smashingmagazine.com/2021/04/designing-developing-fluid-type-space-scales/", "publishedOn": "2021-04-01T09:44:00.000Z", - "wordCount": 2457, + "wordCount": 2456, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Meet Utopia: Designing And Building With Fluid Type And Space Scales" @@ -264,7 +264,7 @@ "description": "Let’s welcome the new month with some fresh wallpapers. Designed with love by artists and designers from across the globe, they are available with and without a calendar for April 2021.", "link": "https://smashingmagazine.com/2021/03/desktop-wallpaper-calendars-april-2021/", "publishedOn": "2021-03-31T10:00:00.000Z", - "wordCount": 2034, + "wordCount": 2033, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "The Small Joys Of April (2021 Wallpapers Edition)" @@ -273,7 +273,7 @@ "description": "In this article, Michael Rispoli explains how he evaluated the decision of whether or not to adopt a serverless database for client projects. This decision will focus on three lenses: the functional aspects of the technology, the developer experience, and the business ramifications of adoption.", "link": "https://smashingmagazine.com/2021/03/choosing-new-serverless-database-technology-agency/", "publishedOn": "2021-03-30T10:30:00.000Z", - "wordCount": 5733, + "wordCount": 5732, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Choosing A New Serverless Database Technology At An Agency (Case Study)" @@ -282,7 +282,7 @@ "description": "A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.", "link": "https://smashingmagazine.com/2021/03/svg-generators/", "publishedOn": "2021-03-29T09:54:00.000Z", - "wordCount": 3668, + "wordCount": 3667, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "SVG Generators" @@ -291,7 +291,7 @@ "description": "This article presents tactics that can be helpful for those working in organizations that have started engaging in UX, but are still at the lower to middle stages of maturity: knowledge sharing and mentorship.", "link": "https://smashingmagazine.com/2021/03/growing-ux-maturity-in-organizations-part-2/", "publishedOn": "2021-03-26T11:30:00.000Z", - "wordCount": 4139, + "wordCount": 4138, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Growing UX Maturity: Knowledge Sharing And Mentorship (Part 2)" @@ -300,7 +300,7 @@ "description": "How do we get media performance right while staying within performance budgets? Let’s take a look at the recent stats and data around performance budgets, video playback performance issues and some techniques and tools to address these issues.", "link": "https://smashingmagazine.com/2021/03/boost-media-performance/", "publishedOn": "2021-03-25T13:00:00.000Z", - "wordCount": 2050, + "wordCount": 2049, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "How To Boost Media Performance On A Budget" @@ -309,7 +309,7 @@ "description": "Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration.", "link": "https://smashingmagazine.com/2021/03/reactivity-in-vue/", "publishedOn": "2021-03-25T10:00:00.000Z", - "wordCount": 2273, + "wordCount": 2272, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Reactivity In Vue" @@ -327,7 +327,7 @@ "description": "One of the drivers of the popularity of headless options is that expectations for the quality of user experience are constantly going up. In this article, we explore what headless means, use cases for it, and how to decide if headless is a good fit for you.", "link": "https://smashingmagazine.com/2021/03/going-headless-use-cases/", "publishedOn": "2021-03-23T15:15:00.000Z", - "wordCount": 4265, + "wordCount": 4264, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "Going Headless: Use Cases And What It’s Good For" @@ -336,7 +336,7 @@ "description": "Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, \"skip\" links, SVGs, tabs, tables, toggles and tooltips.", "link": "https://smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/", "publishedOn": "2021-03-22T11:30:00.000Z", - "wordCount": 6863, + "wordCount": 6862, "sourceHref": "https://www.smashingmagazine.com/feed/", "sourceTitle": "Articles on Smashing Magazine — For Web Designers And Developers", "title": "A Complete Guide To Accessible Front-End Components" diff --git a/index.html b/index.html index fd38da0..8f6b479 100644 --- a/index.html +++ b/index.html @@ -43,7 +43,7 @@

When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and … The post Creating an Editable Textarea That Supports Syntax-Highlighted Code appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

- Read · 6 min + Read · 7 min @@ -192,7 +192,7 @@ You can support CSS-Tricks by being an MVP Supporter.

Svelte provides a different approach to building web apps … The post How to Build a FullStack Serverless HN Clone With Svelte and Fauna appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

- Read · 4 min + Read · 5 min @@ -777,7 +777,7 @@ You can support CSS-Tricks by being an MVP Supporter.