Daily UI Challenge – Menu

Daily UI Challenge – Menu


For this challenge, I wanted to continue practicing with Pug and SCSS. For the first time, I used a mixin to define my button styles. The code should probably be refactored because it is duplicated in quite a few places, but I just wanted to get the design up quick and easily. I used plain JavaScript/jQuery for this pen, but I did try to add in some new features I hadn’t tried before. For example, I used jQuery’s slideToggle() when someone click’s on an icon, I created a method to append li’s to a list based on a given array, and I concatenated two arrays to compute a random value from a combined array.

Click the PUG, SCSS, or JS tabs to see my code for this challenge.


Food/Drink Menu by Andrea Long (@andrealong) on CodePen

1

Tags:
, ,
No Comments

Post A Comment