Howdy

I code websites and data-driven web apps

Get in touch
Photo of Laura Salgado with a light yellow circular shape in the background. She's wearing a white and black striped t shirt.

Previous Work

Development Portfolio

Screenshot of Celine Dion's website. Photo of Celine Dion wearing a sparkling red ballgown and standing in front of a tall flame. Text reads Celine Dion Courage.

Céline Dion

  • Agency project•
  • Custom WordPress theme•
  • PHP•
  • CSS Animation•
Screenshot of Mark Knopfler's 2019 website with a light blue colour theme. Photo of an empty road leading to the far-off horizon. Text reads Down the Road Wherever the new album from Mark Knopfler out now.

Mark Knopfler - Dire Straits

  • Agency project•
  • Custom WordPress theme•
  • PHP•
  • Website design (previous 2019 version)•
Screenshot of the Animal Movie Generator app. Photos of three movie posters: The Hobbit, Arachnophobia, and Charlotte's Web.

Animal Movie Generator

  • Personal project•
  • React•
  • API•
  • Axios•
  • JavaScript App•
Screenshot of Celine Dion's website. Photo of Celine Dion wearing a sparkling red ballgown and standing in front of a tall flame. Text reads Celine Dion Courage.

Céline Dion

  • Agency project•
  • Custom WordPress theme•
  • PHP•
  • CSS Animation•
Screenshot of Mark Knopfler's 2019 website with a light blue colour theme. Photo of an empty road leading to the far-off horizon. Text reads Down the Road Wherever the new album from Mark Knopfler out now.

Mark Knopfler - Dire Straits

  • Agency project•
  • Custom WordPress theme•
  • PHP•
  • Website design (previous 2019 version)•
Screenshot of the Animal Movie Generator app. Photos of three movie posters: The Hobbit, Arachnophobia, and Charlotte's Web.

Animal Movie Generator

  • Personal project•
  • React•
  • API•
  • Axios•
  • JavaScript App•

I like stickers

Tech Skills & Tools

  • JavaScript Frameworks

    • React
    • Vue
    • Nuxt 2
    • Nuxt 3

  • Headless CMS

    • Strapi
    • Prismic
    • WordPress REST API
    • WPGraphQL

  • Theming CMS

    • Shopify Custom Themes
    • WP Custom themes and child themes
    • Customization of widely used WP plugins, e.g. WooCommerce

  • Code Basics

    • HTML5
    • CSS3 with Sass, Tailwind
    • JavaScript, TypeScript
    • PHP

  • Dev Environment & Server Management

    • Run my own AMP stack dev environment with Apache, MySQL, PHP and phpMyAdmin
    • SSH to deploy code from GitHub
    • MYCLI for MySQL for copying databases
    • SCP to move databases
    • Configure and manage Node.js servers
    • PM2 to control app processes
    • NGINX error logs to troubleshoot WordPress

  • Accessibility

    • Advocate of correct semantic HTML and building with inclusivity
    • Work is built to WCAG 2.1 AA level requirements
    • Many improvement projects done on existing sites
    • Love helping devs learn how to get big wins with small changes

  • Design Tools

    • Figma
    • Adobe
    • Sketch

Getting weird

CSS Art & Animation

Illustration of 3 mango calla lily flowers in blended shades of red, orange and yellow on a dark background.
  • Pure CSS illustration
  • Painted from photo reference
  • Layering and transparency
  • CSS gradients
CodePen
Cartoon style illustration of a cute red panda with a large face wearing a blue business suit on a light blue background
  • Created SVG assets in Sketch
  • GSAP
CodePen
Illustration of a circular spider web. The word terrfic is formed by web lines in the center. A small black spider hangs from a web line in the top left of the web.
  • Created SVG assets in Sketch
  • Manual SVG animation
CodePen
Black and white illustratioon of a white cat sitting on a table. The table has a long tablecloth with thick black and white stripes. The initials M.C.E. are in the top left.
  • Pure CSS illustration
CodePen
Icon of two overlapping chat bubbles on a circular teal background. The chat bubble in front shows simplified lines of text.
  • SVG animation
  • GSAP
  • Timelines
CodePen
Line drawing of a striped cat wearing a bowtie.
  • SVG Animation
  • GSAP
  • TweenMax
CodePen
Illustration of Laura Salgado's head and shoulders on a light blue background. She has brown hair and is wearing a black t shirt. Text reads hover on laura.
  • Manually animated
  • Pure CSS illustration
CodePen
Line drawing of a smiling cat's face.
  • Manual SVG animation
CodePen
Screenshot of group of UI buttons that read No Rain, Light Rain, Heavy Rain, Night Mode, Dusk Mode and Lightning. The background shows an image of rain and lightning in dusk colours.
  • Manual SVG animation
  • Interactive
CodePen
Illustration of 3 mango calla lily flowers in blended shades of red, orange and yellow on a dark background.
  • Pure CSS illustration
  • Painted from photo reference
  • Layering and transparency
  • CSS gradients
