Entries Posts

Entry Module
Main Post Title
Post Content

Checking out Lighthouse for automated website audits.

Main Post Title

CSS :not Pseudo-class or Negation?

Post Content

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

Main Post Title
Post Content

Setting my eyes on Polymer and Electron.

Main Post Title

Blank Post Title in WordPress

Post Content

When posting in Status format, you may only post in the content area and leave the title blank.

In case you do not want the WordPress generated ID of the post, you may choose to have a ISO 8601 Timestamp.

Edit the slug of your post and paste the timestamp.

Main Post Title

Using CSS Variables

Post Content

See the Pen Using CSS Variables by Brian Dys Sahagun (@BrianSahagun) on CodePen.

Main Post Title

Deconstructing Instagram

Post Content

As an exercise on Front-End Development, The UI Team took a screenshot from instagram.com and treated it as if it were a design mockup.

We then proceed to deconstruct its Structure and Skeleton (Elements of UX) thru Information Architecture, Interaction Design, Information Design. The knowledge that arose in this deconstruction was used in building the HTML and CSS.

See the Pen Deconstructing Instagram by Brian Dys Sahagun (@BrianSahagun) on CodePen.

We, as Visual Designers, have experienced how time-consuming it was to build the Front-End of a design mockup basing only on a simple image.

The Design Handoff warrants to have more than the Brand Guidelines, Style Guide. It must also have some form of Information Architecture and Interaction Diagram that could greatly make Front-End Development faster.

Main Post Title

Intentions Oriented Programming

Post Content

HTML could accommodate Intentions Oriented Programming (IOP).

IOP is based on intentions rather than constructs.

Code could be validated but a deeper level and meaning depends on the intentions of the programmer.

Main Post Title

First Setup After Running a WordPress Multisite

Post Content

After creating your first site under a Main Site, preview it and you will see icky defaults.

Here’s a list of what to setup so you would be on your way blogging:

  1. Settings
    1. Tagline
    2. Timezone
    3. Week Starts On
    4. Permalink (Post Name)
  2. Appearance > Customize
    1. Header Image (hide)
  3. Posts > Categories
    1. Change “Uncategorized” to “Updates”
    2. Also update the slug
  4. Pages > All Pages
    1. Change “Sample Page” to “About”
    2. Also update the slug
  5. Posts > All Posts
    1. You could either change the Hello World post into your own welcome message or completely delete it.

Check your site again to see if everything’s looking good.

Main Post Title

Removing /blog from Main Site of a WordPress Multisite

Post Content

Bet you also hated this:


That looks redundant. No need to put up with it.

Here’s how to remove the “blog” slug from the permalink of your main site in a WordPress Multisite sub-directory installation:

First, Edit Permalink

  1. Go to Network Admin > Sites
  2. Click “Edit” on the Main Site (don’t click the actual name of the Main Site)
  3. On the Edit Site page, go to the Settings tab
  4. Look for the section of Permalink Structure
  5. Remove “/blog”
  6. Save Changes, of course

Last, Refresh Permalink

  1. Now go to the Dashboard of your Main Site
  2. Go to Settings > Permalink (this section is different from the first step)
  3. Choose Custom Structure and in the field, enter “/%postname%/”
  4. Again, Save Changes

That will refresh your permalink structure and in the last step, the permalink will probably revert back to Post Name instead of Custom Structure (although they are the same using”/%postname%/”).

Go to your site and check if the index and post pages are working properly.

Main Post Title

Active Area (AA) and Framing

Post Content

See the Pen HTML / CSS Technique: Active Area (AA) and Framing by Brian Dys Sahagun (@BrianSahagun) on CodePen.1820