摘要：
前言 一直没有写过关于互联网和网站运作的原理相关文章. 这篇就稍微介绍一下它们. 1. 电脑文件 网站是由许多网页组成的, 网页就是电脑里的 file. extension 是 .html 类似于 .mp3 = 歌曲, mp4 = 视频, .html = 网页 2. HTML player 想听歌就 阅读全文
posted @ 2022-04-20 16:04
兴杰
阅读(547)
评论(0)
推荐(1)
摘要：
前言 这个非常基础, 我在学 W3Schools 之前就已经会了, 所以之前一直没用记入起来. 但偶尔遇到一些场景时还是会被坑到. 所以特别写这一篇, 提升记忆. width / height auto & percentage width / height initail value 都是 aut 阅读全文
posted @ 2022-04-19 18:58
兴杰
阅读(100)
评论(0)
推荐(0)
摘要：
效果 参考 Youtube – Create a pulsing animation with CSS 重点 在背后做一个一样大的 div border 然后 animation scale up. HTML <button> <i class="fa-solid fa-play"></i> </b 阅读全文
posted @ 2022-04-17 22:28
兴杰
阅读(242)
评论(0)
推荐(0)
摘要：
效果 参考: Youtube – Create a Simple Popup Modal Youtube – Create a Modal (Popup) with HTML/CSS and JavaScript HTML – Native Dialog Modal Boostrap Modal A 阅读全文
posted @ 2022-04-17 19:33
兴杰
阅读(80)
评论(0)
推荐(0)
摘要：
效果 重点 1. 一张图片, 一个 content 定位居中作为一个 slide 2. slider 用了 JavaScript Library – Swiper 3. 当 slide active 的时候做一个 animation 把 content 划出来. Swiper & Layout HT 阅读全文
posted @ 2022-04-17 13:56
兴杰
阅读(126)
评论(0)
推荐(0)
摘要：
前言 之前介绍 Native Form 的时候有提及过 method="dialog", 但由于它太新了, 所以没去研究. 这篇就介绍一下. Dialog 也好 Modal 也好, 都有人叫, 我的理解是 Modal 更抽象一点, Dialog 按 Material Design, 应该是要有 ac 阅读全文
posted @ 2022-04-16 23:58
兴杰
阅读(283)
评论(0)
推荐(0)
摘要：
效果 show more 是很常被使用的效果, 因为空间总是不够的丫. 比起 scroll, show more 的体验通常会好一些, 尤其在手机, 它有更好的引导. 实现思路 1. 卡片需要一个 max-height 限制内容, 同时 overflow: hidden 2. 做一个 overlay 阅读全文
posted @ 2022-04-15 17:47
兴杰
阅读(211)
评论(0)
推荐(0)
摘要：
前言 这篇想整理一下在网页开发中, Spacing (间距) 和 Layout 排版是如果被处理的. Spacing 介绍 东西密密麻麻会给人一种很恐怖的感觉. 只要加上一点空间 (间距), 整体感觉立马就会变好很多. 在网页开发中, padding, margin, gap, line-heigh 阅读全文
posted @ 2022-04-14 18:42
兴杰
阅读(421)
评论(0)
推荐(0)
摘要：
前言 官网已经有很好的教程了, 这篇只是记入一些我用过的东西和冷门知识. 参考 官网安装 官网 Demo 安装 yarn add swiper JS import Swiper from 'swiper'; // core js import { Navigation } from 'swiper/ 阅读全文
posted @ 2022-04-09 22:39
兴杰
阅读(862)
评论(0)
推荐(0)
摘要：
前言 Table (表格) 历史悠久, 它有许多独特的默认样式, 它也是最早的布局方案方案哦 (现在依然有用 table 来做布局的, 比如 email template). 这篇来介绍一下基本的 table styling. 参考 Youtube – Styling HTML tables wit 阅读全文
posted @ 2022-04-06 22:19
兴杰
阅读(151)
评论(0)
推荐(0)
浙公网安备 33010602011771号