Category: tutorial
-

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