Difference between revisions of "Websection box"
(→Non-carousel slider) |
|||
| (17 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | A [[ | + | A [[websection box]] (alternatively known as a [[webpage layout element]]; hereinafter, the ''Box'') is the minimal box 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.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 | ||
==Carousel== | ==Carousel== | ||
*http://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/ | *http://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/ | ||
*https://www.uxpin.com/studio/blog/rotating-carousels-4-alternatives-drive-sales/ | *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=== | ===Slideshow=== | ||
| Line 14: | Line 35: | ||
*https://www.mediacurrent.com/blog/6-design-alternatives-avoid-slideshows/ | *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.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 | ||
| + | |||
| + | |||
| + | ==Absolute positioning== | ||
| + | *https://elementor.com/blog/5-uses-absolute-positioning/ | ||
| + | |||
| + | ==Fixed positioning== | ||
| + | ==Side-by-side widgets== | ||
| + | ==Flexbox== | ||
| + | |||
| + | ==Tables== | ||
| + | *https://elementor.com/blog/tablepress/ | ||
| + | |||
| + | ==Form design== | ||
| + | https://elementor.com/blog/form-design-ux/ | ||
Latest revision as of 16:39, 5 February 2023
A websection box (alternatively known as a webpage layout element; hereinafter, the Box) is the minimal box 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
