html

Batman-Comic.CSS

Batman-Comic.CSS

Last week, I participated in Open South Code in Malaga, explaining the creative process behind comiCSS. As part of the conference, there was a kid's event, and I volunteered for it. The organizers asked me to do something related to my talk, and that's how a new CSS utility-class library was born: batman-comic.css. This library is for anyone willing to create Batman comic strips. Since its creation in the past two weeks, we've used the library in two kids' conferences. The library allows children to play with HTML and quickly see the power of CSS —even when this may not…
Read More
CSS Rotate Property Explained

CSS Rotate Property Explained

Understanding the CSS Rotate Property:The rotate property is part of the CSS transform module, which allows developers to apply different transformations to elements on a webpage. The rotate function allows you to rotate items by a specified angle, changing their orientation but not their location in the document flow. This characteristic provides tremendous versatility by permitting rotations in both clockwise and anticlockwise orientations. Syntax and Usage: The CSS rotate property’s syntax is rather easy. Developers define the desired rotation angle within the brackets of the rotate function, as follows: .rotate { transform: rotate(45deg); } Enter fullscreen mode Exit fullscreen mode…
Read More
Fastest Way To Learn a Programming Language

Fastest Way To Learn a Programming Language

Curiosity The greats love to learn. They love to grow. They never lose their holy curiosity. Look at Michael Jordan for example. He wasn't the best basketball player in his family. He says that his big brother was more skilled than him. But he was curious. Education is the game changer. When you invest in your learning, you can see around corners, you collapse the timeline, you figure out how the pros do it. So guess what? You can do it. Before we continue: If you are interested in joining my group and course on web development to make you…
Read More
How To Create a Virtual ATM Card using Plain HTML & CSS

How To Create a Virtual ATM Card using Plain HTML & CSS

Imagine at your disposal, you only have a picture of the Master Card Logo and another picture of the ATM card chip, you are tasked to create a visually appealing ATM card from the two separate pictures. You are about to find out how powerful CSS and HTML are. The Tech space is ever-changing but understanding these two languages is crucial for any aspiring Front-End developer. This article will guide you on how to make the front and back sides of an ATM card from scratch. The card will flip to the back or front sides when hovered over. We…
Read More
How I Overcame The Imposter Syndrome

How I Overcame The Imposter Syndrome

The first law to having a long a healthy career in software development is to embrace your imposter. We like to complain in the industry all the time about imposter syndrome. And it is a real psychological thing that some people have. But I think we often claim that we are experiencing an imposter syndrome and we are not. We are just programmers! Let me give you an example. Myself, after over 10 software projects, every project I joined, and this includes the project I worked on last year. For the first three months of that project, I'm swimming in…
Read More
No widgets found. Go to Widget page and add the widget in Offcanvas Sidebar Widget Area.