Volunteer Work
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
As an exercise on Front-End Development, The UI Team took a screenshot from instagram.com and treated it as if it were a design mockup.
We then proceed to deconstruct its Structure and Skeleton (Elements of UX) thru Information Architecture, Interaction Design, Information Design. The knowledge that arose in this deconstruction was used in building the HTML and CSS.
See the Pen Deconstructing Instagram by Brian Dys Sahagun (@BrianSahagun) on CodePen.
We, as Visual Designers, have experienced how time-consuming it was to build the Front-End of a design mockup basing only on a simple image.
The Design Handoff warrants to have more than the Brand Guidelines, Style Guide. It must also have some form of Information Architecture and Interaction Diagram that could greatly make Front-End Development faster.
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.