🥳
WindFrame Blocks is here
Blog
Theme

All you need to know about Bootstrap 5

bootstrap 5bootstrapbootstrap 5 alpha

Now that Tech is growing rapidly it is very important to learn web development. If you are already learning web development then you must…

Theme

Major changes to bootstrap 5

bootstrap 5bootstrapbootstrap 5 alpha

The new bootstrap 5 has been released and has seen so many changes to it. We will be discussing these bootstrap 5 changes in details here…

Theme

How To Create A Beautiful Navbar Using Bootstrap And Contrast

bootstrapbootstrap 4bootstrap navbar

A navigation bar, which is often called a navbar, is one of, if not the most important, component or element of a website. This is so…

Theme

How to create Tailwind CSS Animation

tailwind cssbootstrapbootstrap 5 alpha

Web Animations make your websites come alive, when done properly they capture users attention and make for an immaculate user experience…

Theme

How To Create Bootstrap Charts using Bootstrap 5 and Contrast

chartsbootstrap 5bootstrap charts

What are charts and uses? Data in its raw form is usually hard to comprehend and make meaning off. To make use of data or be able to read…

Theme

How To Create A Datatable in Angular 10 Using Bootstrap And Contrast

datatablecontrastangular 10angular datatable

How To Create A Datatable in Angular 10 Using Bootstrap And Contrast What is a Datatable? Datatables are simply tables that have options…

Theme

How to create a beautiful datatable with icons using bootstrap and Contrast on React.

contrastbootstrapdatatabledropdown

How to create a datatable in react using contrast DataTables are components that mix tables with advanced options like searching, sorting…

Theme

How to create a beautiful datepicker using Contrast in React.

contrastbootstrapdatepickerdropdown

Date picker is a plugin that adds the function of selecting time without the necessity of using custom JavaScript code. This can be…

Theme

How to create beautiful forms using Contrast in React.

contrastbootstrapformssign insign up

How to create beautiful sign in, sign up, newsletter contact forms in react using bootstrap and contrast. React Bootstrap forms are input…

Theme

How to create a beautiful progress bar using bootstrap and Contrast

contrastbootstrapprogress

How to create linear and circular progress bars in react. Progress bar is a component which displays progress of a process in which user are…

Theme

How to create a beautiful multiselect using Contrast in React.

contrastbootstrapmultiselectdropdown

Multi-select is a form control, that after the click displays a collapsable list of multiple values. This is especially important in…

Theme

How to create a responsive sidebar in react using bootstrap and contrast

bootstrap sidebarreact sidebarreact bootstrap

Most websites these days are filled with lots of content and one of the ways to separate or set apart a part of the website is by using…

Theme

How to create beautiful select with icons using bootstrap and Contrast on React.

contrastbootstrapselectdropdown

How to create beautiful select with icons using bootstrap and Contrast on React. The Select component is a form control, that after the…

Theme

How to create a beautiful stepper using bootstrap and Contrast

contrastbootstrapstepper

How to create a stepper component in react using bootstrap and Contrast. Stepper is a component that displays content as a process with…

Theme

How to create a beautiful tables using bootstrap and Contrast on React.

contrastbootstraptableseditable-table

How to create different tables, editable tables in React using bootstrap and contrast. Tables are component with basic tables features. They…

Theme

How to create a beautiful tabs using bootstrap and Contrast

contrastbootstraptabs

How to Create a beautiful tab component in react using bootstrap and Contrast. Tabs are components which separate content placed in the same…

Theme

CSS Colors, Backgrounds, Borders, Margins and Padding

css 3csscss colorscss backgroundscss borderscss marginscss paddingtutorial

CSS Colors, Backgrounds, Borders, Margins and Padding CSS color property defines the text color or the foreground color of an element…

Theme

Tutorial: CSS Combinators

css 3csscss combinatorscss selectors

CSS Combinators A CSS selector can contain more than one simple selector. Between the simple selectors, we can include a combinator. There…

Theme

Tutorial: CSS Grid

css 3csscss gridcss layout

CSS Grid The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without…

Theme

