👋 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. 🥰
How often it is that you find the need to send a message to yourself?
Maybe there’s a nice link that you want to check out later (but didn’t want to bookmark).
Maybe there’s a checklist item that you don’t want to forget at the moment (but didn’t want to open a checklist app).
What’s that ubiquitous app on hand that’s already there?
But you’d still be opening the app and compose a message to yourself.
Aha! The Messenger. Can you send a message to yourself? In Facebook Messenger, check! But in Google Hangouts, no check.
Google Hangouts – please allow sending messages to one’s self.
My parents went to Teekay office to officially file for Papa’s resignation. He served there for 25 years already. He resigned to get the remaining cash to invest into the car wash business. I am very proud of my father for sacrificing his time and strength to put us in good schools. And undoubtedly, my mother, who was physically there to guide us while growing up. I will always be grateful for my parents.
After building the Content Structure (HTML) of your website, the next step in the process is building its Visuals (CSS).
To be able to ease the process of writing the style sheets, we must segment it into levels:
- Level 1: Default (browser level)
- Level 2: Normalize (boilerplate level)
- Level 3: Modify (visibility and sizes level)
- Level 4: Template (functionality level)
- Level 5: Theme (custom level)
Ideally, each level must be buildt on top of the previous one yet still independent. For example, leaving the style sheet at browser level must present usable information. The same principle applies as one builds the style sheet level per level.
Level 3: Modify
- hide accessible names
- hide components
- set default state of components thru class names
- active element padding
- spacings (margins between components and paddings around components)
- dimensions are set at 100% for Mobile-First
Level 4: Template
- set the functionality of utilities such as Search and Navigation
Level 4: Theme
- background colors/images
- visual elements (badges, logos, lines/borders, shadows, corner radius)