Pens from Akhbar https://codepen.io/akhbar/ en nospam@codepen.io Copyright 2024 2024-03-04T03:37:12-07:00 Restaurant Menu https://codepen.io/akhbar/pen/dyLPEzG https://codepen.io/akhbar/pen/dyLPEzG Akhbar

See the Code - See it Full Page - See Details

A stylized menu for Forbidden Root Restaurant and Brewpub

]]>
Restaurant Menu 2024-03-04T03:37:12-07:00
BeginnerTailwind.com https://codepen.io/akhbar/pen/eYXayMp https://codepen.io/akhbar/pen/eYXayMp Akhbar

See the Code - See it Full Page - See Details

]]>
BeginnerTailwind.com 2024-02-22T09:33:09-07:00
Javascript Quiz Engine https://codepen.io/akhbar/pen/yLwRmzj https://codepen.io/akhbar/pen/yLwRmzj Akhbar

See the Code - See it Full Page - See Details

This is javascript quiz Engine made by me

]]>
Javascript Quiz Engine 2024-02-12T10:08:05-07:00
Ghost Landing Page https://codepen.io/akhbar/pen/OJqvgXO https://codepen.io/akhbar/pen/OJqvgXO Akhbar

See the Code - See it Full Page - See Details

Based on this figma design: https://www.figma.com/file/NQXjkByRI5wJtRUgFO9Yr7/Ghost-Agency---Ghost-Illustration-Kit-(Community)?node-id=2%3A115

]]>
Ghost Landing Page 2024-02-01T11:23:16-07:00
Headphones https://codepen.io/akhbar/pen/GRexEZE https://codepen.io/akhbar/pen/GRexEZE Akhbar

See the Code - See it Full Page - See Details

]]>
Headphones 2024-02-01T11:20:54-07:00
Test Shader #1 https://codepen.io/akhbar/pen/jOJZKYZ https://codepen.io/akhbar/pen/jOJZKYZ Akhbar

See the Code - See it Full Page - See Details

tutorial by The Art of Code https://www.youtube.com/watch?v=WrxZ4AZPdOQ&t=

]]>
Test Shader #1 2024-01-31T05:12:09-07:00
Countdown timer https://codepen.io/akhbar/pen/dyrdeQa https://codepen.io/akhbar/pen/dyrdeQa Akhbar

See the Code - See it Full Page - See Details

]]>
Countdown timer 2024-01-31T03:58:00-07:00
Recipe Card Layout https://codepen.io/akhbar/pen/RwdZpZK https://codepen.io/akhbar/pen/RwdZpZK Akhbar

See the Code - See it Full Page - See Details

Recipe card layout design for Codepen challenge. Took me a while to mockup the design so I wasn't actually able to finish it before the deadline 😅. But that's fine since I always just do it for practice & learning experience For reference, you can check out my mockup design on Figma: https://www.figma.com/file/OuyboOci8hCCCX8G1AKFSn/Codepen-Recipe-Challenge?node-id=25%3A0

]]>
Recipe Card Layout 2024-01-23T07:26:27-07:00
Responsive Dashboard with Sliders and Music Player https://codepen.io/akhbar/pen/GReEwpK https://codepen.io/akhbar/pen/GReEwpK Akhbar

See the Code - See it Full Page - See Details

This pen has a responsive dashboard with sliders and a built-in music player. With the music player, you can easily skip songs or play them on a loop. Plus, each song comes with its album cover, and there's a record player effect with a rotating animation. And when you explore the artists, albums, and songs sections, each image has a hover effect. This pen is all about making the dashboard fun! Inspiration: https://dribbble.com/shots/16104275-Podcast-dashboard-design-light Music Credits: 1) Besomorph & Coopex - Redemption (ft. Riell) [NCS Release] 2) OSKI - What's The Problem? [NCS Release] 3) Unknown Brain x Rival - Control (feat. Jex) [NCS Release] Music provided by NoCopyrightSounds

]]>
Responsive Dashboard with Sliders and Music Player 2024-01-22T08:35:32-07:00
Vue Hangman https://codepen.io/akhbar/pen/jOJwvKd https://codepen.io/akhbar/pen/jOJwvKd Akhbar

See the Code - See it Full Page - See Details

The classic game of Hangman, built in Vue. Uses strikes for the wrong guesses rather than the traditional illustration because, while the latter is arguably a little more whimsical, it also hasn't aged well, to put it mildly. But there are around 100 puzzles available with the default settings! Adjust the puzzle length and number of allowed strikes for new and interesting challenges (or to just make it impossible to lose). 😁

]]>
Vue Hangman 2024-01-22T06:34:23-07:00