B R A I N S T O R M I N G
Contact page for me, Mel Jones also a resume/cv of sorts
S E C T I O N S
-
Introduction/About me -
-
Language proficency - HTML CSS JavaScript
-
Education/ Courses completed - Jonas Schmedtman Andrei Neagoi Scrimba FCC
-
Links to projects -
-
Work Experience -
-
Interests / work & non work -
L A Y O U T do these refresher courses before you begin!.. https://scrimba.com/g/ghtml https://scrimba.com/g/gintrotocss https://scrimba.com/g/gcssvariables https://scrimba.com/g/gR8PTE https://scrimba.com/g/gflexbox
and maybe.. https://scrimba.com/g/gbuildablog thoughts on Bulma??.. https://scrimba.com/g/gbulma
Layout ideas..
text in a box / floor fade / tinting / popping text https://css-tricks.com/design-considerations-text-images/ https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-2-430de537ba96 https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
animation / variable fonts / gradients / colour https://uxplanet.org/2019-ui-and-ux-design-trends-92dfa8323225
Multi-line padded text / Vertical writing etc.. https://css-tricks.com/your-brain-on-front-end-development/
Breadcrumb ribbons https://css-tricks.com/oh-the-many-ways-to-make-triangular-breadcrumb-ribbons/ tag shape https://css-tricks.com/using-box-shadows-and-clip-path-together/
woah epic CSS article.. https://medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11 builing UI from scratch.. https://ishadeed.com/article/building-ui-design-scratch/
intro to web components read?? https://css-tricks.com/an-introduction-to-web-components/
Hierarchy How does the design guide your focus? What information is highlighted? How does color and text treatment signal the importance of certain elements?
Content What specific wording was chosen for this experience? What content is visible and more interestingly, what content isn’t? How is spacing used to frame the content?
Intent Why would someone open this app? What problem does it solve? How could the design help to solve that problem even better?
Audience Who are the people using this product? How might their use cases be different from yours? How does the design serve these use cases?
Bio (or about page)
Photo builds trust
Call to action (CTA) a button
Contact Info email address and social media, twitter, linkedin, insta
Skills what tech you know what skills are or services
Experience projects evidence to the skills listed
optional.. volunteer work, education, awards
critical.. Perspective who you are trying to attract what theyre looking for
New users are coming to your product with a sense of uncertainty and a host of existing habits.
- Innovation and Creativity
- Enthusiasm
- Teamwork
- Willing to Grow Through Criticism
@laurieontech New compassionate Tech values
- Humility
- Inclusion
- Cooperation
- Learning
- Being a mentor
HYGGE to focus on the moment make the ordinary extraordianry, making the normal special
building community
- subtle
- sensual
- feel/smell
- gentle joyfulness
- empowering
- well being