Compare commits
No commits in common. "2e73a45c60da57d8e681ed741bc470c1cc2cb121" and "6e30f8c2e957c1e2d8196396a115df2ce1641b1f" have entirely different histories.
2e73a45c60
...
6e30f8c2e9
23
TODO.md
23
TODO.md
|
@ -1,23 +0,0 @@
|
||||||
# TODO
|
|
||||||
|
|
||||||
* rewrite 'about me' to make more interesting.
|
|
||||||
|
|
||||||
* about me - have all the bolded things be links to articles in my blog
|
|
||||||
e.g., for **SEO** just do some shit like benefits of seo and that
|
|
||||||
|
|
||||||
When enough content done:
|
|
||||||
|
|
||||||
* google analytics
|
|
||||||
Consider google analytics on gitea site too.
|
|
||||||
* comments functionality
|
|
||||||
|
|
||||||
## FlowMM
|
|
||||||
|
|
||||||
extended future version:
|
|
||||||
|
|
||||||
stuff learned during project
|
|
||||||
|
|
||||||
stuff I would do different if starting again.
|
|
||||||
|
|
||||||
* the hero - definitely would use SVG clip paths instead.
|
|
||||||
* login form - have on own page, not just a modal.
|
|
|
@ -1,70 +0,0 @@
|
||||||
+++
|
|
||||||
draft = true
|
|
||||||
date = 2020-02-19T21:30:06Z
|
|
||||||
title = "Bootstrap vs. Tailwind"
|
|
||||||
description = ""
|
|
||||||
slug = "bootstrap-tailwind"
|
|
||||||
categories = []
|
|
||||||
tags = ["Bootstrap", "Tailwind", "CSS"]
|
|
||||||
series = []
|
|
||||||
+++
|
|
||||||
|
|
||||||
## what they are?
|
|
||||||
|
|
||||||
|
|
||||||
tailwind - utility first css framework
|
|
||||||
utility first - no automatically styled components
|
|
||||||
- gives utility classes that help with styling, allows to build classes
|
|
||||||
- basically just bunch of predefined css utility classes
|
|
||||||
- creating a project that has a custom look without writing any css.
|
|
||||||
bootstrap - UI kit framework - has a default theme and a number of design decisions.
|
|
||||||
|
|
||||||
popularity of both - bootstrap most popular and first, tailwind new and upcoming.
|
|
||||||
|
|
||||||
## my experiences with both of them.
|
|
||||||
|
|
||||||
what i like about both.
|
|
||||||
tailwind - flexibility - modules - can remoe unused modules(?)
|
|
||||||
e.g., reducing amount of screen sizes used in responsive qureies and only keeping those needed - 5 screens
|
|
||||||
(36.4kb) to 2 (15.4kb) [source](https://blog.logrocket.com/tailwind-css-is-it-tomorrows-bootstrap-ebe560f9d00b/)
|
|
||||||
can also use purgecss to remove unused
|
|
||||||
helps with a lot of little thigs like margins, paddings, etc
|
|
||||||
|
|
||||||
bootstrap - better for layouts, has a good grid/flex system for layouts.
|
|
||||||
recent versions also contains utility classes
|
|
||||||
- also has components containing javascript
|
|
||||||
|
|
||||||
tailwind - people complain about larger filesize (36.4kb?) vs bootstrap (22.1kb? - is this without js tho?)
|
|
||||||
- is this true? does this include all of bootstrap (js, everything???)
|
|
||||||
- look into properly
|
|
||||||
|
|
||||||
## what i don't like about both of them.
|
|
||||||
|
|
||||||
bootstrap - sites always look same, even with diffeent colour schemes
|
|
||||||
tailwind - doesn't really push sites rto looking same?
|
|
||||||
|
|
||||||
bootstrap - big changes to layout mean a lot of changes to code and a battle - tbf this is not what bootstrap is designed for - designed to get UI up and running quickly
|
|
||||||
|
|
||||||
tailwind - amount of classes added to markup - very noisy
|
|
||||||
same problem as with atomic css(which is based on?) - getting close to just applying styles inline(what is term for using style tags - it's not inline)
|
|
||||||
- @apply does help tho
|
|
||||||
|
|
||||||
## which i prefer and why.
|
|
||||||
|
|
||||||
like tailwind for sites where theme is important and I don't want to fight to override styles set by the framework to make it look unique.
|
|
||||||
like bootstrap for sites where theme is not important - just want a nice looking, fully functional theme set up quickly. usually personal projects that aren't meant for public.
|
|
||||||
actually prefer not to use either - only like to use them on projects where it's not desirable/practicak to be
|
|
||||||
spending any time at all on styling - bootstrap probably better in this regard, but prefer customisability of
|
|
||||||
tailwind
|
|
||||||
|
|
||||||
really like about tailwind (both of them?) - don't need to think up names for css classes!
|
|
||||||
|
|
||||||
## the future of both of them.
|
|
||||||
|
|
||||||
tailwind comes with laravel(?)
|
|
||||||
|
|
||||||
## Example of both
|
|
||||||
|
|
||||||
have a nice little card thing styled purely with bootstrap, and the same styled with tailwind.
|
|
||||||
talk about how long it took for each and the results.
|
|
||||||
maybe have one with default styling from framework, and then another with some customised bits.
|
|
|
@ -1,38 +0,0 @@
|
||||||
+++
|
|
||||||
draft = true
|
|
||||||
date = 2020-02-15T12:11:43Z
|
|
||||||
title = "Building a Blog with Hugo"
|
|
||||||
slug = "my-hugo-blog"
|
|
||||||
description = ""
|
|
||||||
tags = ["Hugo"]
|
|
||||||
categories = ["Blog"]
|
|
||||||
series = []
|
|
||||||
+++
|
|
||||||
|
|
||||||
wanted to build a blog.
|
|
||||||
|
|
||||||
decided on hugo.
|
|
||||||
why?
|
|
||||||
|
|
||||||
customisation
|
|
||||||
dark mode -- persistence
|
|
||||||
material icons, not fontawesome - fontawesome bloated,
|
|
||||||
unfortunately no social icons
|
|
||||||
require only a few icons so decided to use svg and partial templates
|
|
||||||
this does duplicate the code (the rendered code, not the source code - duplication of code is bad in source code) but because of the size of them think this is worth it
|
|
||||||
adds a little to size of page - but don't need to load fontawesome file (although probably cached when using cdn)
|
|
||||||
could have used them as regular assets and included in img tag but why didn't I?
|
|
||||||
|
|
||||||
challenges
|
|
||||||
not knowing Go
|
|
||||||
solution - learn go in y minutes
|
|
||||||
looks an interesting language - would like to learn more when got enough time
|
|
||||||
|
|
||||||
impressions of hugo
|
|
||||||
fast
|
|
||||||
sometimes forget just how fast static sites are
|
|
||||||
|
|
||||||
the future
|
|
||||||
add comments - don't like sound of disquss
|
|
||||||
consider adding google analytics
|
|
||||||
conflicted about google
|
|
|
@ -4,8 +4,8 @@ date = 2020-02-15T12:02:17Z
|
||||||
title = "My First WordpPress Site"
|
title = "My First WordpPress Site"
|
||||||
description = ""
|
description = ""
|
||||||
slug = ""
|
slug = ""
|
||||||
tags = ["WordPress"]
|
tags = []
|
||||||
categories = [""]
|
categories = ["WordPress"]
|
||||||
externalLink = ""
|
externalLink = ""
|
||||||
series = []
|
series = []
|
||||||
+++
|
+++
|
||||||
|
@ -14,4 +14,4 @@ My first ever WordPress site.
|
||||||
|
|
||||||
A made up brewery called **MacFarley's**.
|
A made up brewery called **MacFarley's**.
|
||||||
|
|
||||||
So many things I would do different now -- **#whatwasidoing**, **#dontgiveupthedayjob**
|
So many things I would do different now!
|
||||||
|
|
Reference in New Issue