Skip to content

Commit

Permalink
Create ui reflect.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Senyr authored Oct 5, 2023
1 parent d1e7819 commit 5abacea
Showing 1 changed file with 34 additions and 0 deletions.
34 changes: 34 additions & 0 deletions essays/ui reflect.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
---
layout: essay
type: essay
title: "Reflect On UI Framework"
# All dates must be YYYY-MM-DD format!
date: 2023-10-04
published: true
labels:
- Software Engineering
- Learning
---


## The Learning Curve:
Learning UI frameworks like Bootstrap can be quite a challenge. It's like learning a new language. You have to figure out how to use all these different tools and rules. At times, it can feel like wandering around in a maze blindfolded. But once you get the hang of it, there's a sense of accomplishment. Learning these frameworks might be challenging at first, but it's worth it because they help you create cool web designs without too much hassle.

## Bootstrap vs. Raw HTML/CSS
People may ask why bother with these frameworks when you can just use plain HTML and CSS? Using Bootstrap, for example, can actually make things faster and simpler once you get the hang of it. Without Bootstrap, CSS code can become messy, hard to understand, and full of repetitive stuff. It's like trying to untangle a big knot. Your code becomes easier to understand, and you spend less time scratching your head and more time building your website.

## Benefits of UI Frameworks
Plus, Bootstrap makes sure your website looks good on all kinds of devices, like phones and tablets. This can be tricky to do with just plain HTML and CSS, especially when your project gets more complicated. So, even though learning UI frameworks can be tough, they make web development more efficient and open up lots of creative possibilities, even for beginners. It's like having a secret tool that helps you build impressive websites.

## Ex: HTML/CSS
<img width="300px" src="../img/history of browsers.png" class="img-thumbnail" >

##Ex: Bootstrap
<img width="300px" src="../img/Mine 1.png.jpg" class="img-thumbnail" >







0 comments on commit 5abacea

Please sign in to comment.