Maya Shavin – Medium

Published in Better Programming

·6 days ago

New in Google I/O 2022: Exploring the HTML Dialog Element

A look at the new update for the web platform — Dialogs and modals are the essential components for any web application. Still, it takes quite an effort for us to create and define default behavior logic for it using the existing div element. As a result, we usually end up with a third-party dialog component to save the day. But…

Front End Development

8 min read

New in Google I/O 2022: Exploring the HTML Dialog Element

Published in Better Programming

·Aug 10, 2020

Dark and Light Themes With Tailwind CSS and Nuxt.js

Theming a Nuxt app has never been easier — Dark and light mode support has been a recent trend due to the impact on our eyesight caused by the time spent on devices. With Tailwind CSS and the proper Nuxt.js …

Programming

13 min read

Dark and Light Themes With Tailwind CSS and Nuxt.js

Published in Better Programming

·Aug 3, 2020

Power Up Your Jamstack With the New Nuxt

What’s new and what’s Nuxt — Been waiting for Nuxt 3.0 to build Jamstack (static) apps? No need for that. The latest Nuxt version, v2.14, may be just what you are looking for. Curious? Let’s start. What Is Jamstack? For anyone who was not familiar, Jamstack (or JAMstack) is a web development architecture in which JAM stands for client-side…

Programming

11 min read

Power Up Your Jamstack With the New Nuxt

Published in Better Programming

·Jul 30, 2020

How to Add Color to SVG Icons and Elements With CurrentColor

What is currentColor in CSS? — Making reusable SVG icons and consistent color theme for components while keeping the style sheets short is now achievable with currentColor — a CSS Module 3 variable. But what's exactly is currentColor? And how do we achieve color consistency and create reusable SVG icons with it? Let's find out. What Is currentColor? currentColor…

Programming

7 min read

How to Add Color to SVG Icons and Elements With CurrentColor

Published in Frontend Weekly

·Jul 15, 2020

Dynamic theme with CSS Variables

Theming a web application is always a challenge, and it can easily lead to performance issues. CSS pre-processor variables are good, but not enough for dynamic theming. Luckily, CSS variables can help to solve this challenge efficiently. So what are CSS Variables? How do they help to enable theming? And…

CSS

9 min read

Published in Frontend Weekly

·May 14, 2020

ES6 — This I Promise you

Promise is not only one of the most commonly used ES6 features but also a challenging concept to understand or explain, even for experienced developers. What exactly is Promise API, and why is it considered a significant improvement to JavaScript? We are going to find out in this post. But…

Java Script

11 min read

Published in The Vue Storefront Journal

·Dec 30, 2019

VueConf Toronto 2019 — stands out in its way

Last November, I was honored to speak at Vue Toronto (VueConfTO) — a 3-day Vue.js conference in Toronto, Canada. Sharing the stage with me was the creator of Vue.js — Evan You and other excellent speakers, some of whom became my friends and teammates in many ways. …

Java Script

9 min read

VueConf Toronto 2019 — stands out in its way

Published in Frontend Weekly

·Jun 10, 2019

🍬 Syntactic sugar, diabetes alert 🚨

Syntactic sugar is everywhere in JavaScript, all for making the language as dynamic and simple-to-learn as it has been for the last decade. Most will say it’s JUST syntactic sugar — a tiny bit of candy that makes your coding life sweeter and feels totally harmless. Well, is it? …

Java Script

8 min read

Published in Frontend Weekly

·Dec 11, 2018

Switch case, if else or a lookup map — A study case

This is a never ending argument between JavaScript developers. Some will say one way is good, and others will strongly prefer another. So which is considered better practice, let’s find out together, shall we? The case — Dress up according to my mood Assume we have a method that will take in a mood and return some clothes to…

Java Script

7 min read

Switch case, if else or a lookup map — A study case

Published in Frontend Weekly

·Jun 27, 2018

ES6 Cool stuffs — A big fat Arrow

Arrow function is considered as one of most popular ES6 features. Have you ever wonder why and how to use it? If so, you got to the right place. Let our journey of understanding arrow function expression begin. As usual, let’s do a quick brief on old concepts about function…

Java Script

8 min read