Pens from Farishta Haider https://codepen.io/lafrish/ en nospam@codepen.io Copyright 2024 2024-01-03T19:40:03-07:00 Crop image https://codepen.io/lafrish/pen/wvOMWYo https://codepen.io/lafrish/pen/wvOMWYo Farishta Haider

See the Code - See it Full Page - See Details

]]>
Crop image 2024-01-03T19:40:03-07:00
Crop Image Using JavaScript https://codepen.io/lafrish/pen/gOqXQBo https://codepen.io/lafrish/pen/gOqXQBo Farishta Haider

See the Code - See it Full Page - See Details

A code snippet to go along with an article on JavaScript image cropping. https://pqina.nl/blog/cropping-images-to-an-aspect-ratio-with-javascript/

]]>
Crop Image Using JavaScript 2023-11-16T17:15:46-07:00
CSS crop image to aspect ratio https://codepen.io/lafrish/pen/JjxOemX https://codepen.io/lafrish/pen/JjxOemX Farishta Haider

See the Code - See it Full Page - See Details

]]>
CSS crop image to aspect ratio 2023-11-16T17:15:30-07:00
Video Player Button Interaction https://codepen.io/lafrish/pen/ZEwXveL https://codepen.io/lafrish/pen/ZEwXveL Farishta Haider

See the Code - See it Full Page - See Details

]]>
Video Player Button Interaction 2023-11-15T03:32:03-07:00
Gravity Forms Placeholder Floating Labels https://codepen.io/lafrish/pen/gOBRxGO https://codepen.io/lafrish/pen/gOBRxGO Farishta Haider

See the Code - See it Full Page - See Details

]]>
Gravity Forms Placeholder Floating Labels 2023-04-27T17:50:34-07:00
Float Labels with :placeholder-shown https://codepen.io/lafrish/pen/MWPaLYV https://codepen.io/lafrish/pen/MWPaLYV Farishta Haider

See the Code - See it Full Page - See Details

]]>
Float Labels with :placeholder-shown 2023-04-12T15:56:54-07:00
A Pen by Farishta Haider https://codepen.io/lafrish/pen/JjaVwdJ https://codepen.io/lafrish/pen/JjaVwdJ Farishta Haider

See the Code - See it Full Page - See Details

]]>
A Pen by Farishta Haider 2023-03-29T19:02:04-07:00
Confetti Jam! https://codepen.io/lafrish/pen/eYLPmZX https://codepen.io/lafrish/pen/eYLPmZX Farishta Haider

See the Code - See it Full Page - See Details

Click to spew confetti Forked with many 💖 from http://codepen.io/jscottsmith/pen/VjPaLO?editors=0010

]]>
Confetti Jam! 2023-03-21T07:50:26-07:00
Combination Lock https://codepen.io/lafrish/pen/dyqgbXd https://codepen.io/lafrish/pen/dyqgbXd Farishta Haider

See the Code - See it Full Page - See Details

An interactive lock made with the Draggable library from GreenSock. Drag the dial to the numbers below to open! Note: The unlock animation might be glitchy depending on your browser. Update 5/18/21: Replaced obsolete Sass operations that broke this Pen

]]>
Combination Lock 2023-03-21T05:45:51-07:00
Pin code validation https://codepen.io/lafrish/pen/GRXBZNb https://codepen.io/lafrish/pen/GRXBZNb Farishta Haider

See the Code - See it Full Page - See Details

Based on this dribbble: https://dribbble.com/shots/2528656-Pin-code-validation

]]>
Pin code validation 2023-03-18T02:18:13-07:00