The latest articles on DEV Community by Aslam (@ak78dev). https://dev.to/ak78dev 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%2F1373865%2F564c3467-df26-47a9-ad09-17fbae1e69f3.png https://dev.to/ak78dev en Aslam Mon, 25 Mar 2024 06:47:11 +0000 https://dev.to/ak78dev/camp-activities-fire-theme-dc1 https://dev.to/ak78dev/camp-activities-fire-theme-dc1 <p><em>This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities</em></p> <h2> What I Built </h2> <p>I've developed an interactive camp inquiry activities form for the Markup Challenge.</p> <h2> Demo </h2> <p><a href="https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExOWpxNXpndDBqNTlpOHNua2Rmdm5jMmJuMWtsaGh0MTBhcW1meHAycCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/wc686yL0noVapnzc38/giphy.gif" class="article-body-image-wrapper"><img src="https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExOWpxNXpndDBqNTlpOHNua2Rmdm5jMmJuMWtsaGh0MTBhcW1meHAycCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/wc686yL0noVapnzc38/giphy.gif" width="480" height="270"></a></p> <p>Here is the playground link below:<br> <a href="https://playcode.io/1812359">https://playcode.io/1812359</a></p> <h2> Journey </h2> <p>Throughout this journey, I delved into various Ideas to enhance form's interactivity using CSS and JavaScript. One small challenge I faced while integrating a background auto-play video using Javascript without HTML tags. I even discovered converting videos to GIFs, uploading them to a platform and seamlessly embedding them into the post. Despite the occasional struggle, the overall experience was immensely rewarding, leaving me with newfound knowledge and a sense of accomplishment. </p> <p>Thank you😊</p> frontendchallenge devchallenge css javascript Aslam Sat, 23 Mar 2024 17:28:08 +0000 https://dev.to/ak78dev/css-art-challenge-599j https://dev.to/ak78dev/css-art-challenge-599j <p><em>This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.</em></p> <h2> Inspiration </h2> <p>Today, I'm highlighting a beloved South Indian delicacy: The <strong>Dosa</strong></p> <h2> Demo </h2> <p>Check out my CSS art creation below:</p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffad2mpdjkuiygdhc62jq.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffad2mpdjkuiygdhc62jq.png" alt="Image description" width="800" height="512"></a></p> <p>You can find the source code for this project on GitHub:<br> <a href="https://github.com/Aslam786-lab/css-dosa">https://github.com/Aslam786-lab/css-dosa</a></p> <h2> Journey </h2> <p>Creating a South Indian Dosa Using CSS</p> <p><a class="mentioned-user" href="https://dev.to/ak78dev">@ak78dev</a> - In crafting a South Indian dosa using CSS, I meticulously recreated its shape, texture, and colors. Through mastering advanced CSS properties and animation techniques, I achieved a lifelike representation of this beloved dish. Proud of the results, I look forward to further refining my CSS skills and integrating this project into larger endeavors.</p> <p>Thank you!!</p> frontendchallenge devchallenge css