CodePen
Cartoon style illustration of a cute red panda with a large face wearing a blue business suit on a light blue background
  • Created SVG assets in Sketch
  • GSAP
CodePen
Illustration of a circular spider web. The word terrfic is formed by web lines in the center. A small black spider hangs from a web line in the top left of the web.
  • Created SVG assets in Sketch
  • Manual SVG animation
CodePen
Black and white illustratioon of a white cat sitting on a table. The table has a long tablecloth with thick black and white stripes. The initials M.C.E. are in the top left.
  • Pure CSS illustration
CodePen
Icon of two overlapping chat bubbles on a circular teal background. The chat bubble in front shows simplified lines of text.
  • SVG animation
  • GSAP
  • Timelines
CodePen
Line drawing of a striped cat wearing a bowtie.
  • SVG Animation
  • GSAP
  • TweenMax
CodePen
Illustration of Laura Salgado's head and shoulders on a light blue background. She has brown hair and is wearing a black t shirt. Text reads hover on laura.
  • Manually animated
  • Pure CSS illustration
CodePen
Line drawing of a smiling cat's face.
  • Manual SVG animation
CodePen
Screenshot of group of UI buttons that read No Rain, Light Rain, Heavy Rain, Night Mode, Dusk Mode and Lightning. The background shows an image of rain and lightning in dusk colours.
  • Manual SVG animation
  • Interactive
CodePen
Illustration of 3 mango calla lily flowers in blended shades of red, orange and yellow on a dark background.
  • Pure CSS illustration
  • Painted from photo reference
  • Layering and transparency
  • CSS gradients
CodePen
Cartoon style illustration of a cute red panda with a large face wearing a blue business suit on a light blue background
  • Created SVG assets in Sketch
  • GSAP
CodePen
Illustration of a circular spider web. The word terrfic is formed by web lines in the center. A small black spider hangs from a web line in the top left of the web.
  • Created SVG assets in Sketch
  • Manual SVG animation
CodePen
Black and white illustratioon of a white cat sitting on a table. The table has a long tablecloth with thick black and white stripes. The initials M.C.E. are in the top left.
  • Pure CSS illustration
CodePen
Icon of two overlapping chat bubbles on a circular teal background. The chat bubble in front shows simplified lines of text.
  • SVG animation
  • GSAP
  • Timelines
CodePen
Line drawing of a striped cat wearing a bowtie.
  • SVG Animation
  • GSAP
  • TweenMax
CodePen
Illustration of Laura Salgado's head and shoulders on a light blue background. She has brown hair and is wearing a black t shirt. Text reads hover on laura.
  • Manually animated
  • Pure CSS illustration
CodePen
Line drawing of a smiling cat's face.
  • Manual SVG animation
CodePen
Screenshot of group of UI buttons that read No Rain, Light Rain, Heavy Rain, Night Mode, Dusk Mode and Lightning. The background shows an image of rain and lightning in dusk colours.
  • Manual SVG animation
  • Interactive
CodePen

School is cool

In-person Education

2023

DDC Super Workshop: Graphic Design and Logo Design

1 day workshop

FITC

Instructed by: Aaron Draplin,

2017

Meet Your Screen Reader

Evening workshop

HackerYou (now Juno College) Accessibility Club

Instructed by: Terry Brey,

Web Animation 0 to 60: CSS, JavaScript, and SVG Essentials

2 day workshop

Web Animation Workshops

Instructed by: and Sarah Drasner, and Val Head,

2016

Web Development Bootcamp

Full-time

HackerYou (now Juno College)

Instructed by: and Drew Minns, and Kristen Mehendale Spencer, and Ryan Christiani,

JavaScript Intensive

Part-time

HackerYou (now Juno College)

Instructed by: Wes Bos,

2015

Intro to Web Development

Part-time

HackerYou (now Juno College)

Instructed by: Haris Mahmood,

8 Years of picking things up

At-work Education

Agency Know-How

  • Content creation
  • UX/UI design and development
  • Logo and identity fundamentals

Practiced at

  • ACF logo All things Advanced Custom Fields
  • Programming with ISO date formatting
  • Handling form data, hooking submissions to WordPress via Gravity Forms API

Team Skills

  • Rolling with ongoing changes to the plan, agile methodologies, iterative development
  • Fidelity to design specifics, feature planning, asking design questions
  • Tracking my time between projects and sharing daily updates on my work
  • Talking about technical details with clients in ways that non-technical people can understand
  • Both sides of rubber ducking with teammates

Posts and things

In The Media

Three photos: a screenshot of Celine Dion's website, a selfie of Laura and a cute white cat, and Laura's CSS art of orange lillies.

Juno College Blog

From Coding Newbie to Coding Celine Dion's Website: Laura Salgado's Journey into Tech

Sennah Yee

As part of Juno College's "Student Stories", I talk about my career transition and share support for tech newcomers.

Read

Codepen Radio Podcast

Episode 134

Chris Coyier & Marie Mosley

The group discusses the Creative Coding Club and dissects one of my first CSS art projects.

Listen