The latest articles on DEV Community by Luis Cutiopala (@cutioluis). https://dev.to/cutioluis 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%2F523301%2Faf50f663-2815-435c-a200-7819b8273033.png https://dev.to/cutioluis en Luis Cutiopala Mon, 04 Jul 2022 22:07:21 +0000 https://dev.to/cutioluis/react-portfolio-4nnk https://dev.to/cutioluis/react-portfolio-4nnk <h1> Preview </h1> <p>Hello everyone, I wanted to share with you a mini portfolio that I am starting to create to practice ReactJS.<br> Any feedback is accepted 🤗</p> <p>🔴 web: <a href="https://react-dark-portfolio-mu.vercel.app/" rel="noopener noreferrer">https://react-dark-portfolio-mu.vercel.app/</a><br> 😽 repository: <a href="https://github.com/cutioluis/react-dark-portfolio" rel="noopener noreferrer">https://github.com/cutioluis/react-dark-portfolio</a></p> <p>🌙 Dark mode</p> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx13ouhdbp6kpcitrr2z3.png" alt="Image description"> </h2> <p>⛅ Light mode</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7833l0c0wt7qyqpya1ab.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7833l0c0wt7qyqpya1ab.png" alt="Image description"></a></p> <p>Give me a star ⭐</p> react beginners javascript spanish Luis Cutiopala Wed, 26 May 2021 02:10:04 +0000 https://dev.to/cutioluis/top-10-sites-extensions-you-should-use-if-you-are-a-frontend-developer-1110 https://dev.to/cutioluis/top-10-sites-extensions-you-should-use-if-you-are-a-frontend-developer-1110 <h1> <a href="https://cssgradient.io/gradient-backgrounds/" rel="noopener noreferrer">CssGradient</a> </h1> <p>Here you will find gradients of all kinds so that your website is at another level from simple to complex gradients, in addition to all the css code<br> <a href="IMAGEN"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fcutioluis%2Fimages%2Fmain%2FCapture.PNG%3Ftoken%3DAOR56HJDVC54H2RGL3F4BDTAVWRFS" title="IMAGEN" alt="IMAGEN"></a></p> <h1> <a href="https://chrome.google.com/webstore/detail/color-picker/clkoagfbjkilljcajbbielofkeokbhma/related?hl=es" rel="noopener noreferrer">Color Picker</a>🎈 </h1> <p>Look for that color that you like from your favorite website</p> <p><a href="https://raw.githubusercontent.com/cutioluis/images/main/Capture.PNG?token=AOR56HJBTRRO2MVF3RMNX4LAVWSLA" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fcutioluis%2Fimages%2Fmain%2FCapture.PNG%3Ftoken%3DAOR56HJBTRRO2MVF3RMNX4LAVWSLA" title="Imagen" alt="Imagen"></a></p> <h1> <a href="https://www.glyphy.io/?ref=blog.moeminmamdouh.com" rel="noopener noreferrer"> Glyphy</a> </h1> <p>Glyphy es una sencilla herramienta en línea que te permite copiar fácilmente caracteres y símbolos especiales (también conocidos como glifos) al portapapeles de tu dispositivo para que luego puedas pegarlos en cualquier documento o aplicación que desees.</p> <p><a href="https://raw.githubusercontent.com/cutioluis/images/main/Capture.PNG?token=AOR56HLQXTPZ5YWWOPRZFTLAVWTBW" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fcutioluis%2Fimages%2Fmain%2FCapture.PNG%3Ftoken%3DAOR56HLQXTPZ5YWWOPRZFTLAVWTBW" title="Imagen" alt="Imagen"></a></p> <h1> <a href="https://app.haikei.app/" rel="noopener noreferrer">Haikei.app </a> </h1> <p>This is my favorite, you can generate patterns like: globs, waves, Blurry Gradients etc.<br> <a href="https://raw.githubusercontent.com/cutioluis/images/main/3.PNG?token=AOR56HKMZHSUYME5LCK746TAVWVV2" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fcutioluis%2Fimages%2Fmain%2F3.PNG%3Ftoken%3DAOR56HKMZHSUYME5LCK746TAVWVV2" title="asd" alt="asd"></a></p> <h1> <a href="https://ray.so/" rel="noopener noreferrer">Ray.so</a> </h1> <p>Transform your code to an impressive and very colorful card<br> <a href="https://raw.githubusercontent.com/cutioluis/images/main/2.PNG?token=AOR56HIG2KJX4TJSBDS3JILAVWVOQ" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fcutioluis%2Fimages%2Fmain%2F2.PNG%3Ftoken%3DAOR56HIG2KJX4TJSBDS3JILAVWVOQ" title="g" alt="g"></a></p> <h1> <a href="https://icomoon.io/" rel="noopener noreferrer">IcoMoon</a> </h1> <p>Find all the icons for your website in svg, png and even imported css formats<br> <a href="https://raw.githubusercontent.com/cutioluis/images/main/Capture.PNG?token=AOR56HL5RCR22FFVAT3JG2TAVWUWW" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fcutioluis%2Fimages%2Fmain%2FCapture.PNG%3Ftoken%3DAOR56HL5RCR22FFVAT3JG2TAVWUWW" title="img" alt="img"></a></p> <h1> <a href="https://neumorphism.io/#e0e0e0" rel="noopener noreferrer">Neumorphism.io </a> </h1> <p>Create awesome shadows ready to implement in all your Css<br> <a href="https://raw.githubusercontent.com/cutioluis/images/main/4.PNG?token=AOR56HPENEK7OKZJRTTVD6TAVWWZM" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fcutioluis%2Fimages%2Fmain%2F4.PNG%3Ftoken%3DAOR56HPENEK7OKZJRTTVD6TAVWWZM"></a></p> <h1> <a href="https://www.ssa.gov/accessibility/andi/help/install.html" rel="noopener noreferrer">ANDI</a> </h1> <p>ANDI is like having an expert at your side, helping you ensure your website is meeting accessibility standards. Include ANDI in screenshots during your manual accessibility review. Use ANDI during development to help you build accessible websites.</p> <p>Whether you're an accessibility expert or you're new to Section 508 compliance, ADA compliance, or WCAG standards, you should definitely check out ANDI.</p> <h1> <a href="https://pandao.github.io/editor.md/en.html" rel="noopener noreferrer">Editor.md</a> 🍳 </h1> <p>Editor.md is a markdown Editor if you don't know much about md this tool will help you, it will be used to make descriptions of your GitHub file or make notes</p> <h1> <a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?utm_source=chrome-ntp-icon" rel="noopener noreferrer">React Developer Tools</a> </h1> <p>React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.</p> webdev html css