Category: tutorial

  • 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…

  • 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…