Originally posted on dev. Lists are the form of data representation commonly used by all types of documents. In HTML there are two types of lists namely ordered and unordered lists. In an ordered list, the items are indicated by serial numbers or letters that are in some order. In an unordered list, the list...
Tag: css
Frontend Developer Resources 2022
Originally posted on dev. I don’t know if I’ll keep doing this every year, but I did one of these in 2020, and that post got some good signal, so I renamed it to Frontend Developer Resources 2020, which brings us to Frontend Developer Resources 2022. Oops, I missed 2021. Technically we’re still in 2021,...
Why is the Virtual DOM So Fast?
Originally posted on dev. When you start learning about the frontend world, you’ll almost immediately stumble across the term “Virtual DOM”. Most of the popular frontend frameworks use it and want to prove their speed with it. But what makes it so fast? And what makes the real DOM so slow and inefficient? Understanding Browser...
The Beauty of CSS
Introduction CSS is the language that sits at the presentation level of the Web alongside HTML and JavaScript. CSS is easy to start with but it’s not simple to work with because it has some features that might seem frustrating at first. These features are what makes CSS such a beautiful language to work with. If you...
Using HTML, CSS, and JavaScript to Create OBS Plugins for Your Live Streaming Sessions
Originally posted on dev A few days ago, I decided to give a try to live coding on Twitch. I developed a bot for one of the forums I visit regularly and it was a great experience, a lot of people visited the streaming and the big majority stayed for a while. Because of that,...
CSS Selectors Related to Form Control
Originally posted on dev Nowadays, we tend to use JavaScript to validate the form. Then adding some classes to help us style the input elements. In some cases, we probably no need to create extra classes because there are already some CSS selectors that can help us do the job. In this article, I will...
CSS-Only Chat
A truly monstrous async web chat using no JS whatsoever on the frontend. Wait what This is an asynchronous chat that sends + receives messages in the browser with no reloads and no javascript. Ok so how Background-images loaded via pseudoselectors + a forever-loading index page (remember Comet?). Say that again? Ok, so there are two...
How to Learn Penetration Testing: A Beginners Tutorial
Disclaimer: Hacking is a difficult skill to learn. You will not become a good pentester by just doing a few online courses. You will not become a good pentester by just installing Kali Linux and learning how to use the tools. This is a challenging path, wrought with endless frustrations, and you will not learn...