Category Theory

Entry Module
Entries
Main Post Title

CSS :not Pseudo-class or Negation?

Post Excerpt
See the Pen CSS :not Pseudo-class or Negation? by Brian Dys Sahagun (@BrianSahagun) on CodePen.
Main Post Title

Different Component States

Post Excerpt
In designing the user interface (UI) of an app, it is common to start with the design of the populated state of the UI. As designers, we envision perfect scenarios, common flows, and predictable results. This, understandably, contains the bulk of work a designer has to face. It contains all sorts of issues that need
Show More of Different Component States
Main Post Title

Revisiting CSS Levels

Post Excerpt
I am currently making a curriculum for the basics of HTML and CSS. Revisiting CSS Levels, I have written in the past about it: Building CSS in Levels Elements of CSS V2 CSS Principles #1 The important thing to remember is to pattern it after the Levels of HTML wherein we must begin with Accessibility
Show More of Revisiting CSS Levels
Main Post Title

Links and Actions

Post Excerpt
I categorize <a> into two: Links and Actions. Links will take you to another location, mostly for information while Actions could also do the same but with a more targeted purpose. Examples Links See my latest case studies Post by Author Name Actions Add New Category Edit Post Navigation Items Home Contact Settings Links can
Show More of Links and Actions
Main Post Title

Putting Skip to Content Into Context

Post Excerpt
Does the HTML markup of your website has an accessibility function in the form of “Skip to Content”? If yes, then you would notice that it is located at the topmost of the markup. This is as such in order to make it the first focus when using keyboard to navigate. Now you may ask,
Show More of Putting Skip to Content Into Context
Main Post Title

The Outline: That Thing Before the Wire Frame

Post Excerpt
As UI designers, it’s easy to jump into sketching UIs through wire frames. Afterall, UIs are commonly visual. But taking a careful step of planning before sketching is a rewarding way of ensuring that the information embedded into the UI is well-thought of.
Main Post Title

The Separation of HTML and CSS

Post Excerpt
In this basic HTML and CSS tutorial, we are going to demonstrate the following: the separation of HTML (content structure) and CSS (visual design) how to position a secondary element (like a graphic element or a label) thru CSS position: absolute and padding And some disclaimers: while it discusses semantics, it does not tackle accessibility
Show More of The Separation of HTML and CSS