Ale Thomaspokecoder.hashnode.net·Nov 16, 2021FeaturedMaking pixel-art with pure CSSSee the Pen Hover Choose wisely! Pixel Pokémon by Ale (@pokecoder) on CodePen. Growing up playing games on my GBA (especially Pokémon and Harvest Moon) I've always been fascinated by pixel-art and its inherently retro look. When I started lea...Andrew Baisden and 12 others are discussing this13 people are discussing thisDiscuss·270 likes·8.9K readsCSSVery nice write up. I was always wondering how to do pixel CSS art. Maybe I should try to do one now ☺️ 4
Madzamadza.hashnode.net·Jul 19, 20227 Next-Level CSS Codepens to Inspire Your Future Creations 😍✨In this article, I have compiled some of my favorite CSS artworks, that prove the power of CSS and show what you can achieve with it if you use it right. For each CSS artwork, I will provide a direct link, an interactive preview, as well as the auth...Dee and 1 other are discussing this2 people are discussing thisDiscuss·108 likes·10.1K readsWeb Development
Aman Tyagiamantyagi.hashnode.net·Aug 16, 2020FeaturedA shallow dive into CSS Grid LayoutHellooo and welcome to the Blog #2 In this article I am going to discuss about CSS Grid Layout System So let's get started :- Grid is a powerful layout tool in CSS, that let's you easily design a complex layout using "row and column approach". Brief...Syed Fazle Rahman and 5 others are discussing this6 people are discussing thisDiscuss·96 likes·589 readsCSSThanks for sharing 3
JR.Pranavjrpranav.hashnode.net·Apr 5, 2023#Day 1 : CSS ArtJuicy Watermelon Juicy Watermelon will "Quench your thirst for creativity with this delightful Watermelon drawing made entirely with HTML and CSS! Watch as the vibrant shades of green and dark pink come to life on your screen, bringing a touch of su...Discuss·2 likesCSS
Alvaro Montoroalvaromontoro.hashnode.net·Apr 5, 202310 Cool CodePen Demos (March 23)3D Camera Icons Jon Kantner is usual at these CodePen lists, but the work is fantastic! So it makes sense. This month I had several of Jon’s demos shortlisted (like this realistic glass icon or rotating pill), but the CSS shadows and lightning from t...Discuss·10 likes·35 readsWeb Development
Praveen Spraveensk.hashnode.net·Mar 13, 2023React-Code pen-Clone"In this blog post, I will be sharing one of my recent projects - a web application that allows users to write HTML, CSS, and JavaScript code in separate code editors and view the combined output in an iframe. This project was built using React and t...Discuss·94 readsWeb Development
Rajendra PrajapatiforJoBins Engineeringjobins.hashnode.net·Feb 28, 2023Improving Your Application's Features with Vue Custom DirectivesVue.js is a popular JavaScript framework that provides a powerful and flexible way to build user interfaces. It comes with built-in directives like v-model and v-if which allow you to create a two-way binding on a form input element and control the v...Discuss·13 likes·61 readsJavaScript
Nirajan BasnetforJoBins Engineeringjobins.hashnode.net·Feb 20, 2023Don't use 100vh for mobile responsiveGenerally, we use height:100vh for fullscreen layout which is an easy hack and convenient way to get better design. Example .content { height: 100vh; } But when we test our design on an actual device, we encounter several issues: Mostly Chrome a...Discuss·6 likes·96 readsCSS3
{{ MonaCodeLisa }}monacodelisa.hashnode.net·Feb 2, 2023Free Web Based IDEs - CodePen Main Features and UsabilityIn this video, I am testing and showcasing the various features that Codepen has to offer, including its availability as a free option, its autocomplete and Emmet capabilities, and its real-time visual output capabilities. I examine its file structur...Discuss·46 readsWeb Dev / ProgrammingCodePen
alyssaamtp2.hashnode.net·Nov 20, 2022I completed Scrimba's free Javascript course as a coding noob... was it worth it?Today marks the day I finally completed Scrimba's free Javascript course... was it worth it? As a beginner, I thought that it was a very insightful course! As a casual learner, I occasionally practised programming 1-4 hours a day. The course is 8 hou...Discuss·52 readsScrimba
Mohammed Farazfaraz.hashnode.net·Oct 16, 2022How To Fix Page Reload Error On Code Pen?Introduction CodePen is an online code editor which allows us to showcase our frontend web development projects often referred to as “pens”. It is quite popular in the web dev community and it’s fair to say that it is one of the most decent online co...Discuss·1 like·81 readsCodePen
Madzamadza.hashnode.net·Jul 19, 20227 Next-Level CSS Codepens to Inspire Your Future Creations 😍✨In this article, I have compiled some of my favorite CSS artworks, that prove the power of CSS and show what you can achieve with it if you use it right. For each CSS artwork, I will provide a direct link, an interactive preview, as well as the auth...Dee and 1 other are discussing this2 people are discussing thisDiscuss·108 likes·10.1K readsWeb Development
Majd Abu Hmoudmecvino-coding.hashnode.net·Jun 24, 2022What are variable fonts, and how can you use them?Variable fonts are an evolution of the OpenType font specification that enables many variations of a typeface to be combined into a single file, rather than having a separate font file for every width, weight, or style. What are the benefits 🤔? Usin...Discuss·90 readsCSS3
