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 […]
Posts Tagged ‘JavaScript’
How to Customize Your Own HTML5 Audio Player
Introduction Web developers have wanted to use audio and video on the web for quite a long time. With the standardization of HTML5 and most modern browsers starting to implement HML5, it’s been a great surprise for us. In the past, implementing audio and video in a web application would be very tedious since we […]
But How Do It Know? Dissecting Regular Expressions
To truly understand regular expressions, you have to actually use them. A lot of people who use regular expressions (regex) don’t care to understand how they work; they just Google one that looks like it might work for them, throw it in there, and hope for the best. I don’t know how it works, it […]
The Magic of RegEx: An Intro to Regular Expressions
Despite its bad rap and its esoteric nature, the black-magic voodoo science of regular expressions intrigues me. Few things in web development grip me like regex does. And somehow, like magic, like the magic of regex itself; I become “the regex guy.” Weekly, sometimes daily, I get asked to help write a regex. I, of […]
APS.NET Core Web Application with React-Redux
Introduction React has gone viral among web developers. Compared to other mainstream JS libraries, thanks to JSX and virtual DOM, react has native advantages on DOM control. Redux is a handy way to manage state and React-Redux provides the glue between React and Redux. Going back to ASP.Net core, on VS 2017 Update 3, users […]
So You’ve Got Bugs, Huh?
Whenever you write JavaScript, you’re risking creating bugs. The risk of bugs increases proportionally as the amount of code and code complexity increases. There are ways to avoid bugs; I recommend ESLint, JSHint, or a language extension such as TypeScript to help reduce the introduction of bugs into your codebase. This post isn’t meant to […]
Detecting the Use of a Touch Screen
Here’s a fun one: Ever have some UI/UX interaction that needed to be one thing for mouses and another thing for touch devices? Ever used Modernizr? If you have, you may be familiar with this gem: Warning: Indicates if the browser supports the Touch Events spec, and does not necessarily reflect a touchscreen device You […]
Reusable Components for a CMS, Using the Revealing Module Pattern
Before we get started, I recommend reading about the revealing module pattern and closure, if you’re not already familiar with them. When you are building components for use in a CMS, it’s important to understand that you have less control over the use of these components than you may initially think. Programming these blocks in such […]
Using Webpack to Enable Dynamic Imports and Long-Term-Caching
Background Many people are using Webpack in front-end projects to pack their modules, especially for big single page application. Usually, it will pack up all your js files into one js bundle., but you may not need them all at the same time since it will take longer when the page is being loaded. So, […]
Experience Editor error strikes again!
“After parsing a value an unexpected character was encountered: {. Path ‘scLayout’…
Connecting Javascript with Apex Remote Actions for a Single Page Application
How to Connect UI to a Salesforce Backend Working with a Visualforce page and its MVC pattern is very powerful when it comes to bind the data from the standard and custom Salesforce objects, but for creating a single page application that provides a better UX and kind of and app look and feel rather […]
#AdobeSummit Standout: PhoneGap and Framework7 for Mobile Apps
We’ve seen many innovative features and products launched at Adobe Summit 2017. As a developer, one cool feature that attracted me the most was the development of a hybrid mobile application with PhoneGap along with Framework7 open source UI framework. When developing a mobile application using JavaScript, CSS and native libraries, I have faced issues with […]