MariosDev

Joined December 2024

40 stories

Bio

Hi, I’m Marios! I’ve been a developer for over 9 years, crafting cool stuff and solving tricky tech puzzles. I’m a total tech enthusiast and love sharing my thoughts and tips through blogging. Also, in love with my bike!

Stories (40)

Filter by community

Sort by (Optional)

JavaScript Daily Tips #77: How to Use JavaScript’s Service Workers for Offline Caching
One essential technique for achieving this is offline caching, allowing web applications to function even without an internet connection. This capability is made possible through Service Workers, a powerful JavaScript feature that gives developers control over network requests, caching, and background tasks.
By MariosDev8 months ago in 01
HTML Tips #90: Creating HTML5 Web Notifications
This capability, introduced in HTML5, is a powerful tool for developers, as it allows the display of notifications directly on the user’s device, even when they are outside the browser window. In this guide, we’ll walk you through how to create HTML5 web notifications from start to finish.
By MariosDev8 months ago in 01
JavaScript Daily Tips #78: The Power of JavaScript’s WebAssembly Integration
In the world of modern web development, performance and speed are key. As the demand for complex web applications and interactive experiences increases, developers are constantly looking for ways to enhance the efficiency of their code. One powerful tool that has emerged in recent years to help developers meet these demands is WebAssembly (Wasm).
By MariosDev8 months ago in 01
HTML Tips #91: HTML Forms: Using the Number Input Type
One of the most common types of data entered in forms is numerical data — whether it’s an age, quantity, price, or rating. In HTML5, the <input> element has a specific type attribute for capturing numerical values: the number input type.
By MariosDev8 months ago in 01
JavaScript Daily Tips #79: How to Implement JavaScript’s Mediator Pattern
One such pattern, the Mediator Pattern, is widely used to manage communication between different components in an application, ensuring that they interact in a more maintainable and decoupled manner. In this article, we will dive into the Mediator Pattern in JavaScript, explore its use cases, and show you how to implement it to improve your code’s structure.
By MariosDev8 months ago in 01
HTML Tips #92: Building a Simple HTML FAQ Page
In this article, we will explore the process of building a simple FAQ (Frequently Asked Questions) page using HTML. A well-structured FAQ page can significantly improve the user experience by providing answers to common questions, helping to reduce customer support inquiries and giving visitors quick access to relevant information.
By MariosDev8 months ago in 01
JavaScript Daily Tips #80: The Best Practices for JavaScript’s Functional Programming
In the world of JavaScript, functional programming has gained a lot of attention because it can help developers write cleaner, more maintainable, and easier-to-understand code. JavaScript, while not a purely functional language, provides powerful tools and features that make it possible to embrace functional programming principles effectively.
By MariosDev8 months ago in 01
HTML Tips #93: Using HTML5 WAI-ARIA for Accessible Webpages
In this article, we will explore the importance of accessibility on the web and how to use HTML5 WAI-ARIA (Web Accessibility Initiative — Accessible Rich Internet Applications) to create more accessible webpages. Accessibility is a key component of web development, ensuring that websites and web applications are usable by people with various disabilities.
By MariosDev8 months ago in 01
5.3. Applying Borders in CSS
Let's talk borders. No, not geopolitical ones - we're diving into the CSS kind: those handy little outlines that make your content look neat, polished, or even a little dramatic (depending on how you style them). Whether you're framing a button, separating sections, or going full-on design ninja with creative outlines, borders in CSS give you control and flair.
By MariosDev8 months ago in 01
CSS Course: Overlay Techniques — Adding Depth and Focus to Your Designs
Overlays are a subtle yet powerful design technique that can add sophistication, depth, and focus to your website. Whether you’re using them to create a dimming effect for background images, highlight content, or give a polished look to your UI elements, CSS overlays can elevate your design with ease.
By MariosDev8 months ago in 01
CSS Course 4.4: Linear and Radial Gradients — Bring Your Backgrounds to Life
When it comes to adding depth, drama, and style to your web design, gradients are your secret weapon. Linear and radial gradients are two powerful tools in CSS that allow you to create smooth color transitions that can instantly elevate the look of your website. From creating beautiful backgrounds to enhancing UI elements, gradients can transform the feel of your site with just a few lines of code.
By MariosDev8 months ago in 01
Background Images and Control — Making Your Web Designs Pop with Visual Impact
In the world of web design, visuals speak louder than words. Background images in CSS give your website an extra layer of personality, depth, and creativity. Whether you’re adding a subtle texture to a page, creating a full-screen hero section, or using a background image as a focal point, CSS has a variety of properties to help you get it just right.
By MariosDev8 months ago in 01

MariosDev

Bio

Stories .css-1svwz57-Text{display:inline-block;color:var(--text-default-mute);}(40)

Filter by community

JavaScript Daily Tips #77: How to Use JavaScript’s Service Workers for Offline Caching

HTML Tips #90: Creating HTML5 Web Notifications

JavaScript Daily Tips #78: The Power of JavaScript’s WebAssembly Integration

HTML Tips #91: HTML Forms: Using the Number Input Type

JavaScript Daily Tips #79: How to Implement JavaScript’s Mediator Pattern

HTML Tips #92: Building a Simple HTML FAQ Page

JavaScript Daily Tips #80: The Best Practices for JavaScript’s Functional Programming

HTML Tips #93: Using HTML5 WAI-ARIA for Accessible Webpages

5.3. Applying Borders in CSS

CSS Course: Overlay Techniques — Adding Depth and Focus to Your Designs

CSS Course 4.4: Linear and Radial Gradients — Bring Your Backgrounds to Life

Background Images and Control — Making Your Web Designs Pop with Visual Impact

Stories (40)