Add daily email for 2025-02-15
Rebuilding Bootstrap with Tailwind CSS (and Sculpin)
This commit is contained in:
parent
445bd9e890
commit
c09891d4b1
1 changed files with 33 additions and 0 deletions
33
source/_daily_emails/2025-02-15.md
Normal file
33
source/_daily_emails/2025-02-15.md
Normal file
|
@ -0,0 +1,33 @@
|
|||
---
|
||||
title: Rebuilding Bootstrap with Tailwind CSS (and Sculpin)
|
||||
date: 2025-02-15
|
||||
permalink: daily/2025/02/15/bootstrap
|
||||
tags:
|
||||
- software-development
|
||||
- tailwind-css
|
||||
- sculpin
|
||||
cta: ~
|
||||
snippet: |
|
||||
I've rebuilt some of the Bootstrap CSS example components with Tailwind CSS.
|
||||
---
|
||||
|
||||
I've been [speaking about and advocating for Tailwind CSS][0] and utility-first CSS for a long time.
|
||||
|
||||
In my slide deck, I show screenshots of websites that are all built with Tailwind CSS - including some [rebuilds of existing websites][1].
|
||||
|
||||
I do this to show that the same approach and framework can be used to create different-looking designs because the classes are atomic and can be reused and combined as needed.
|
||||
|
||||
This isn't the case with other CSS frameworks that focus on components first.
|
||||
|
||||
As an experiment, some time ago I decided to [rebuild some of the Bootstrap example components using Tailwind CSS][3].
|
||||
|
||||
I've only done a pricing grid and album, but I may do more in the future.
|
||||
|
||||
I originally built the examples with Astro but have ported them to Sculpin, which I'm more familiar with.
|
||||
|
||||
If you want to see how I've built these components or how for an example of building a static website with Sculpin, [check out the source code][2].
|
||||
|
||||
[0]: {{site.url}}/presentations/taking-flight-with-tailwind-css
|
||||
[1]: {{site.url}}/blog/uis-ive-rebuilt-tailwind-css
|
||||
[2]: https://code.oliverdavies.uk/opdavies/bootstrap-with-tailwind
|
||||
[3]: https://bootstrap-with-tailwind.oliverdavies.uk
|
Loading…
Add table
Add a link
Reference in a new issue