I planned to create a video tutorial series on YouTube with title Let's Build CSS Framework. I don't know when I'll get time and when I'll get needed software. Meanwhile, I'm publishing here the transcript of these 'coming soon' videos.
- Welcome (In this article)
- Tools & Set-up (In this article)
- (Will add more...)
Hi, everybody! My name is Kiran and welcome to Let's Build CSS Framework. In this video series, we are going to build a CSS framework, from the scratch using CSS.
Although, we are building the CSS framework, but don't consider this as an alternative to big and popular frameworks such as Bootstrap, Foundations or Semantic UI. Consider this as a learning exercise so that you better understand these frameworks when used next time in your future project(s).
I already created one framework for you called
What you are waiting for, let's meet in next video!
We need couple of tools or software. These tools are so basic that you might already have. Also, I have no plan to make the set-up super complicated. Just a simple set-up satisfy the purpose. Because, we are currently interested in building CSS framework not in publishing the framework to end users!
You need a text-editor who highlights and if possible then provides autocomplete functionality to CSS and HTML. Couple of suggestions for text-editor - Atom, Brackets, Code, Sublime Text 3 and so on. I'm going to use Gedit.
To test the CSS framework, we need web browsers. I've Mozilla's Firefox and Google's Chromium Browser. Why these two only? Because, I'm going to create a CSS framework that supports only these two browsers. If you are planning to supports other browsers then you need to install those as well.
Also, these software - Firefox and Chromium browsers are evergreen browsers, meaning they auto update once new version is released. So, we don't have to worry about the versions of these software.
So, here is a task for you - Install text-editor, Firefox and Chromium browsers. Once done, let's meet in next video!