Hi, I’m Brian Dys — a photographer from the inside looking out · a composer entangled in electronic music · a UX designer · a spouse, a parent, & everything in between.
The biggest risk of creating a product is ‘making something no one wants.’
We’re actually using the Government Web Template – fitting in the content of a typical government agency. It sure has a lot of bugs – that’s why we’re here to help as contributors to the repo.
An Active Element is a user interface element that can be interacted with. It’s something you do something on (like click, tap, type on). A very basic example is a text link like this:
Or a button like this:
Also a text input like this:
You know what I can’t stand for 4 minutes? Listening to classical music radio station while driving. We try it, Jaycelle and I, from time to time if we can stand it. At times, when we’re word-battling, we don’t notice the music in the background. But at times when you put your ears into it? Nah, next channel.
Imagine this ombre cake:
It looks yummy and it has layers.
It is similar with active elements – they must have three levels for the purpose of CSS.
The first level is the textual element itself. The second level holds the function of the active element (e.g., <a> or <button>). The third level is for positioning. Initially, it appears that the default way to put it is this way:
And since this is for the purpose of CSS, we must impement Framing for the textual element and for positioning. These frames will act as hooks for CSS. Look at this example:
<div> <!– Frame for positioning –>
<span> <!– Frame for textual element –>
Here’s a demo to show a floated button:
[codepen_embed height=”266″ theme_id=”1820″ slug_hash=”VvyxJJ” default_tab=”result” user=”BrianSahagun”]See the Pen 3 Layers of an Active Element Article Entry Admin Actions by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]
Oh and by the way, here’s an ombre potato:
Discussing more about Git. Personally I use GitHub Desktop when working mostly with WordPress.