opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

tome export

Browse source
This commit is contained in:
Oliver Davies 2025-05-30 02:14:32 +01:00
parent 52278c3a53
commit 7a52afab5f
960 changed files with 3670 additions and 2229 deletions
Download patch file Download diff file Expand all files Collapse all files

6
content/node.e2679ec1-9cf5-483f-86e0-f176db3daae4.json
View file

@ -82,15 +82,15 @@
],
"body": [
{
"value": "\n <p>I've been <a href=\"/presentations\/taking-flight-with-tailwind-css\">speaking about and advocating for Tailwind CSS<\/a> and utility-first CSS for a long time.<\/p>\n\n<p>In my slide deck, I show screenshots of websites that are all built with Tailwind CSS - including some <a href=\"/blog\/uis-ive-rebuilt-tailwind-css\">rebuilds of existing websites<\/a>.<\/p>\n\n<p>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.<\/p>\n\n<p>This isn't the case with other CSS frameworks that focus on components first.<\/p>\n\n<p>As an experiment, some time ago I decided to <a href=\"https:\/\/bootstrap-with-tailwind.oliverdavies.uk\">rebuild some of the Bootstrap example components using Tailwind CSS<\/a>.<\/p>\n\n<p>I've only done a pricing grid and album, but I may do more in the future.<\/p>\n\n<p>I originally built the examples with Astro but have ported them to Sculpin, which I'm more familiar with.<\/p>\n\n<p>If you want to see how I've built these components or how for an example of building a static website with Sculpin, <a href=\"https:\/\/code.oliverdavies.uk\/opdavies\/bootstrap-with-tailwind\">check out the source code<\/a>.<\/p>\n\n ",
"value": "\n <p>I've been <a href=\"\/presentations\/taking-flight-with-tailwind-css\">speaking about and advocating for Tailwind CSS<\/a> and utility-first CSS for a long time.<\/p>\n\n<p>In my slide deck, I show screenshots of websites that are all built with Tailwind CSS - including some <a href=\"\/blog\/uis-ive-rebuilt-tailwind-css\">rebuilds of existing websites<\/a>.<\/p>\n\n<p>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.<\/p>\n\n<p>This isn't the case with other CSS frameworks that focus on components first.<\/p>\n\n<p>As an experiment, some time ago I decided to <a href=\"https:\/\/bootstrap-with-tailwind.oliverdavies.uk\">rebuild some of the Bootstrap example components using Tailwind CSS<\/a>.<\/p>\n\n<p>I've only done a pricing grid and album, but I may do more in the future.<\/p>\n\n<p>I originally built the examples with Astro but have ported them to Sculpin, which I'm more familiar with.<\/p>\n\n<p>If you want to see how I've built these components or how for an example of building a static website with Sculpin, <a href=\"https:\/\/code.oliverdavies.uk\/opdavies\/bootstrap-with-tailwind\">check out the source code<\/a>.<\/p>\n\n ",
"format": "full_html",
"processed": "\n <p>I've been <a href=\"/presentations\/taking-flight-with-tailwind-css\">speaking about and advocating for Tailwind CSS<\/a> and utility-first CSS for a long time.<\/p>\n\n<p>In my slide deck, I show screenshots of websites that are all built with Tailwind CSS - including some <a href=\"/blog\/uis-ive-rebuilt-tailwind-css\">rebuilds of existing websites<\/a>.<\/p>\n\n<p>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.<\/p>\n\n<p>This isn't the case with other CSS frameworks that focus on components first.<\/p>\n\n<p>As an experiment, some time ago I decided to <a href=\"https:\/\/bootstrap-with-tailwind.oliverdavies.uk\">rebuild some of the Bootstrap example components using Tailwind CSS<\/a>.<\/p>\n\n<p>I've only done a pricing grid and album, but I may do more in the future.<\/p>\n\n<p>I originally built the examples with Astro but have ported them to Sculpin, which I'm more familiar with.<\/p>\n\n<p>If you want to see how I've built these components or how for an example of building a static website with Sculpin, <a href=\"https:\/\/code.oliverdavies.uk\/opdavies\/bootstrap-with-tailwind\">check out the source code<\/a>.<\/p>\n\n ",
"processed": "\n <p>I've been <a href=\"http:\/\/default\/presentations\/taking-flight-with-tailwind-css\">speaking about and advocating for Tailwind CSS<\/a> and utility-first CSS for a long time.<\/p>\n\n<p>In my slide deck, I show screenshots of websites that are all built with Tailwind CSS - including some <a href=\"http:\/\/default\/blog\/uis-ive-rebuilt-tailwind-css\">rebuilds of existing websites<\/a>.<\/p>\n\n<p>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.<\/p>\n\n<p>This isn't the case with other CSS frameworks that focus on components first.<\/p>\n\n<p>As an experiment, some time ago I decided to <a href=\"https:\/\/bootstrap-with-tailwind.oliverdavies.uk\">rebuild some of the Bootstrap example components using Tailwind CSS<\/a>.<\/p>\n\n<p>I've only done a pricing grid and album, but I may do more in the future.<\/p>\n\n<p>I originally built the examples with Astro but have ported them to Sculpin, which I'm more familiar with.<\/p>\n\n<p>If you want to see how I've built these components or how for an example of building a static website with Sculpin, <a href=\"https:\/\/code.oliverdavies.uk\/opdavies\/bootstrap-with-tailwind\">check out the source code<\/a>.<\/p>\n\n ",
"summary": null
}
],
"feeds_item": [
{
"imported": "1970-01-01T00:33:45+00:00",
"imported": "1970-01-01T00:32:50+00:00",
"guid": null,
"hash": "e38c49ae0796baf36f3a37341052d155",
"target_type": "feeds_feed",