Difference between revisions of "Websection box"

From CNM Wiki
Jump to: navigation, search
(Tables)
Line 1: Line 1:
A [[webpage layout element]] is any graphic element of [[webpage layout]].
+
A [[webpage layout element]] (hereinafter, the ''Element'') is the minimal part of [[webpage layout]]s that is distinguished from other parts both graphically and functionally.  
 +
 
 
*https://www.bluleadz.com/blog/bid/68850/5-elements-of-a-modern-website-design
 
*https://www.bluleadz.com/blog/bid/68850/5-elements-of-a-modern-website-design
 
*https://www.techwyse.com/blog/website-design/top-modern-web-design-elements/
 
*https://www.techwyse.com/blog/website-design/top-modern-web-design-elements/
 
*https://mayvendev.com/blog/10-crucial-elements-for-any-website-design
 
*https://mayvendev.com/blog/10-crucial-elements-for-any-website-design
  
 +
:# Header
 +
:# Sidebar
 +
:# Footer
 +
:# Carousel box
 +
:# Form box
 +
:# Content box
 +
:# CTA box
 +
:# Grid box
 +
:# Image gallery
 +
:# Slider box
 +
:# Video box
 +
:# Icons box
 +
:# Banner
 +
:# Table
  
 
==Carousel==
 
==Carousel==

Revision as of 16:02, 4 February 2023

A webpage layout element (hereinafter, the Element) is the minimal part of webpage layouts that is distinguished from other parts both graphically and functionally.

  1. Header
  2. Sidebar
  3. Footer
  4. Carousel box
  5. Form box
  6. Content box
  7. CTA box
  8. Grid box
  9. Image gallery
  10. Slider box
  11. Video box
  12. Icons box
  13. Banner
  14. Table

Carousel

Slideshow

Non-carousel slider

Non-sliders


Absolute positioning

Fixed positioning

Side-by-side widgets

Flexbox

Tables

Form design

https://elementor.com/blog/form-design-ux/