The latest articles on DEV Community by Justin (@irmjustin). https://dev.to/irmjustin 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%2F3893545%2F9151735c-92ee-46f0-95ce-fdbfd92a58c4.jpg https://dev.to/irmjustin en Justin Thu, 23 Apr 2026 06:03:22 +0000 https://dev.to/irmjustin/visit-my-github-to-see-source-code-2lbc https://dev.to/irmjustin/visit-my-github-to-see-source-code-2lbc <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/irmjustin/my-amazing-portfolio-4bga" class="crayons-story__hidden-navigation-link">my amazing portfolio</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/irmjustin" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3893545%2F9151735c-92ee-46f0-95ce-fdbfd92a58c4.jpg" alt="irmjustin profile" class="crayons-avatar__image" width="800" height="799"> </a> </div> <div> <div> <a href="/irmjustin" class="crayons-story__secondary fw-medium m:hidden"> Justin </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Justin <div id="story-author-preview-content-3539379" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/irmjustin" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3893545%2F9151735c-92ee-46f0-95ce-fdbfd92a58c4.jpg" class="crayons-avatar__image" alt="" width="800" height="799"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Justin</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/irmjustin/my-amazing-portfolio-4bga" class="crayons-story__tertiary fs-xs"><time>Apr 23</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/irmjustin/my-amazing-portfolio-4bga" id="article-link-3539379"> my amazing portfolio </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/irmjustin/my-amazing-portfolio-4bga" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">5<span class="hidden s:inline"> reactions</span></span> </div> </a> <a href="https://dev.to/irmjustin/my-amazing-portfolio-4bga#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments <span class="hidden s:inline">Add Comment</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> Justin Thu, 23 Apr 2026 05:55:03 +0000 https://dev.to/irmjustin/my-amazing-portfolio-4bga https://dev.to/irmjustin/my-amazing-portfolio-4bga <p>I just created my first repo which is my portfolio you can find it on the website irmjustin.github.io you can find it on github and then clone it if you are a begginer and then you learn these simple css class and adding interactivity using javascript like for turning mode dark and light mode , mouseovering the social links or avatars and you make them jump by adding classList and removing it . Thank you !</p> <p><a href="https://media2.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%2Fvvfil4kqrwc1ixcprska.png" class="article-body-image-wrapper"><img src="https://media2.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%2Fvvfil4kqrwc1ixcprska.png" alt=" " width="800" height="537"></a><br> <a href="https://media2.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%2F55xp8yzlvgvbsjejj7aj.png" class="article-body-image-wrapper"><img src="https://media2.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%2F55xp8yzlvgvbsjejj7aj.png" alt=" " width="800" height="540"></a></p> webdev javascript beginners