Author: anh

  • how to: reduce stress as a web designer

    how to: reduce stress as a web designer

    anh’s note from reading Dealing With Stress As A Designer: Here’s What Research Says by Ollie Campbell: Step 1: Recognize Burnout Step 2: Manage Presentation Anxiety Step 3: Embrace Negative Feedback takeaways Life is too important to be taken seriously. Let yourself be happy and take chances on stuffs, with really good breaks and good…

  • how to: present your website to client

    how to: present your website to client

    anh’s note from reading How to Present Design to Clients (7 Steps) by Design Force: Step 1: Use a Strong Presentation Design Step 2: Revisit the Brief Step 3: Explain the Research Step 4: Document the Process Step 5: Showcase the Final Options Step 6: Bring Your Designs to Life Step 7: Listen to Feedback

  • how to: code flexbox carousel gallery

    how to: code flexbox carousel gallery

    anh note’s for additional research on Project 3: Small Business Website Step 1: Set up your HTML structure First, create the HTML structure for your carousel gallery. This will include a container for the carousel and individual items within it. Step 2: Style the carousel using Flexbox Next, use CSS Flexbox to style the carousel and…

  • how to: code a good navigation bar and footer

    how to: code a good navigation bar and footer

    anh note’s for additional research on Project 3: Small Business Website 2. HTML Structure: 3. Navigation Bar: Example: 4. Footer: Example 5. CSS Styling: Example Testing and Optimization:

  • how to: use div, map, and flexbox in web design

    how to: use div, map, and flexbox in web design

    anh note’s for additional research on Project 3: Small Business Website DIV for Structural Layout Additional Resource: HTML div element and CSS by Sparisoma Viridi MAP for Image Mapping Additional Resource: HTML Image Map Tutorial by Portfolio Course Flexbox for Flexible Layouts Additional Resource: Understanding Flexbox: A Comprehensive Guide by Make Computer Science Great Again

  • how to: code a website

    how to: code a website

    anh note’s for additional research on Project 3: Small Business Website Case Study: Coding for Sam’s Smokehouse Website Step 1: Brief & Site Map Step 2: Persona Step 3: Kit of Parts/Style Tile Step 4: Writing Content and Gathering Images Step 5: Preliminary Work/Research Step 6: Layout Design Step 7: Create a DIV Map Step…

  • website user experience, explained.

    website user experience, explained.

    User Experience (UX) is hard. I mean like hard, very hard. Empathy is the core of UX, which is the ability to carefully listen and observe the problem designers try to solve. Listening, in this situation, can’t be simply understood as what you do with your ears, but you need to critically listen by engaging…

  • how to: run “hello, world” in java

    how to: run “hello, world” in java

    The phrase “hello, world” is much more than a pretty script animation whenever you got a new Apple product. There is a reason behind why they brings it up every time they start something new. Being able to run a “hello, world” program in Java script doesn’t necessarily start the whole programming industry, but its…

  • how to: code donut-shaped C code that generates a 3D spinning donut

    how to: code donut-shaped C code that generates a 3D spinning donut

    When I thought of coding tutorial, I know I must a post on donut-shaped C code that generates a 3D spinning donut. It’s just so legendary that you have to know it. Although I’m good at math in highschool, I haven’t touched math for the last 3 years. In this post, instead of bombing with…

  • how to: use figma

    how to: use figma

    In the design community, there is no constant debate on the best UX/UI design. There is zero question between Figma and Adobe XD. Figma is just the one to go and can be seen in all designer’s workflow. Even for a not-related project like rebranding for Rhode Island School of Design, Andrea Trabucco-Campos, Creative Director…