Latest Posts
Personal blog by Karina Baha.
-
Exploring Bootstrap: Building Modern Responsive Websites. Third Part: Spacing Utilities
In this third part, we’ll discuss layout utilities, specifically spacing utilities. With Bootstrap’s margin and padding utilities, we can easily adjust how elements and components are sized and spaced. The spaces utilities are based on a 1rem value default $spacer variable.
-
Exploring Bootstrap: Building Modern Responsive Websites. Second Part: Typography
Let’s continue to develop and style our product page using Bootstrap classes. In this second part of this series, we will talk about typography and text utilities.
-
Exploring Bootstrap: Building Modern Responsive Websites. First Part: Introduction to the Grid System
In this tutorial series, we will delve into the powerful Bootstrap toolkit, which offers a wide range of tools and components to simplify web development. In this first part, we will explore the concepts of containers, breakpoints, and the Bootstrap grid system, essential for creating responsive and well-structured web layouts. By constructing a product page…
-
The Flexible Box
In this tutorial, we will deal with the flexible box. The first version of the flexbox layout module was introduced as a Candidate Recommendation by the World Wide Web Consortium (W3C) in 2012. In 2016 the final version of the specification was published as a W3C Recommendation.
-
Ruby on Rails To Do App with Turbo
In this post, we’ll build a simple todo app with Ruby on Rails and Turbo. We’ll implement the ability to add, edit, delete and mark as completed tasks. Our app will have one page where we’ll display a list of tasks, and we’ll update them without refreshing the page or writing any JavaScript code. We’ll…
-
Confirmation Dialog Box in Ruby on Rails 7 with Turbo
Ruby on Rails 7 ships with Turbo, a framework that allows developers to speed up their applications without having to write a lot of JavaScript. Turbo Drive, part of the Turbo framework, performs background operations and modifies HTML without reloading the entire page.
-
Use Sweet Alert 2 with a Destroy Button in Ruby on Rails 7
In this post, we will discuss how we can integrate the Sweet Alert 2 library into a Rails 7 application. We will build a simple blog app and use SweetAlert2 for delete confirmation. We will use Rails 7.0.4 and Ruby 3.1.2.
-
Create a Blog Application with Ruby on Rails 7. Fifth Part: Implement Authorization
In this last post from this series, we will implement a simple authorization in our blog application.