👋 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
You know what happens in Week 1, right? Yes, planning. In other words, nothing… yet. All on pencil and paper.
The action begins in Week 2. Now, here are some of the things that are new to me:
Categories
Designers must establish a typographic hierarchy in their web designs.
This is not random; this is written in a style sheet; this is designed.
The typographic hierarchy aids in making reading web texts easier.
Categories
When posting in Status format, you may only post in the content area and leave the title blank.
In case you do not want the WordPress generated ID of the post, you may choose to have a ISO 8601 Timestamp.
Edit the slug of your post and paste the timestamp.
Categories
CSS Objects are selectors.
CSS Buckets are rules.
Prioritize defining objects over defining rules.
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”LjjVWE” default_tab=”css” user=”BrianSahagun”]See the Pen CSS Jot Down 1: Prioritize Objects by Brian Dys Sahagun (@BrianSahagun) on CodePen.[/codepen_embed]
The purpose is to make each object independent.
Use CSS variables for shared styles when possible.
Someday soon, there will be a CSS function that would apply a rule to a selector.
Combine objects:
- when applying hacks
- when applying resets
- when applying visual design modifiers
- when applying usability enhancements
Prioritize objects:
- when applying visual design modifiers
- when in doubt
Categories
HTML could accommodate Intentions Oriented Programming (IOP).
IOP is based on intentions rather than constructs.
Code could be validated but a deeper level and meaning depends on the intentions of the programmer.
Categories
I categorize <a> into two: Links and Actions.
Links will take you to another location, mostly for information while Actions could also do the same but with a more targeted purpose.
Examples
Links
- See my latest case studies
- Post by Author Name
Actions
- Add New Category
- Edit Post
- Navigation Items
Links can be left alone in CSS – because they are buried in paragraphs or sitting beside other texts. Actions require styles that will enhance their usability – like padding to increase its active area (easier to click).