
👋 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. 🥰
As the car in front of mine overtook onwards, a weird-looking pedicab emerged in view–a block of text on bright red paint caught my eye enough for me to tailgate this cruising balut vendor.
A balut or balot is a fertilized duck embryo that is boiled and eaten in the shell. It is commonly sold as streetfood in the Philippines.
Source: Balut (egg) on Wikipedia
We see how funny and ingenious our fellow vendors could be (also seen ubiquitously on jeepney decorations).
The transcription:
R3S-Balutan
Fragile
“Distancia Amigo”
Loaded with balut eggs
Sorry po sa kaunting delay!
The English transcription:
R3S-Balutan
Fragile
Distance, my friend
Loaded with balut eggs
Sorry for the slight delay!
Here’s a photo of Wild River Disco taken on April 27, 2011.
Anti-human trafficking agents of the National Bureau of Investigation (NBI) have rescued 16 girls, four of them minors, in a popular Pasay City disco bar known for its lewd shows recently.
Tempo
It’s easy to center-align a bunch of text:
[code lang=”html” title=”HTML”]
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
[/code]
[code lang=”css” title=”CSS”]
p {text-align:center;}
[/code]
But how do you center-align a list such as a ul
or an ol
with children set as inline (or side by side)?
Simply set the parent (ul
) to text-align:center
and the children (li
) to display:inline-block
[code lang=”html” title=”HTML”]
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
[/code]
[code lang=”css” title=”CSS”]
ul {
list-style:none;
margin:0;
padding:0;
text-align:center;
}
li {display:inline-block;}
[/code]
This is useful for footer links displayed in mobile browsers wherein you want texts to center-align.
Do: set default options for users to choose from–ideally the most common and provide a way for them to choose what is not initially presented.
Avoid: presenting a wide array of options that the interface gets cluttered and the users confused on which to choose.
Do: set default actions in the context of the task while still making other actions available.
Avoid: cramming available actions altogether; provide importance to actions which are more contextual than others.
—
Design principles are not rules to abide by but more of guidelines in designing products for users. They should be put in context and tweaked when necessary.