Skip to content
View riceball-tw's full-sized avatar
🅱️
Learning Backend!
🅱️
Learning Backend!

Organizations

@old-riceball @fork-riceball @maintaining-riceball

Block or report riceball-tw

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
riceball-tw/README.md

Hi 👋, I'm Riceball

A self-taught frontend developer from Taiwan, Passionate about developing interesting web apps!


近期工作研究到使用 Slidev 來呈現簡報,一個基於 Vite + Vue3 的簡報工具整合了大大小小的套件方便用網頁創作簡報,主要以 Markdown 來撰寫內容,這樣的方式讓我們可以專注在內容上,而不用花太多時間在花俏的簡報軟體操作。

The HTML `` and `` syntax helps achieve accordion quickly, along with interpolate-size and transition-behavior for smooth animations.

手风琴是一种常见的网页 UI 模式,通常是一系列垂直堆叠的标题可以用于展开收合显示不同资讯,在 HTML 当中有项新颖的语法 和 可帮助快速实现类似的功能,并且配合上最新的 interpolate-size 和 transition-behavior 制作滑顺的展开闭合动画。

手風琴是一種常見的網頁 UI 模式,通常是一系列垂直堆疊的標題可以用於展開收合顯示不同資訊,在 HTML 當中有項新穎的語法 和 可幫助快速實現類似的功能,並且配合上最新的 interpolate-size 和 transition-behavior 製作滑順的展開閉合動畫。

I was asked about a SPA I created and its poor image loading experience. I shared all my thoughts, but lacked confidence in my answers.

先前面试时面试官询问到我早期制作的一个 SPA 网站在换页后图片载入体验不太好的问题,当时我把脑袋能想的所有答案都提出来了😅,最终有答到一点边缘知识,但太少用所以回答的不是很确定,因此这次来补齐这方面浏览器提供的机制,主要介绍浏览器如何处理安排资源的加载。

Pinned Loading

  1. web-dong-blog web-dong-blog Public

    A blog focus on discovering interesting things around the web, Powered by astro.js

    MDX 6 1

  2. wei-wei-web wei-wei-web Public

    My Portfolio Website

    Astro 1

  3. gpt-markdown-translator gpt-markdown-translator Public

    CLI to translate .md / .mdx to other languages using ChatGPT

    JavaScript 3

  4. image-area-selector image-area-selector Public

    Forked from chatbotgang/image-area-selector

    *Only for take-home exam.

    TypeScript 1

  5. my-note my-note Public

    MySQL + Drizzle ORM + Nuxt 3 fullstack modern note site.

    Vue 1

  6. ai-space ai-space Public

    Fullstack ai chat app

    Vue