Light

Brynn Arbour photo

brynnarbour Goto Github PK

followers: 0.0 following: 0.0 repos: 28.0 gists: 0.0

Name: Brynn Arbour

Type: User

Bio: Web Design & Development Student at NAIT | Future UX/UI Enthusiast 🌱 Open to Collaborations

Location: Edmonton, Alberta

🌱 Brynn Arbour - Web Design and Development Student 🌱

About Me

Hello, I'm Brynn, a dedicated web designer and developer deeply passionate about crafting immersive digital experiences that seamlessly blend aesthetics with functionality. With a keen focus on UX/UI design principles, I strive to create websites that not only captivate users visually but also intuitively guide them through seamless interactions.

My development skills encompass a thorough understanding of front-end technologies and techniques, ensuring that every aspect of the user journey is meticulously crafted. From wireframing to deployment, I am committed to delivering high-quality work that exceeds expectations and drives tangible results.

Currently, I'm pursuing my studies at NAIT (Northern Alberta Institute of Technology) with a graduation target set for April 2024. My goal is to specialize in UX/UI design, leveraging my technical skills and creative eye to contribute positively to the digital landscape.

Skills & Tools

JavaScript
PHP
React
CMS (WordPress, Joomla)
HTML/CSS
UX/UI Design
Tailwind
Material UI
Figma
Adobe Creative Cloud

Collaboration:

Enthusiastic about working in teams and open to collaborative projects.

Tech Stack:

GitHub Stats:

Brynn Arbour's Projects

arbour-scrolling-techniques

in class lab 5

brynnarbour

Brynn Arbour Personal GitHub Profile

css-grid-build-2023

demo-bootstrap-layout

demo-card-component

demo-columns

demo of columns January 25th

demo-flex-grow-shrink

Demo for using the flex-grow and flex-shrink on flex items

demo-fluid-to-fixed

responsive web design using fluid and fixed width container

demo-layout-with-positioned-items

Demo a typical layout with some strategically positioned elements

demo-media-queries

Demo using media queries in css

demo-media-queries-day-2

A flexbox layout with media queries to change the content layout

demo-multi-level-nav

Demo a multi-level nav with dropdowns

demo-picture-element

Demo using the picture element to swap out different images at different screen sizes. Used in art direction

demo-positioning-properties

Learning the different positioning properties

demo-responsive-form

Demonstration of responsive form with HTML5 form elements

demo-rotating-flex-container

Showing the rotating axis and properties of a flex container

demo-scroll-techniques

demo-single-level-nav

Demo of a simple responsive, adjustable navigation

demo-sticky-fixed-position

demo-styling-forms

Demo to style forms using pseudo classes and attributes.

demo-toggle-nav

Demo of a mobile nav with a toggle feature to show/hide

demo-toggle-with-multi-level-nav

Demo of a multi-level, dropdown navigation that has a show/hide function for the smaller screen

demo-web-fonts

System fonts, font libraries, and self hosted fonts

exercise-positioning

An exercise to position elements

first-repo-from-github

this is my first time creating a repo on github

in-class-5

scrolling techniques

navigation-media-queries

Building a nav with media queries

new-project

First Git Repo

1

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.