👋 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
Beware the Pixel Police
Or designing straight in the web browser
0
Comment
I saw what you did there. The padding between form fields is 24 pixels. Please remove 8 pixels from that gap. Make sure to use the components provided.
Chief of Pixel Police
Well… yeah… it’s your fault. Components are ready-built — why can’t you just use it with all its pre-built goodnes. Why take matters into your own hands and decide 24 pixels here and 32 pixels there. Don’t ever do that next time. If you do, make sure to just move 1 pixel at a time to avoid detection. My brain whispered to me.
Beware
the
Pixel
Police
Can sarcasm be used for fun? Sure can! Actually, I don’t have any beef in using components, no matter how they scream for adjustments. But, hey, we are designers. We design — that’s what we do. We take, we break, and make it new again, in a different light. Better, I hope.
Riding on CSS
And this post is really about answering the question, “Can I really design in my browser?” Because I was thinking of using Figma in creating the visual design of the warning “Beware the Pixel Police”. But Figma also uses CSS, so I thought I’d just go straight up using CSS.
Get the style
- Background image via Unsplash Source (it changes every page load)
- Fluid typography via CSS clamp() function
- Fonts via Google: Permanent Marker and Montserrat
- 1:1 (square) ratio of the canvas via RatioBuddy
You may check out the HTML and CSS in CodePen:
Categories
First: stop. Pause. Take a deep breath. Look around. What do you notice? Are you experiencing this moment with someone else? Remember that this moment only comes once. Photography can be part of a beautiful experience. Just don’t let it be a block between you and reality. Be intentional, and don’t lose a beautiful, irreplaceable memory, because you were too focused on getting the shot.
Erin Sullivan in Does photographing a moment steal the experience from you?
Categories
12,400%
increase
An Adobe software, which cost ₱168,000 per unit, was listed as ₱21 million each in the proposed budget submitted by PhilHealth’s IT sector, a whopping 12,400-percent increase from its original price, the auditors said in their report also in May.
Marlon Ramos in COA flags ‘overpriced’ PhilHealth IT project
? ? ?
Categories
In the dunes, I touched this hairy caterpillar for the first time. It was an experience so profound in a time when touch is so limited.
Lucie Langston in I Am Stuck Between Two Lives During This Pandemic
Categories
We are all affected by this crisis. Some of us have been laid off and some of us have experienced even more difficulty in looking for work — whether it’s freelance or corporate.
For us who have tried to leap and transition from one organization to another — during the crisis — it was such a dilemma and a leap of faith, so to speak. Because for those who were not fortunate enough, they fell through the cracks when promises by the receiving organizations were really empty.
Indeed, in life there are no guarantees. We, as people, must improve our resilience and adaptability. And it is no different for designers.
Whichever case you may be in — whether you’ve just gotten your hands on your diploma or in the middle of your design career — I’m extending my helping hand as a way of giving back to the design community.
Now, more than ever, we must band together and help each other until, at least, we’re in a better place again.
Volunteer Work
- Set a mentorship schedule with me
- You may also check out the other mentors in ADPList
- Looking for a design community? Check out Design Buddies