Tutorial: CSS Flexbox

css 3csscss flexboxflexbox

CSS Flexbox CSS Flexbox Layout Module Before the Flexbox Layout module, there were four layout modes: Block, for sections in a webpage…

Theme

Tutorial: CSS Fonts

css 3csscss fontcss text

CSS Font Choosing the right font has a huge impact on how the readers experience a website. The right font can create a strong identity for…

Theme

CSS Height And Width

css 3csscss heightcss width

CSS Height and Width CSS height and width properties are used to set the height and width of an element. The CSS max-width property is used…

Theme

CSS Syntax and Selector

css 3csscss syntaxcss selector

CSS Syntax and Selector There are some rules that guild writing code for CSS style. These rules help the browser to interpret the code and…

Theme

CSS Text and Layout

css 3csscss text layoutcss layout

CSS Text and Layout max-width CSS has many properties used to format text. Text Color: The color property is used to set the color of the…

Theme

Introduction to CSS

css 3csscss tutorialcss usage

CSS TUTORIAL CSS stands for cascading style sheet. It is normally used to control the style of the web document in a simple and easy way…

Theme

How to use Tailwind CSS in HTML

tailwind csstailwindHTML5

CSS is a utility-first CSS framework. It provides you with CSS classes that you can use to create designs for your web pages quickly and…

Theme

How to use the Tailwind CSS JIT CDN

tailwind cssbootstrapbootstrap 5 alpha

CSS is a utility-first CSS framework. It provides you with CSS classes that you can use to create designs for your web pages quickly and…

Theme

Html 5 Basic Example

html 5htmlhtml 5 alpha

In this chapter, we are going to look at some of the examples in html. We are going to go through all the tags that will be used one by one…

Theme

Html Editors

html 5htmlhtml editorstutorial

HTML EDITORS All you need is just a simple text editor to learn HTML. Web pages are created with this simple code editors or text editors as…

Theme

All you need to know about Html Elements

html 5htmlhtml elements

HTML ELEMENT: An HTML element is defined by a start tag, an end tag and some content in-between the tags. EXAMPLE <tagname> content goes…

Theme

Html Tutorial: HTML File path, Charset and Meta

Html Tutorialhtmltutorial for beginnersFree HTML course

A file path describes the location of a file in web site’s folder structure. File paths are important when linking to external files such as…

Theme

HTML Tutorial: HTML Forms

Html Tutorialhtmltutorial for beginnersfree HTML course

A HTML form is used to collect user input. Which is usually sent to a server for processing. Form Element: The <form> element is used to…

Theme

HTML Tutorial: HTML JavaScript

Html Tutorialhtmltutorial for beginnersfree HTML course

JavaScript makes a HTML page more dynamic. In this chapter we are going to look at how JavaScript is linked to the html page. The HTML…

Theme

Html Tutorial: HTML Quotations and comments

HTML TUTORIALhtmltutorial for beginnersfree HTML course

We are going to look into some quotations element and what comment is. HTML blockquote tag for quotations This element defines a section…

Theme

Html Tutorial: HTML Responsive web design

Html Tutorialhtmltutorial for beginnersFree HTML course

Responsive design is about creating website that look good on all device. It will automatically adjust for different screen sizes and…

Theme

HTML Tutorial: HTML Tables, Classes and Ids

Html Tutorialhtmltutorial for beginnersfree HTML course

HTML Table A html table is defined with the <table> tag. This allows html to arrange words in tabular form. Each table row is defined with…

Theme

Introduction to html tutorial

HTML TUTORIALhtmltutorial for beginners

What is HTML? HTML is the language of the web. It is very important for both building web application and web pages. HTML stands for…

Theme

How to set up your first Tailwind CSS Project

tailwind cssbootstrapbootstrap 5 alpha

Unlike any other CSS framework, Tailwind CSS is not opinionated and allows you to create your components and design your elements for any…

Theme

How to use Bootstrap in React Using a React Library

bootstrap 5reactreact bootstrap

React is one of the most popular javascript frontend frameworks out there and its popularity does not come as a surprise as it is very…