Posts Tagged ‘JavaScript’

Webp.net Resizeimage (64)

Generator Functions in JavaScript

If you’ve been a JavaScript developer for some time and heard about ECMAScript 6 (ES6) concepts, then you must have come across generator functions. You might be thinking, what are generator functions? Why do we need it? What problems do they solve? We can find the answer, but we have to take a step back […]

How to Show/Hide HTML Elements by Only Using CSS

The ability to show/hide an HTML element should be simple enough, right? Well, we can use some HTML attributes and JavaScript functions if we want to, but what if we want to do perform this task without using JavaScript. Is it possible? Yes, it is possible. We can do it with just CSS. Yes, you […]

Choosing Between Ternaries or && in JSX

There is always the question that runs in the mind of developers, do I choose ternaries or logical && to use in React? Personally, I always prefer logical && over ternaries to handle the truth condition. Let me explain why. Just a few days ago, I was writing the following React code: import React from […]

Cardmapr N8pnhrcr73o Unsplash

Implementing Custom Play/Pause Button for Embedded YouTube Videos Using IFrame Player API

Recently, I worked on one bug where GTM tracking was breaking for an embedded YouTube video with a custom play button. The video played perfectly fine on the click of the play button, but it was not getting tracked by GTM. I didn’t find anything wrong in the code, so I researched and found that […]

Coding

Accessible Balance: HTML & ARIA

Introduced in 2008 by the Web Accessibility Initiative (WAI) group, the family of attributes known by the acronym ARIA (Accessible Rich Internet Applications) allows developers to supplement HTML where it lacks in accessibility. ARIA is a group of attributes that work to supplement HTML attributes to create a more accessible experience for those using assistive […]

Istock 691171106

Resolving Sitecore SXA 9.3 Core Library JavaScript Security Vulnerabilities

Site themes for a Sitecore SXA site determine the look, feel and interactivity of the user interface. Base themes, included by default in the Media Library, are intended to be leveraged as dependencies for one or more site themes. Base Themes are built on top of a set of core, third-party CSS and JavaScript libraries […]

Istock 1212006391

3D Camera Movement in Three.js – I Learned the Hard Way So You Don’t Have To

Recently, I faced a situation where I needed to create a navigable 3D house within a website. In this house, a user would be able to look around a room by clicking and dragging their point of view, similar to street view on Google Maps. Additionally, there would be clickable hotspots that would allow the […]

Securing Your Web API Using Azure Active Directory

Large or small, all companies need web security. And what better way to secure your ASP.NET Core Web API than using Azure Active Directory? Given MVC-style apps are the dominant force in the market nowadays, the majority of documentation on the matter focuses here. That left me, desiring to create a loosely-coupled Web API instead […]

Healthcare

Using TypeScript with the Twilio Flex Agent UI Sample

When we first started working with the Flex samples provided by Twilio, the source code was provided in TypeScript. This provided a dev-time programming environment that I tend to prefer, even though I am far from a TypeScript expert. As Flex and the quick-start samples moved toward general availability, Twilio made the choice to switch […]

Sitecore Symposium 2018: Developer Takeaways on JSS

Sitecore just announced the general availability of Sitecore JavaScript services at Sitecore Symposium 2018. JSS 1.0 will be release with Sitecore 9.1 later this year. In my opinion, JSS is one of the largest fundamental shifts in how websites will be developed on the Sitecore Platform. JSS enables javascript developers, using the most popular javascript […]

What’s In the Latest Twilio Flex Quickstart?

As Twilio Flex nears a general availability (GA) date, the team continues to iterate and fine-tune the Flex Quickstart. The Flex Quickstart provides configuration and code to quickly provision a new Flex project. We’ve been installing various versions of this since the summer. In the 0.12 and 0.13 versions, we’ve seen some interesting changes from […]

Approach Overview: Compiling and Authoring React Applications in AEM

The Adobe Experience Manager (AEM) platform allows for a great level of customizability – there can be endless unique implementations. This level of customization will continue to increase given Adobe’s frequent updates in integrations and emerging technologies. With the surge in single-page application (SPA) designs, JavaScript frameworks like React, Angular, and Handlebars are now some […]

Load More