Developer Tool tricks, dissecting code and image optimization

Timestamps:

05:02— All of Puno’s favorite developer tool tips & tricks (Elyn E)

  • Color picker and color format

  • Search

  • Network filmstrip allows you to see how your page renders from start to finish by grabbing screenshots throughout the loading process

  • Font

  • Change html - delete spacers

  • Copying an element's properties

13:00 — Puno explains how she learns design through context & investigation.

26:41 — How Puno dissects code

29:51 — Also what is a code editor and is it important to use? (Gabrielle)

33:39 — If you're building a site and not designing it, how much should your hourly rate be? We also discuss breaking down your hours for clients (Krystal)

38:56 — Puno breaks down image optimization.

41:54 — How does CSS in Squarespace work? (Caroline)

51:14 — Learning frustrations when it comes to learning two platforms at once, and how to juggle a few projects at once. (Katrien)

53:36 — Overlapping text and image blocks (Caroline)

👋🏼 www.instagram.com/ilovecreatives
📞 Ring ring, got a question? https://ilovecreatives.com/1800heypuno

▶ Check out my gear on Kit: https://kit.com/ilovecreatives

Live WorkshopsPunoSection 3 - Custom Sites