Brian Dys

Tag: Technique

  • UI Condition

    —

    by

    Brian Dys
    in ,

    Similar to UI State (which only has active or inactive), UI Condition can be anything to describe the condition of an object. Example To denote that an article entry does not have content, we add the class ui-cond__entry–blank which translates to “the UI condition of entry is blank”. <div class=”ui-cond__entry–blank”> … </div>

  • Structural Classes

    —

    by

    Brian Dys
    in ,

    Structural Classes are classes that denote hierarchy in HTML tags particularly in div tags. Example: Structure of a Component [html] <div class="comp"> <div class="cr"> <h class="accessible-name"></h> <div class="ct"> Content </div> </div> </div> [/html] Please note that h denotes a heading tag that varies from 1 to 6 depending on the HTML 4 outline. The Structural…

  • Introducing UI View and UI Container

    —

    by

    Brian Dys
    in ,

    There’s a need for web pages to be defined in which view it is in and in which type of container the whole view is in. In this regard I am using ui-view–<view name> and ui-cr–<container name> (cr short for container). UI View UI View is the representation of the totality of the page or…

  • Notes in Front-end Design

    —

    by

    Brian Dys
    in

    Post in context: I am “refactoring” the existing HopScotch Free WordPress Theme . This is due to several improvements in standardization and content structure. The example that I will be using is the most common element of web sites – the web site name and description. One encounters this in the form of web site logos…