👋 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
Blue Jaycelle
And my photography process
1
Comment
My wife, Jaycelle, is a social media influencer and brand ambassador. This video was a photoshoot session we had for Closeup (check out her Instagram post about it).
Categories
Absolutes
On the concept of “absolutes”: If a color is the same as CSS named colors, name it as is or use the name itself:
--color-red: #ff0000;If you “invented” a color or base it on an existing brand color, “invent” a name for it, but always attach the name of the basic color:
--color-coagulated-red: #c93434;
--color-facebook-blue: #4267b2;Generics
On the concept of “generics”: Use these colors as basis for primaries, secondaries, accents, etc.:
--primary-color: var(--color-facebook-blue);Specifics
On the concept of “specifics”: Use the “generics” to identify colors of UI elements:
.submit-button { background-color: var(--primary-color) };
Categories
Put your defense down
Waiting On The Light To Change by Matthew Perryman Jones
Open up your heart and lay
All of it out
I know how hard it sounds
But loneliness will have its way
In feeding your doubts
Driving along a highway. At hundred twenty. It feels like god is watching you. The auto – buck naked – it’s only the chassis, the steering wheel, the seat, and you. You feel invulnerable in that speed because you see the rain speckles streak upwards yet you don’t feel the violent current of air that you’re piercing into.
We Stop and Go
Categories
Categories
Rebels at Work Personal Stories
Republishing a rebel story
Brian Dys Sahagun
Product Design Lead at Voyager Innovations and Founder of DysineLab
What has been your most notable rebel accomplishment or experience?
The user interface team at Chikka has managed to incorporate a vital step in the design process. Before, sketches and wire frames were sidestepped in the process of developing web products. Now we have shared the knowledge with product developers that those are important in every project.
Categories
Beware the Pixel Police
Or designing straight in the web browser
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: