Day1 - 前言

杂谈

今年是个很特别的一年,对威尔猪来说也是,从没写过任何形式的笔记或文章,也没什麽特别规划,居然就冲动的报名了铁人赛,搞得威尔猪现在非常的紧张,不知道接下来30天该怎麽办,能不能顺利完成威尔猪自己也不知道,毕竟威尔猪对Tailwindcss也不甚理解,总之头都洗了,就洗下去吧!

过去威尔猪所使用的都是以Bootstarp为主,用过它的看倌应该都知道非常的好用、方便、快速,大部分的Components都已帮你准备好,只需套用就行,客制化其实也没多大问题,只是改起来稍微麻烦了一些,能不能让它看起来不像Bootstrap,就看个人CSS的功力了。

那为什麽还需要Tailwindcss呢?

其实Tailwindcss早就出现一段时间了,网上也有许多教学文章及影片,只是台湾用的相对较少,然而近期Bootstrap更新却越来越有Utility的型式,越来越向Tailwindcss方式靠拢,也让一些工程师趋之若鹜,让威尔猪好奇到底Tailwindcss有啥魅力,就想来了解看看,反正多认识也没啥坏处,如果未来风向改了,至少还懂一些皮毛(但要连续写30天的认识文,想到会怕!)。

目前已知的是(原则上和Bootstrap不会差异太大):

  1. 不须大量编写CSS,Class样式大部分已写好,共用即可。
  2. 可透过语法自行组合Class,自定义模组样式。
  3. 使用purge进行压缩,优化CSS档案大小。

威尔猪不是专业科班出生,也不是技术宅,文章可能会以较简短且相对简单的形式出现,毕竟太长篇大论或更深入的内容,威尔猪可能无法达成也消化不了,毕竟能吸收比较重要。目前Tailwindcss最新版本为v2.2.7,之後的文章也会使用这版本(应该不会这麽巧在这30天内更新吧!),那麽咱们明天见。


<<:  GoDaddy 购买网域教学-建立你的网路门牌

>>:  资讯安全的重要性取决於高阶主管的眼界、境界及格局。

Day29-介接 API(四)Laravel 实作 Dialogflow ES 之 API interactions

大家好~ 今天来实作下图架构的简单版吧! 申请服务帐户 选择一个 Dialogflow 的 Agen...

Day 30:Ansible Role

在昨天的文章中我整理了一些重用 Ansible 内容的方法,但有时候,我们要完成一项任务可能不单单只...

Scala 语言和你 SAY HELLO!!

第十九天 各位点进来的朋友,你们好阿 小的不才只能做这个系列的文章,但还是希望分享给点进来的朋友,知...

第二十五天:用 dokka 产生 API 文件

当我们在写函式库或框架的时候,通常表示这段逻辑很常用到,希望藉由抽取成函式库或框架来重复使用,减少重...

[第一话] 一切的开始,web assembly

一睁开眼,发现出现在自己眼前的是没见过的景色 这里是哪里... 一阵晕眩过後 对了我想起来了,前一...