Dillion Megida is an Internal Developer Advocate at Adyen, creating practical web development courses and tools while focusing on developer experience, automation, CI/CD, and documentation workflows.
104 articles from this blog
A guide to CSS measurement units, explaining absolute units like px and relative units like em, rem, and viewport units for web design.
Explains CSS specificity rules, how to calculate selector priority, and why to avoid overusing !important.
An introduction to the Document Object Model (DOM), explaining its structure and demonstrating basic manipulation using JavaScript methods.
An introductory article explaining what JavaScript is, its benefits, and how to use it in HTML for web development.
Explains five core CSS selector methods for targeting HTML elements, including class, ID, and attribute selectors.
An introductory guide explaining what CSS (Cascading Stylesheets) is, its purpose in web development, and the three main ways to use it with HTML.
Explains the technical differences between static websites and interactive web applications, with examples.
An introductory guide explaining HTML (HyperText Markup Language), its core concepts, and basic syntax for building webpages.
Explains scripting languages, their key differences from compiled programming languages, and their common uses in web development.
Explains the three main stages of React component lifecycle (mounting, updating, unmounting) and details key lifecycle methods for class components.
Explains the key differences between a library and a framework in software development, using examples like jQuery and VueJS.
An introductory guide explaining the basics of the World Wide Web, websites, web servers, clients, and the difference between static and dynamic sites.
Explains how domain names work, the role of DNS, and the step-by-step process a browser uses to translate a domain into an IP address to load a website.
Explains the concepts of mutability and immutability in JavaScript, covering primitive vs. reference types and how to create immutable objects.
Explains the differences between front-end (visual presentation) and back-end (functionality) in web development, using a robot analogy.
Explains the JavaScript event.target property, its difference from currentTarget, and practical use cases for DOM manipulation.
A tutorial on integrating Netlify CMS with a Gatsby site to manage and publish blog content through a Git-based workflow.
Explains the differences between inline event handlers and addEventListener() in JavaScript, covering syntax, scope, and best practices.
A tutorial explaining the CSS Flexbox layout model, covering core properties like flex-direction and flex-wrap for creating responsive designs.
A tutorial on creating layouts using core CSS concepts like floats, positioning, and the box model, emphasizing understanding fundamentals before using libraries.
