A Pen by Matt Daniel Brown on CodePen.
Matt Daniel Brown mattdanielbrown
mattdanielbrown
/ css-vars-for-viewport-width-minus-scrollbar.markdown
Created
April 30, 2023 01:56
CSS Vars for viewport width minus scrollbar
A Pen by Matt Daniel Brown on CodePen.
A Pen by Matt Daniel Brown on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <style> | |
| .square-box { | |
| width: 33%; | |
| height: 0; | |
| padding-top: 33%; | |
| position: absolute; | |
| right: 20px; | |
| top: 20px; | |
| } |
mattdanielbrown
/ string-to-bool-conversion.js
Created
February 24, 2023 19:03
Convert a string to a boolean in JavaScript
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // To convert a string to a boolean in JavaScript you need to: | |
| /** | |
| * check if your string is not null or undefined, | |
| * convert the string to lowercase,compare | |
| * converted string with true value. | |
| */ | |
| const isTrue = (str) => str && str.toLowerCase() === 'true'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| require() { | |
| for what in $*; do | |
| if !(which $what >& /dev/null); then | |
| echo "error: $what is required to run this script, please install it" | |
| exit 1 | |
| fi | |
| done | |
| } |
mattdanielbrown
/ google-search-page-project-by-shoumique.markdown
Created
February 24, 2023 05:08
google search page project by shoumique
Google search page by shoumique, this is a tutorial I have made while working on webcell. Some css codes have been taken from google.
A Pen by Matt Daniel Brown on CodePen.
Display interactive 3D models on the web & in AR
A Pen by Matt Daniel Brown on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <style> | |
| .square-box { | |
| width: 33%; | |
| height: 0; | |
| padding-top: 33%; | |
| position: absolute; | |
| right: 20px; | |
| top: 20px; | |
| } |
Made using pure CSS
A Pen by Matt Daniel Brown on CodePen.