👋 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
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!
Categories
Here’s a photo of Wild River Disco taken on April 27, 2011.
Location of Wild River Disco, EDSA, Pasay City
Recent news on Wild River Disco
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
Categories
Friday night–a badly-needed chillax sent us to Cubao Expo. Had dinner at Alan’s Grill and dessert at Sweet Ecstasy.
Categories
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.
Categories
Avoid making the user choose from too many options.
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.
Choose the most common/natural path for the users.
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.
Categories
For the longest time, I’ve been using Adobe Dreamweaver and Notepad++ in developing the front-end of websites (and I remember trying out PageMill long ago and resorted to Notepad).
I’m looking into one of Adobe’s projects: Brackets.
Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by Adobe, and is released under an MIT License.
Source: http://brackets.io/
It could be the middle ground between Dreamweaver and Notepad++–we’ll see.