I’m still a newbie to web design and Kirby (and this forum!) is great tool to learn. Thanks for that!
At the moment I’m trying to build a website from scratch using Kirby plainkit. I’m also trying to keep things as clean and fast as possible. (planing to use a CDN and custom version of jQuery)
My question(s): Do I need Bootstrap or Foundation for creating a responsive design? And is Bootstrap already build into Kirbys core? (there is a bootstrap.php in plainkit?) I just need a simple gridsystem for my templates. So is there an advantage using bootstrap? Couldn’t I use just this CSS from the columns plugin?
You don’t need any frameworks nor jquery to make a responsive website
The bootstrap.php file is here to literally boot strap things in Kirby. Open it and you’ll see for yourself!
I recommend trying to build your own grid for your project, as you’ll learn a lot more! Don’t hesitate to come here for help at any point!
the plainkit does not contain any CSS, it’s indeed intended to start from scratch.
The bootstrap.php file has nothing to do with the Bootstrap CSS framework.
And no, you don’t need either Bootstrap or Foundation, nor in fact any other grid system to build a simple grid. The CSS of the columns plugin or the starterkit can indeed serve as a starting point. You may also want to look into using flexbox.
Edit: Bootstrap and similar CSS frameworks - while sometimes good for quick prototyping - just bring a lot of bloat to your website, so I would no recommend them.
Many, many thanks! @Thiousi: The jQuery is for a filter function @texnixe helped me to build : )
I didn’t know flexbox or skeleton and they both look great. What exactly is the difference between an UI Framework (like Bootstrap) and a grid (like Skeleton)? @texnixe: why is is called prototyping? Aren’t there many themes that use Bootstrap/Foundation in their final builds?
Yes, of course these frameworks are used in production. All I meant to say was that I think they are good for prototyping if you want fast results (i.e. to have something to show to quickly), but I would not use them for my projects if I can avoid it.
Edit: Flexbox is not a grid system like skeleton, it’s a CSS feature that is now widely supported by many browsers.
You can also build filter functions without jQuery
I understand that sometimes it’s just easier to use jQuery and a lot of websites do it. That’s perfectly fine
A UI framework is to CSS what wordpress is to CMS. It tries to do everything and cater to every needs. Which means it will always include stuff you don’t need, and if you want something lean, you’re better off without them!
A grid on the other hand, is simply that. It helps you place your elements on the page without forcing you to use any style whatsoever!
These were questions I’ve had for quite some time. Thanks for clearing things up!
I worked with Wordpress-themes and they all come with Bootstrap and other bloatware. So I thought it was the go-to solution for responsive designs. After much frustration with mega-themes (you know them) I went on a quest for a flexible and fast CMS. So here I am : )
As I said: My main goal is to keep things tidy and fast. I’ll give Flexbox a try. Sound like a solid an native solution.
Unfortunately I don’t know how. Actually @texnixe did all the heavy lifting for me so I’ll stick with my jQuery filter for now.
Having said that, it doesn’t really make sense to include a library like jquery just to toggle a menu …
Yeah, the problem with Bootstrap or such themes is that they are trying to include everything for everyone. So you end up with a heavily bloated website with a lot of stuff that you will never ever need. Just keep it simple instead.
I totally agree – that’s one of biggest disadvantages of the filter function.
Again I agree. I learned a lot from the filter you’ve helped put together a while ago. I built another version of my filter function some time ago and ended up using jQuery to avoid page reloads. I’ll send you a copy, I think its pretty neat : )