Difference between revisions of "Websection box"
(→Tables) |
|||
Line 1: | Line 1: | ||
− | A [[webpage layout element]] is | + | 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.
- 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://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
Contents
Carousel
- http://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/
- https://www.uxpin.com/studio/blog/rotating-carousels-4-alternatives-drive-sales/
- https://fernandosarachaga.com/en/elements-carousel/
- https://www.mockplus.com/blog/post/website-carousel
Slideshow
Non-carousel slider
Non-sliders
- https://uxplanet.org/6-design-alternatives-to-avoid-evil-slideshows-9d442cf680d3
- https://www.mediacurrent.com/blog/6-design-alternatives-avoid-slideshows/
- https://www.justinmind.com/blog/building-better-ux-patterns-3-alternatives-to-rotating-carousels/
- https://www.mightybytes.com/blog/5-alternatives-using-carousel-on-homepage/
- https://buildcreate.com/design-alternatives-homepage-carousel-examples/
- https://www.mediacurrent.com/blog/6-design-alternatives-avoid-slideshows/
- https://blog.hubspot.com/marketing/elements-of-modern-web-design-list