Scribd
Upload
7 views15 pages

RAI 3rd Term Basic 7

tailwind css and bulma

Uploaded by

brume617oghene
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
7 views15 pages

RAI 3rd Term Basic 7

tailwind css and bulma

Uploaded by

brume617oghene
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 15

Subject: RAI

Topic: bulma and tailwind


Week: 8
Class: Basic 7
DEEPER LIFE HIGH
SCHOOL
BULMA

Bulma is an Open source CSS framework.


Developed by Jeremy Thomas. Bulma was
published in the year 2016 and distributed
under MIT license. The version of Bulma
0.7.1, was released on April 18, 2018.
DEEPER LIFE HIGH
SCHOOL
This framework is based on the CSS
Flexbox property. It is highly responsive
and minimizes the use of media queries
for responsive behavior.

DEEPER LIFE HIGH


SCHOOL
ADVANTAGES OF BULMA
* It is easy to learn.
* It is used to create responsive design for all devices
(desktops, tablets, and mobiles).
* It is easy to read and write the code.
* It can be combined with any JavaScript framework
(AngularJS, ReactJS).
* It is customizable and modularizable.
* It is a lightweight, modern CSS framework, which
uses Flexbox
DEEPER LIFE HIGH
SCHOOL
FEATURES OF BULMA CSS
FRAMEWORK

1. Responsive Grid System: Bulma provides a 12-column


responsive grid system that helps you create flexible
and responsive layouts.

2. Minimalistic Design: The framework has a clean and


minimalistic design, leaving plenty of room for
customization to match your project's aesthetics.
DEEPER LIFE HIGH
SCHOOL
3. Flexbox-Based: Bulma is built entirely on Flexbox,
which makes it a powerful choice for creating complex
layouts without needing additional CSS.

4. Modular and Lightweight: You can include


only the parts of Bulma that you need for your
project, keeping the CSS file size minimal.

DEEPER LIFE HIGH


SCHOOL
5. SASS Support: While Bulma is primarily a CSS
framework, it also offers SASS support for those who
prefer a more programmatic approach to styles.

6. Customization: Bulma is highly customizable.


You can easily modify its variables and override
its default styles to create a unique look for
your website.

DEEPER LIFE HIGH


SCHOOL
7. Community and Documentation: Bulma has an active
community and well-documented website, making it easy to
learn and use.
EVALUATION:
1 .BULMA is ____framework. (A) JavaScript (B) CSS (C) PHP (D)Python
2 .Who developed Bulma? (A) Jeremy Thomas(B) Tim Berners-Lee (C) Robert
Cailliau (D) Linus Torvalds
3 .Bulma framework was introduced in which year?
(A) 2003 (B) 2009 (C) 2012 (D)2016
4 .Bulma framework is based upon? (A) Div (B) Components (C) Flexbox
(D)All of the above

DEEPER LIFE HIGH


SCHOOL
TAILWIND CSS
Tailwind CSS is a Utility-first CSS framework
for building rapid custom UI. It is a highly
customizable, low-level CSS framework that
gives you all of the building blocks that you
need. Also, it is a cool way to write inline
styling and achieve an awesome interface
without writing a single line of your own CSS.
DEEPER LIFE HIGH
SCHOOL
Key features include:

1. Utility Classes: Tailwind CSS provides a


large number of utility classes that allow you
to apply styles directly to HTML elements.
This approach eliminates the need to write
custom CSS for most common styling tasks .

DEEPER LIFE HIGH


SCHOOL
2. Customizable: Tailwind is highly
customizable. You can configure and extend
the framework to match your project's
design system.

3. Flexibility: You can use Tailwind to


quickly prototype and build projects, or you
can use it as a foundation and add custom
CSS when needed.
5. Active Community: Tailwind has gained a large and
active community of developers who contribute plugins,
themes, and resources.
Advantages of Tailwind CSS
1. Highly Customizable.
2. Enables building complex
responsive layout.
3. Responsive and development are
easy.
4. Component creation is easy.
- WEBITE.
Evaluation
1.What tailwind CSS?
2.State two advantages of tailwind.

03 - SOCIAL MEIA
THANK YOU
www.deeperlifehighschool.org

You might also like