The latest articles on DEV Community by CODING-bit74 (@codingbit74). https://dev.to/codingbit74 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F551084%2F78d9fe27-5bac-4c1f-bf3e-559a7378a89a.jpeg https://dev.to/codingbit74 en CODING-bit74 Sun, 03 Jan 2021 18:46:39 +0000 https://dev.to/codingbit74/js-1d2l https://dev.to/codingbit74/js-1d2l <p><iframe height="600" src="https://codepen.io/arpit-mishra/embed/JjKWNpP?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 18:43:17 +0000 https://dev.to/codingbit74/netflix-login-page-184f https://dev.to/codingbit74/netflix-login-page-184f <p><iframe height="600" src="https://codepen.io/arpit-mishra/embed/MWjoygP?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 17:43:18 +0000 https://dev.to/codingbit74/six-pure-css-button-hover-animations-2bl3 https://dev.to/codingbit74/six-pure-css-button-hover-animations-2bl3 <p><iframe height="600" src="https://codepen.io/CTNieves/embed/pbLGZW?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 17:35:26 +0000 https://dev.to/codingbit74/hidden-door-twitter-button-41hf https://dev.to/codingbit74/hidden-door-twitter-button-41hf <p>A discreet twitter button, hidden beneath the icon. Hover to reveal</p> <p><iframe height="600" src="https://codepen.io/tholman/embed/BLeJs?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 17:19:02 +0000 https://dev.to/codingbit74/bruteforce-hacking-simulator-c7c https://dev.to/codingbit74/bruteforce-hacking-simulator-c7c <p>Visual rapresentaion of bruteforce hacking (letter per letter), as seen in Hollywood.</p> <p><iframe height="600" src="https://codepen.io/marco_fugaro/embed/XbxNVx?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 17:08:54 +0000 https://dev.to/codingbit74/casiopt-1-css-908 https://dev.to/codingbit74/casiopt-1-css-908 <p>Vintage Casio PT-1 keyboard drawn entirely with HTML and CSS; using divs, gradients and box-shadows. </p> <p>Tutorials on how to make drawings like this: <a href="https://fossheim.io/writing/posts/css-macintosh/">https://fossheim.io/writing/posts/css-macintosh/</a> <a href="https://fossheim.io/writing/posts/css-polaroid-camera/">https://fossheim.io/writing/posts/css-polaroid-camera/</a></p> <p>GitHub repo with my CSS drawings: <a href="https://github.com/sarahfossheim/art.css">https://github.com/sarahfossheim/art.css</a></p> <p>If you like my work: <a href="https://www.buymeacoffee.com/fossheim">https://www.buymeacoffee.com/fossheim</a> <a href="https://www.patreon.com/fossheim">https://www.patreon.com/fossheim</a></p> <p><iframe height="600" src="https://codepen.io/fossheim/embed/VweaNYW?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 17:04:35 +0000 https://dev.to/codingbit74/bootstrap-theme-simply-me-3379 https://dev.to/codingbit74/bootstrap-theme-simply-me-3379 <p><iframe height="600" src="https://codepen.io/arpit-mishra/embed/WNGOwOK?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 16:55:55 +0000 https://dev.to/codingbit74/company-web-page-191b https://dev.to/codingbit74/company-web-page-191b <p><iframe height="600" src="https://codepen.io/arpit-mishra/embed/poEwbJz?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 16:50:57 +0000 https://dev.to/codingbit74/save-wildlife-page-59fk https://dev.to/codingbit74/save-wildlife-page-59fk <p><iframe height="600" src="https://codepen.io/arpit-mishra/embed/JjRLLvx?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen css javascript html CODING-bit74 Sun, 03 Jan 2021 13:38:37 +0000 https://dev.to/codingbit74/random-hex-color-code-generator-html-css-javascript-18op https://dev.to/codingbit74/random-hex-color-code-generator-html-css-javascript-18op <p><iframe height="600" src="https://codepen.io/arpit-mishra/embed/KKgoZeb?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 13:30:35 +0000 https://dev.to/codingbit74/hex-colour-3lh0 https://dev.to/codingbit74/hex-colour-3lh0 <p><iframe height="600" src="https://codepen.io/arpit-mishra/embed/poELpLG?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen CODING-bit74 Sun, 03 Jan 2021 12:30:48 +0000 https://dev.to/codingbit74/awesome-loading-screen-using-only-html-css-46ih https://dev.to/codingbit74/awesome-loading-screen-using-only-html-css-46ih <p><iframe height="600" src="https://codepen.io/Bilal1909/embed/zYqrdRe?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen html css