知鸦日报2024-08-25

2024-08-24 16:30:00 ~ 2024-08-25 16:30:00

技术

How to Build a Modal Video Component with Tailwind CSS and Vue

摘要

Learn how to build a simple modal video component using Tailwind CSS and Vue.js, and with TypeScript support.

How to Build a Modal Video Component with Tailwind CSS and Vue

3 Examples of Brilliant Vertical Timelines with Tailwind CSS

摘要

Learn how to build three responsive vertical timelines with Tailwind CSS.

3 Examples of Brilliant Vertical Timelines with Tailwind CSS

How to Create a Spotlight Card Hover Effect with Tailwind CSS

摘要

Learn how to create to create a spotlight card effect on mouse hover with Tailwind CSS.

How to Create a Spotlight Card Hover Effect with Tailwind CSS

Implementing Tailwind CSS Dark Mode Toggle with No Flicker

摘要

Learn how to implement flicker-free Tailwind CSS Dark Mode toggle.

Implementing Tailwind CSS Dark Mode Toggle with No Flicker

How to Make a Stunning CTA Animation with Tailwind CSS

摘要

Learn how to create an engaging CTA animation on mouseover using Tailwind CSS.

How to Make a Stunning CTA Animation with Tailwind CSS

Create a Carousel with Progress Indicators using Tailwind and Vue

摘要

Learn how to create a carousel with progress indicators using Tailwind CSS and Vue.

Create a Carousel with Progress Indicators using Tailwind and Vue

Stick Elements at the Bottom of Cards with Equal Heights

摘要

How to stick elements at the bottom of equally heighted cards with Tailwind CSS.

Stick Elements at the Bottom of Cards with Equal Heights

Auto-Growing Textarea with Tailwind CSS

摘要

A common trick that makes a textarea automatically grow in height as you type, made with Tailwind CSS.

Auto-Growing Textarea with Tailwind CSS

Animated Gradient Borders with Tailwind CSS

摘要

How to create a card highlighted with animated border gradients using Tailwind CSS.

Animated Gradient Borders with Tailwind CSS

Create a Table with a Sticky Column using Tailwind CSS

摘要

How to create a table with a sticky column with Tailwind CSS.

Create a Table with a Sticky Column using Tailwind CSS

Active Link Animation with Tailwind CSS and Framer Motion

摘要

Learn how to create a sliding active link animation for one-page navigation with Tailwind CSS and Framer Motion.

Active Link Animation with Tailwind CSS and Framer Motion

OTP Form Example Made with Tailwind CSS and JavaScript

摘要

An example of a simple OTP (One-Time Password) form made with Tailwind CSS and JavaScript.

Create an Infinite Horizontal Scroll Animation with Tailwind CSS

摘要

In this tutorial, we will show you how to create a cool infinite horizontal animation using only CSS. This effect can be used to display a variety of things, and for this post, we’ll focus on building a logo carousel that smoothly scrolls from right to left using Tailwind CSS classes.

Create an Infinite Horizontal Scroll Animation with Tailwind CSS

Creating a Sliding Text Animation with Tailwind CSS

摘要

Learn how to create a sliding text animation with Tailwind CSS.

Creating a Sliding Text Animation with Tailwind CSS

在复刻黏土风图生成中学习(2) — ControlNet / IPAdapter / instantID

摘要

黏土风格效果还可以,但人物动作总会跟原图不一致,一会双手放地板,一会侧身。图生图一般希望整体轮廓、人物姿态与原图一致,有没有办法控制?

在复刻黏土风图生成中学习(2) — ControlNet / IPAdapter / instantID

在复刻黏土风图生成中学习(1) — 模型微调/LoRA 原理/图生图

摘要

继续学习 Stable Diffusion,这次想以搭建一个实际可用的生图场景 — 黏土风格作为引导,弄清楚整个流程的同时,把过程中遇到的相关概念和原理也做了解,所以这篇是掺和了应用流程和原理的文章。

在复刻黏土风图生成中学习(1) — 模型微调/LoRA 原理/图生图

携程技术:携程无线离线包增量更新方案实践

摘要

携程旅行App中近半数业务页面使用H5 Hybrid和RN技术开发,为了提高页面加载速度和成功率,我们在开发Hybird技术之初就采用了离线包方式,即将RH5 Hybrid或者RN开发的业务代码打包到App中,直接通过应用商店分发到用户终端。如果有业务功能有变更,就通过我们的无线发布系统,将新的业务离线包更新到App中,从而做到随时发布,动态更新。

当然如果都是全量发布,App在启动时就需要下载更大的离线包,增加用户流量的同时加大了下载失败的概率,因此需要考虑好增量更新的方案。

携程无线离线包增量更新方案实践

汉字的书写效果的实现

摘要

本文记录一下如何基于字体实现汉字svg描点的过程参考项目:

1、makemeahanzi https://github.com/skishore/makemeahanzi

2、hanzi-writer-data https://github.com/chanind/hanzi-writer-dat

汉字的书写效果的实现

方法

飞书文档如何在不同账号间迁移

摘要

今天由于个人需要新建了一个飞书账号,遇到个需求就是需要把老帐号里面的文档迁移到新的账号里面。

飞书文档如何在不同账号间迁移

‹ 2024-08-24 日报 2024-08-26 日报 ›