The latest articles on DEV Community by joceilton (@joceilton). https://dev.to/joceilton 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%2F267688%2Fedafbfdd-3480-483e-91bd-fc3180ac9b1c.jpeg https://dev.to/joceilton en joceilton Thu, 07 May 2026 15:39:43 +0000 https://dev.to/joceilton/morselab-encoder-decoder-73p https://dev.to/joceilton/morselab-encoder-decoder-73p <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/GgNoWmy?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Thu, 07 May 2026 09:02:29 +0000 https://dev.to/joceilton/zoom-image-4l50 https://dev.to/joceilton/zoom-image-4l50 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/NPbGmLm?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Tue, 05 May 2026 14:33:17 +0000 https://dev.to/joceilton/leitor-de-pdf-311i https://dev.to/joceilton/leitor-de-pdf-311i <p><strong>Check out this Pen I made!</strong></p> <p><iframe height="600" src="https://codepen.io/joc01/embed/yyVYYqZ?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen programming javascript beginners joceilton Sun, 03 May 2026 15:49:16 +0000 https://dev.to/joceilton/untitled-5do7 https://dev.to/joceilton/untitled-5do7 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/NPbqRVG?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Sat, 02 May 2026 15:48:41 +0000 https://dev.to/joceilton/form-com-video-52b2 https://dev.to/joceilton/form-com-video-52b2 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/Joboqom?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Thu, 30 Apr 2026 16:49:43 +0000 https://dev.to/joceilton/player-completo-com-fade-no-replay-fullscreen-2cnm https://dev.to/joceilton/player-completo-com-fade-no-replay-fullscreen-2cnm <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/dPOPYPp?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Thu, 30 Apr 2026 10:10:28 +0000 https://dev.to/joceilton/animated-text-fill-with-svg-text-practice-42om https://dev.to/joceilton/animated-text-fill-with-svg-text-practice-42om <p>SVG text</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/EaNxwoB?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Wed, 29 Apr 2026 09:21:16 +0000 https://dev.to/joceilton/smooth-scroll-animations-with-shrinking-header-4op4 https://dev.to/joceilton/smooth-scroll-animations-with-shrinking-header-4op4 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/ZYBELmO?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Mon, 27 Apr 2026 10:54:29 +0000 https://dev.to/joceilton/mega-menu-css-41ck https://dev.to/joceilton/mega-menu-css-41ck <p> <span>See the Pen <a href="https://codepen.io/editor/joc01/pen/019dce5e-85d9-756e-befa-09df4bacad3a" rel="noopener noreferrer"> Mega nenu</a> by Cícero Joceilton (<a href="https://codepen.io/joc01" rel="noopener noreferrer">@joc01</a>) on <a href="https://codepen.io" rel="noopener noreferrer">CodePen</a>.</span> </p> joceilton Thu, 23 Apr 2026 20:35:04 +0000 https://dev.to/joceilton/alerta-de-coleta-de-cookies-e-politica-de-privacidade-53kj https://dev.to/joceilton/alerta-de-coleta-de-cookies-e-politica-de-privacidade-53kj <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/joc01/embed/mdrJgbZ?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen joceilton Thu, 23 Apr 2026 14:57:13 +0000 https://dev.to/joceilton/iframe-test-html-css-js-2eh3 https://dev.to/joceilton/iframe-test-html-css-js-2eh3 <p>Can this site be embedded in an iframe? Let’s find out!</p> <p> <span>See the Pen <a href="https://codepen.io/editor/joc01/pen/019dbab9-7aa6-7eb3-a357-ed0b02f5aaa3" rel="noopener noreferrer"> 🔍 Iframe Test</a> by Cícero Joceilton (<a href="https://codepen.io/joc01" rel="noopener noreferrer">@joc01</a>) on <a href="https://codepen.io" rel="noopener noreferrer">CodePen</a>.</span> </p> <p><a href="https://codepen.io/editor/joc01/pen/019dbab9-7aa6-7eb3-a357-ed0b02f5aaa3" rel="noopener noreferrer"><strong>IFRAME TEST</strong></a></p> joceilton Wed, 22 Jan 2020 14:18:22 +0000 https://dev.to/joceilton/formulario-de-cadastro-de-cliente-com-bootstrap-4-5212 https://dev.to/joceilton/formulario-de-cadastro-de-cliente-com-bootstrap-4-5212 <p><iframe height="600" src="https://codepen.io/joc01/embed/dyPwaGz?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> <br> ?signin=true</p> codepen