jcampbell18 / web_portfolio-v1

My Portfolio

Winter 2019 Web 2: Portfolio Project. In a DIY framework.

Dependencies

• Normalize CSS
• jQuery Libary
• Light Gallery
• Light Gallery Plugin: Zoom
• Light Gallery Plugin: FullScreen
• AnimateCSS
• AnimateCSS jQuery Plugin

The Design Process

Design System

• Fonts
• Color Palette
• Images
• Icons
• other misc.

Remix

• gathering sections of 6 different sites (i.e., pinterest)

• each site contained something specific for my vision (header, nav, body, footer, etc.)
• layed everything out according to those specifics

Wireframe

• created wireframe according to new layout

Mock-up

• inserted values according to the Design System
• inserted images and text fillers to produce inspired vision of pre-final product

Code

• HTML5
• CSS3
• Javascript, jQuery