The latest articles on DEV Community by Frank Kelly (@frankintech00). https://dev.to/frankintech00 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F808063%2F00753c15-ed3a-4e87-b025-b06732f54828.jpg https://dev.to/frankintech00 en Frank Kelly Mon, 23 Jan 2023 10:00:36 +0000 https://dev.to/frankintech00/darklight-mode-switch-170h https://dev.to/frankintech00/darklight-mode-switch-170h <p><iframe src="https://codesandbox.io/embed/nxpxkr"> </iframe> </p> watercooler discuss Frank Kelly Sat, 21 Jan 2023 06:01:58 +0000 https://dev.to/frankintech00/expanding-search-bar-211b https://dev.to/frankintech00/expanding-search-bar-211b <p>This was a learning exercise based on Udemy lesson "50 projects in 50 days" by Brad Travesty</p> <p><a href="https://www.udemy.com/course/50-projects-50-days/?src=sac&amp;kw=50" rel="noopener noreferrer">https://www.udemy.com/course/50-projects-50-days/?src=sac&amp;kw=50</a></p> <p>initially the search bar is hidden behind the search button by absolute and relative positioning</p> <p>When clicked the search button translated to the right and the search bar increased in size to reveal</p> <p><iframe height="600" src="https://codepen.io/frankintech00/embed/dyjJZpX?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> help api googlecloud