css - Vincent Morneau Blog

Vincent Morneau Blog

Subscribe

css

A collection of 10 posts

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

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

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

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

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.

Basic Gulp with APEX

Update April-23-2016: Deprecated this package in favor of APEX Nitro [https://github.com/OraOpenSource/apex-nitro/]. Update Feb-28-2015: Added image optimization to the Gulpfile. Note: I have given a more interactive presentation in January 2015 at @InsumSolutions [https://twitter.com/InsumSolutions] office about how to integrate Gulp in your APEX workfow.