Pens from Rakesh Chand https://codepen.io/imraqes/ en nospam@codepen.io Copyright 2024 2022-02-14T13:06:02-07:00 Clicky Menus: Accessible and Progressively Enhanced Menu with Clicky Dropdowns https://codepen.io/imraqes/pen/YzExbRq https://codepen.io/imraqes/pen/YzExbRq Rakesh Chand

See the Code - See it Full Page - See Details

]]>
Clicky Menus: Accessible and Progressively Enhanced Menu with Clicky Dropdowns 2022-02-14T13:06:02-07:00
Food Items https://codepen.io/imraqes/pen/vYeJaxE https://codepen.io/imraqes/pen/vYeJaxE Rakesh Chand

See the Code - See it Full Page - See Details

]]>
Food Items 2021-12-21T19:03:11-07:00
NF_OTP https://codepen.io/imraqes/pen/oNBVxro https://codepen.io/imraqes/pen/oNBVxro Rakesh Chand

See the Code - See it Full Page - See Details

]]>
NF_OTP 2021-04-26T11:06:59-07:00
CSS Grid Key:Value Pairs (Intrinsic) https://codepen.io/imraqes/pen/YzzeGPO https://codepen.io/imraqes/pen/YzzeGPO Rakesh Chand

See the Code - See it Full Page - See Details

I wanted a two-column layout that turned into a one-column layout when there wasn't enough space. But I was thinking about it the wrong way around! CSS Grid makes this simple without using media queries.

]]>
CSS Grid Key:Value Pairs (Intrinsic) 2019-11-04T08:20:22-07:00
Fake Mobile https://codepen.io/imraqes/pen/MZGzRM https://codepen.io/imraqes/pen/MZGzRM Rakesh Chand

See the Code - See it Full Page - See Details

]]>
Fake Mobile 2019-01-07T13:07:11-07:00
Phone-Styled IFrame https://codepen.io/imraqes/pen/aPGKMM https://codepen.io/imraqes/pen/aPGKMM Rakesh Chand

See the Code - See it Full Page - See Details

Pretty much only with CSS transforms and box-shadow, JS is only used for the controls.

]]>
Phone-Styled IFrame 2019-01-07T10:22:03-07:00
Pure CSS Featured Image Slider https://codepen.io/imraqes/pen/LMmrqK https://codepen.io/imraqes/pen/LMmrqK Rakesh Chand

See the Code - See it Full Page - See Details

Forked from [Joshua Hibbert](http://codepen.io/joshnh/)'s Pen [Pure CSS Featured Image Slider](http://codepen.io/hw/pen/biEBz).

]]>
Pure CSS Featured Image Slider 2019-01-07T10:20:16-07:00
Pure CSS Content Slider https://codepen.io/imraqes/pen/REyJVX https://codepen.io/imraqes/pen/REyJVX Rakesh Chand

See the Code - See it Full Page - See Details

]]>
Pure CSS Content Slider 2019-01-07T10:03:48-07:00
Text to speech example https://codepen.io/imraqes/pen/xaPMGo https://codepen.io/imraqes/pen/xaPMGo Rakesh Chand

See the Code - See it Full Page - See Details

Basic text to speech player using HTML5 SpeechSynthesis API and Materialize

]]>
Text to speech example 2018-09-08T08:55:11-07:00
A Pen by Rakesh Chand https://codepen.io/imraqes/pen/VBzWqX https://codepen.io/imraqes/pen/VBzWqX Rakesh Chand

See the Code - See it Full Page - See Details

Don't heart! Just a hand written rip-off of http://guglieri.com/ with some modifications.

]]>
A Pen by Rakesh Chand 2018-07-26T06:27:50-07:00