News Articles css

CSS Funstuff: Animated Halfway Borders

Hi! Been a minute, but I’m back with another CSS tutorial! This one will be pretty quick, but should give you a great launch point for extrapolating and creating something special. Now you probably know that you can add borders to specific sides of an element, using, for instance: .border-top { border-top: 1px solid white; […]

Weekly Digest 03/2022

Welcome to my Weekly Digest #3 of this year. This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week. Interesting articles to read ECMAScript proposal: grouping Arrays via .groupBy() and .groupByToMap() This blog post describes the ECMAScript proposal “Array grouping” by Justin Ridgewell. ECMAScript proposal: grouping Arrays via .groupBy() […]

10+ Best Websites To Download Free Website Templates For Developers.

People nowadays create websites on the internet to make money. Whether you are a beginner or expert, you always need the best templates for your website. You need to make your website appear professional on the internet. Thousands of different website designs are available on the internet. Many of them are free to download. You […]

CSS Pseudo-classes: Forms

Yesterday we started looking at pseudo-classes that relate to links. In this article, we’ll take a look at form-related pseudo-classes. I’ve split this up into a series of four, where this is the second part about form pseudo-states. The other parts: Link pseudo-states Form pseudo-states (this one 💖) Element state selectors (coming soon) Other pseudo […]

Adding a Command Palette to Your Website

What We’ll Be Making Today Live Demo 🚀 Wait, what? MonkeyType is an open-source, minimalistic, and customisable typing test. It’s designed to be accessed from just your keyboard, eliminating the need to switch back and forth with your mouse. I really love the command palette feature on their website, which allows you to tweak settings […]

CSS 3 VS Tailwind CSS

The first point to note before we even start the article is, This post is a crime. Now, let us get started. 🔰 Intro: Welcome to this weeks article, peeps. We would be discussing a topic that should not be discussed 🙄, CSS vs Tailwind CSS. A lot of confusion has been going on in […]

Notification Panel

In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It’s very simple to do, just follow the below code. Preview Requirements- To get all the icons you can Sign Up to the FontAwesome. It has various types of icons that are free to […]

Best Animation Libraries for ReactJS

Introduction ReactJS is the most popular and loved framework among web developers for developing the frontend. From the launch, it has seen only growth. There are tons of libraries on the web for ReactJS that made React more awesome. Today, we are going to look into some of the best animation libraries that will help […]

Cool (online) places for 2022

Here are 3 lists with useful and original websites to learn code or simply enjoy life in 2022. Utilities and e-learning Command Not Found Accessibility Myths debunked Fixing Core Vitals Commint Lint May I add this third-party library? Creating interfaces with Python Switch software AI art and resources PyTorch Implementation of AnimeGANv2 ProsePainter World Models […]

Hide or show Elements/div in HTML Using JavaScript and Css

Video Documentation :- Source :- Steps :- For This Firstly create a .hidden class where the css display property is set to “none”. <style> .hidden{ display:none; } </style> HTML Then Using JavaScript we will toggle (add / remove) the hidden class from the element. So that results hiding and showing of the div/any […]

CSS Pseudo-classes: Links

We already had a look at CSS pseudo-elements, and even how to use pseudo-elemtns in Tailwind CSS. But then I realized I’ve never talked about pseudo-classes, and they are pretty substantial as we use them all the time in web development. So this article is dedicated to pseudo-classes. Pseudo-classes can be used to style based […]

My Personal Website

Yooo, Not my usual post, but check out my personal website which shows past projects and blogs/tutorials! I’ll always be adding to it! Im always happy to hear feedback on it!!(good or bad) Source: DEV Community

Why "the best" css frameworks are sweeping dust under the rug?

Hello devs 👋, I’m here to expose some questions without answers in this post. I do not want to promote any framework here. It’s only a post to think about it. I’ll show some of the HTML output that I classified as “sweeping dust under the rug”. All frameworks have to implement the same design […]

🎬JavaScript Fetch API – Simple Example👍

Use fetch API to get some data from an any external API and display it on your website: step-by-step from SCRATCH… Source Code: HTML <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>JavaScript Fetch API | Simple Example</title> <link rel=”stylesheet” href=”style.css”> <script src=”” crossorigin=”anonymous”></script> </head> <body> <div class=”results”> <div […]

Create Instagram Filters with React and CSS

Using the CSS Filter property to create a custom filter Continue reading on Bits and Pieces » Source: Bits and Pieces

Learning Flexbox's flex-direction

Simple illustration for CSS flexbox’s flex-direction. Source: DEV Community

My Personal site

View site View source My simple website developed using just HTML, CSS and Javascript. Hope you like it. Source: DEV Community

Just posted my website!!!!

I posted it on!!!!! I made it with Html, CSS, JavaScript, and Bootstrap. I am considering buying a domain name. Source: DEV Community

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.