👋 Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
About Snippet
Categories
0
Comment
I want to tell you… Whoo-oo… That I love you…
You won’t believe it. That was me singing.
Guess what? I was drunk last night. Maybe I should make this a template.
I found myself meeting up with my former officemates / drinking buddies, Peachy, Alex, JE, and Badong. Too bad, Mandy retired earlier. These beer-repapips made the tiresome work at the office bearable. Of course, the venue – at Stir-Crazy. I don’t remember shelling out money. Well, there were very little that I remember, anyway.
Then they all went away except for Peachy who stayed with me and my bottles of beer. Suddenly, my brother texted me; telling me to go to some beer-house at Timog. He needed my drinking-buddy expertise, and my sensible opinions on matters ranging from ants and dinosaurs to end-times religions. But mostly, it’s about love. It’s all about love.
When people who rarely call you up (to ask you how have you been) suddenly call, ninety percent of the time, they have a problem. And you know what it is about.
Cutting the long story short, we went home and at 4AM, I went to the other side of the street where the carinderia was still open. I had my dinner, finally. The papaitan was served smokin’ warm. After five minutes of wondering why in the world did I not have rice, I told the girl to give me one cup. I thought I was going to rot there staring at the viand.
The real moral here is that every Wednesday, I and my friends should have a Stir-Crazy session. That’s what I realized with my genius brain.
—
Originally published on Friendster, 18 January 2007
Categories
I miss Something New. A friend borrowed it for a Swatch photo contest.
I found Cozy But Nozy. I’ll be looking for this whitey in stores; wear it on my left wrist then give it to my girlfriend if she wants it.
—
Originally published on Friendster, 04 March 2007
Categories
Are you going to be in my dreams tonight?
In the end, the love you take is equal to the love you make.
~ The End by Beatles
—
Originally published on Friendster, 11 March 2007
Categories
I was lying down the barren bermuda grass with a triple-bent fork in my crotch talking about the Anahaw plant. That was a patch of land about six square meters. We used to wrestle and waste each other there, my cousins and I… Would you stay or would you not? Wait… consider that you were my childhood friend who used to cower away because I wanted to sing Christmas carols to neighbors?
Yes, you will leave me to die like a lunatic feast to blood-hungry-non-existent-malaria-infested mosquitoes.
My last thought was our cousin bleeding to death with his foot-long gash on his shin; wrestling with me to no avail.
—
Originally published on Friendster, 08 April 2007
Categories
It Is Sunday Morning
While everyone is asleep still, enjoying their respite from the yesterday’s bustle, I am wide awake. I let the hours pass by an occasional dreamless slumber.
I’ve been loved, hated, loved, hated, loved… And it always ends up the same. Never a cycle and my behavioral pattern abruptly ends at this point.
When it is Sunday morning, I am always like this kid back in the past waiting for the three o’ clock afternoon sun. How I like it up above; blistering, conducive to self-realization.
But I realize nothing but the solace of finding myself alone in the backyard just walking to and fro. Walking to and fro. Going nowhere.
Until I feel the heaviness of lifting the gate handle; watch it swinging behind me.
I am not leaving home. I will find another.
In your heart.
In another’s.
And most of all in my silence.
The very silence that will whisper to cross the street back and lock the gate; take a cigarette and watch people pass by.
—
Originally published on Friendster, 04 August 2007
Branching out from HopScotch, I am reformulating mostly the front-end of the theme. Here comes Applicator – which I plan to submit to WordPress Free Themes.
The basic HTML skeleton are based on WordPress Twentyfifteen and HTML5 Boilerplate / Mobile. Basically the content of <head> are snippets from these awesome frameworks.
Currently, I am building components one by one – starting from the Masthead constructor.
Files
- header.php
- functions.php
- > functions
- initial
- setup.php
- aside.php
- hooks.php
- markup
- html-class.php
- primary-navigation.php
- style and scripts
- styles.php
- scripts.php
- initial
Components of Masthead Constructor
- Web Product Name
- Primary Menu
Accessibility Features
- Accessible Names
- Sub-Navigation Toggle Action
Generic Components
- comp – Component
- notice – Message
- accessible_name – Labels for Accessibility
- axn – Actions
Classes
- State – the state of the UI
Folders
- functions – Functions
- js – JavaScripts
- css – Stylesheets
- img – Images
Notes
- Always escape text strings (e.g., <?php _e( ‘Label’, ‘domain’ ); ?>)
JavaScript Detection and Class Names
If JavaScript is supported/enabled by the browser, there are two classes added in <html>:
- js
Found in functions > setup.php. It replaces the default “no-js” class name that is added by default in <html>
JavaScripts
- html5.js
HTML5 Shiv – for IE 8 and below
Located in js > html5.js - plugins.js
To avoid console errors in browsers without a console
Located in js > plugins.js - skip-link-focus-fix.js
Makes “skip to content” link work correctly in IE9, Chrome, and Opera for better accessibility
Located in js > skip-link-focus-fix.js
Source: Twenty Fifteen WordPress Theme
CSS Layers
- HTML5 Boilerplate
normalize.css
main.css
Coming straight from H5BP, these stylesheets modify the default browser stylesheet for the better. It is considered “default CSS on steroids”. - Usability
usability.css
It adds usability to Active Elements and other elements that can be interacted with. - Layout
layout.css
Anything visual concerning spacings and dimensions goes here. - Typography
typography.css
Dealing with the CSS font properties. But if there’s a usability issue with the default font-size of an element, it goes to Usability. - Color
color.css
A touch of color for usability and visual design.
Structure
- Constructors
- Masthead
- Content
- Colophon
- Sub-Constructors
- Navigation
- Aside
Image Assets
- Vector Assets
located in img > vector-assets.php
called from header.php
Contains SVG markup of basic utility icons to enable color customization
Functions
HTML Class
Adds classes into <html>
- html
simply adds the class “html” so that CSS doesn’t need to use the element selector - masthead-aside–active / masthead-aside–inactive
class if Masthead Aside is active or inactive - view–front / view–inner
class if on the front page or inner page - browser–chrome / browser–gecko / browser–safari / browser–opera / browser–lynx / browser–ns4 / browser–ie / browser–unlisted
class depending on the browser user agent - device–mobile / device–not-mobile
based on wp_is_mobile() - theme–parent / theme–child
class if using a parent or child theme