Vincent Morneau Blog

NEW Pinch and Zoom (like Instagram)

A few weeks ago I published a blog post Pinch and Zoom like Instagram [https://vmorneau.me/pinch-and-zoom-like-instagram/]. Turns out I didn't properly test on iOS and the effect was flaky. Here is simpler and more efficient solution using only native JavaScript, no library involved like Hammer.js in my

Rich animations for your APEX app

Very soon, a project that I've been working on over the past 2 years will go LIVE. It's a very special APEX app designed entirely for public use. That means anyone in the world will be able to use it. For free. No login required! The demographics that will use

Fetch API for Oracle APEX - Part 3: Security SIMPLIFIED

Fetch API for Oracle APEX - Part 3: Security SIMPLIFIED

Fetch API series: * Part 1: Basic Usage [https://vmorneau.me/using-javascript-fetch-api-in-oracle-apex/] * Part 2: Securing Endpoints [https://vmorneau.me/securing-the-fetch-api-for-oracle-apex/] * Part 3: Security SIMPLIFIED [https://vmorneau.me/fetch-api-part-3] -------------------------------------------------------------------------------- In my last blog post, I explained how to make the Fetch API work against an APEX session using OAuth. I was

Fetch API for Oracle APEX - Part 2: Securing Endpoints

Fetch API for Oracle APEX - Part 2: Securing Endpoints

Fetch API series: * Part 1: Basic Usage [https://vmorneau.me/using-javascript-fetch-api-in-oracle-apex/] * Part 2: Securing Endpoints [https://vmorneau.me/securing-the-fetch-api-for-oracle-apex/] * Part 3: Security SIMPLIFIED [https://vmorneau.me/fetch-api-part-3] -------------------------------------------------------------------------------- This is a follow-up to my previous blog post: Using the Fetch API in Oracle APEX [https://vmorneau.me/using-javascript-fetch-api-in-oracle-ap

Fetch API for Oracle APEX - Part 1: Basic Usage

Fetch API for Oracle APEX - Part 1: Basic Usage

Fetch API series: * Part 1: Basic Usage [https://vmorneau.me/using-javascript-fetch-api-in-oracle-apex/] * Part 2: Securing Endpoints [https://vmorneau.me/securing-the-fetch-api-for-oracle-apex/] * Part 3: Security SIMPLIFIED [https://vmorneau.me/fetch-api-part-3] -------------------------------------------------------------------------------- Fetch is a JavaScript API native to all browsers that allows you to make a request to a URL. That request returns

Pinch and Zoom like Instagram

As you scroll down Instagram or any other social media on your phone, you browse through countless pictures. Some of them are interesting enough that you want to look closer, given the size of the small screen. It's become intuitive for most people to "pinch" an image to activate a

APEX as a PWA: The Complete Guide

APEX as a PWA: The Complete Guide

Covered Features * Installing the APEX app on a mobile device * Making the APEX app available offline * Syncing offline requests when getting back online * Sending push notifications Documentation * Part 1: Introducing Progressive Web Apps [https://vmorneau.me/apex-pwa-part1] * Part 2: Setup and Development Tips [https://vmorneau.me/apex-pwa-part2] * Part 3: JavaScript

How to Avoid a JavaScript Mess

How to Avoid a JavaScript Mess

> At Kscope18, I presented How to Avoid a JavaScript Mess at the #LetsWreckThisTogether talks [http://dietmaraust.com/odtug-kscope18-deep-dive-javascript-in-apex-do-it-the-right-way] . Here it is, turned into a blog post. We all want to write clean code. I was attending Mike Hichwa's session at Kscope18's Sunday symposium, and he revealed numbers about language usage

Using Font Awesome 5 Pro

Using Font Awesome 5 Pro

It's inevitable that APEX will update the icon libraries in the next release. I expect these two: - From Font Awesome 4 to Font Awesome 5 Free - From Font APEX to Font APEX HD Because APEX is pretty much redistributing Font Awesome, it has to use the free version.

Alternative Look for Disabled Buttons

Recently I was told that the disabled buttons in our Universal Theme application were not... disabled enough. And I have to agree in a way. If that button was the only button visible on the page, it could be seen as the application's default color scheme. So we added some

Why you should change the FONT of your code editor

Why you should change the FONT of your code editor

I recently changed the default font of my code editor and I love it. I now use Fira Code, which is a monospaced font with programming ligatures. If you're not familiar with programming ligatures, it essentially groups multiple characters (like <= or ===) into one, and the result is pretty neat. Check

Material APEX Part 3: Colors & Styling

As more and more people adopt Material APEX, I am often asked "how do you change the colors?" and other styling related questions. It's actually pretty simple because it's no different than Universal Theme. There are 4 ways to utilize a theme native styling options. Let's break it down. 1.

Material APEX Part 4: 2018 Status & Statement of Direction

When APEX 5.2 is going to be released, here's how Material APEX will be affected. 1. We will continue to support Material APEX for critical bug fixes, under the current v0.12.x branch (APEX 5.1 compatible) 2. All further development (enhancements and new features) will be done

Animate your APEX application

Animate your APEX application

A few weeks ago I released a very simple dynamic action plugin: AnimAPEX [https://apex.oracle.com/pls/apex/f?p=430:1]. It consists of 75+ animations that you can apply to any APEX component. Want to shake an input when the password is wrong? Want to flash a

The best alternative to Universal Theme

The best alternative to Universal Theme

Material APEX just got updated earlier this week to v0.12.0. If you haven't heard about it, it is a complete alternative solution to Universal Theme. And it is free! Material APEX has been around for more than two years now and it's being used widely accross the APEX

JavaScript async/await in APEX

JavaScript async/await in APEX

The following technique will change the way we write JavaScript very soon. If you're into JavaScript, you're gonna want to understand async/await. Prerequisites JavaScript Promises were introduced to solve many JavaScript problems such as the callback hell. async/await builds on top of Promises to provide an easier handling

Atom: Select Variables Faster

Atom: Select Variables Faster

Some languages like HTML and CSS have syntactical standards promoting the use of the hyphen/dash symbol (-). Let's consider a variable l_my_variable in PL/SQL. In JavaScript I would name it myVariable. In CSS I would name it my-variable. In Atom if you double click on this

Tabs with Auto Height

I really like the Tabs Container template in Universal Theme. It promotes a great structure for your content, while being good looking. You can have as many tabs as you want in the Tabs Container which means many different content heights. By default, Universal Theme picks the tallest tab and

My opinion on Tabs vs Spaces

On this year Stack Overflow survey [https://insights.stackoverflow.com/survey/2017#work-tabs-or-spaces], this never ending war showed some love in favor of Tabs. I was a big Spaces user until a few months ago. I now use Tabs and I don't think I'll switch back anytime soon. Why? Like

Checkbox Pills

Demo: https://apex.oracle.com/pls/apex/f?p=128166:1 Universal Theme offers a template option for radio button items to make them look like buttons: As of this writing (APEX 5.1.1), this template option does not work on checkboxes. But wouldn't it be nice to have

JavaScript Promises in APEX

JavaScript Promises in APEX

As I was reading the APEX 5.1 API documentation [http://docs.oracle.com/cd/E71588_01/AEAPI/toc.htm] the other day, I noticed something pretty interesting under the apex.server [http://docs.oracle.com/cd/E71588_01/AEAPI/apex-server-namespace.htm#AEAPI29509] namespace. apex.server.process and apex.server.

Using APEX Javascript Events

Using APEX Javascript Events

Dynamic actions are great, but sometimes I just want to code Javascript by hand in my code editor. In the official APEX documentation [https://docs.oracle.com/cd/E59726_01/doc.50/e39149/javascript_api.htm#AEAPI266] , very little is said about APEX Javascript events. All we know is that

Beautifying File Browse Inputs

Beautifying File Browse Inputs

Are you tired of seeing this? The look and feel behind these comes from the browser itself, so there ain't much you can do... ...or is there? Let's try and work with them a little bit... * Example above shows 3 file inputs on the same line. -------------------------------------------------------------------------------- HTML and CSS

Introducing APEX Bootstrap 4 (Theme)

UPDATE: This theme is deprecated. For the past few weeks we've been working on something new. I'm excited to release the first version of a new APEX Theme. Still alpha, not production ready :) * See Demo [https://apex.oracle.com/pls/apex/f?p=73792:1] * See Source code [https://github.