ARTICLES ON WEB DESIGN

CSS grid with spacing added

CSS Grid Layout Method

Contrary, to the Flexbox CSS Layout method that organizes content either horizontally or vertically (in one dimensional space), the grid layout method organizes content in two dimensional space.

Posted on July 3, 2023 by codvator
Category: Web Development

Wrapping flex items using flex-wrap; wrap

Flexbox CSS Layout Method

The Flexbox CSS Layout method uses the CSS Flexbox layout module to organize content either horizontally or vertically depending on one's needs or the kind of layout to be designed.

Posted on January 25, 2023 by codvator
Category: Web Development

Fluid CSS Layout design

Float CSS Layout Method

Floats are one of the primary tools of modern CSS based web design, used to create multi-column layouts, navigation toolbars from lists, and table-like alignment without tables.

Posted on November 17, 2022 by codvator
Category: Web Development

Featured image of positioning CSS layout method

Positioning CSS Layout Method

The positioning CSS Layout method uses the position CSS property to absolutely position block level or inline elements. Positioned elements are removed from the normal flow of the browser.

Posted on October 28, 2022 by codvator
Category: Web Development

Understanding CSS Layouts and design

Understanding CSS Layouts

CSS Layouts are a foundation on which User Interface (UI) and User Experience (UI) design depend for any web application. Layouts are basically ways of organizing widgets.

Posted on October 26, 2022 by codvator
Category: Web Development

Image showing the above the fold section of the prism download website

Syntax highlighting using Prism

Syntax highlighting is usually used by computer programming blogs to highlight code and present it beautifully to the readers for easy instruction

Posted on September 16, 2022 by codvator
Category: Web Development

Featured image of post - optimizing your website by serving webp images

Optimizing your website by serving Webp images

Surely, lets face it. Here you are scrolling online looking for some help about a particular technology issue but then in the process you come across a website link which you click on

Posted on September 10, 2022 by codvator
Category: Web Development

Recent Projects

AL Haqq Tours and Travel

Mobile UI design of AL Haqq Tours and Travel Ltd

Fowltrix

Fowltrix - Poultry Management System

Curvlaxy

Featured image of a curvlaxy web application project

Codtronic Technologies

Featured image of the front page of the Codtronic Technologies website

Post Categories