https://github.com/jdegand/ui-search-day-1552

UI Design Daily - #1552 Search Categories
https://github.com/jdegand/ui-search-day-1552

ui-design-daily

Last synced: 3 months ago
JSON representation

UI Design Daily - #1552 Search Categories

• Host: GitHub
• URL: https://github.com/jdegand/ui-search-day-1552
• Owner: jdegand
• Created: 2022-09-12T23:40:37.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-13T20:38:04.000Z (almost 3 years ago)
• Last Synced: 2025-01-22T09:12:45.481Z (5 months ago)
• Topics: ui-design-daily
• Language: HTML
• Homepage: https://jdegand.github.io/ui-search-day-1552/
• Size: 40 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
UI Design Daily - #1552 Search Categories


## Table of contents

- [Overview](#overview)

- [Screenshots](#screenshots)

- [Link](#link)

- [Continued Development](#continued-development)

- [Useful Resources](#useful-resources)

## Overview

[UI Design Daily design](https://www.uidesigndaily.com/posts/figma-search-categories-day-1552) translated to real code.  

## Screenshots

![](ui-search-day-1552-large-laptop.png "desktop")

![](ui-search-day-1552-tablet.png "tablet")

![](ui-search-day-1552-mobile.png "mobile - didn't adapt purple background")

## Link

- [Github Pages](https://jdegand.github.io/ui-search-day-1552)

## Continued Development

- a lot of ui design daily designs are not mobile friendly / practical

- started on desktop design first

- accessibility

- h2 change to p ? *skipping heading level* 

- semantic html improvements

- made tile wrapper div a button tag - easier to tab thru 

- onchange handler for input

- need form tag wrapping map button?

## Useful Resources

- [Material Design Icons](https://www.materialdesignicons.com) - sofa-outline

- [Stack Overflow](https://stackoverflow.com/questions/15885444/why-cant-a-button-element-contain-a-div) - button element can't contain a div