Giter Club home page Giter Club logo

Zachary Price Design & Development

Hello! πŸ‘‹

My name is Zachary Price and I'm a user-centered Web Designer and Frontend Developer with a passion for Design Systems.

Fun Facts

  • πŸ”­ I’m currently working on my own design system.
  • 🌱 I’m currently learning Angular.
  • ⚑ Fun fact: I was a US Sailor for 10 years.
  • πŸ“« Reach out via Email

Skills

HTML 5 CSS 3 Javascript SASS Typescript Angular Bootstrap Git Figma Sketch

Links

Github | LinkedIn | Codepen | Website

Food for thought

✌Everything should be made as simple as possible, but not simpler.✌ Albert Einstein

Favorite Codepens

Pen (link) Description
CSS to Death 2 - SVG Has a Turn This is the updated SVG version of my original CSS to Death
Energy Meter Display Just wanted to give off animated energy vibes
Neonderthal I wanted to try my luck at creating a realistic neon sign look with CSS only
Custom font-swap for the @ symbol Here I wanted to build a scalable way to change the font anytime the @ symbol is used on a page
Responsively Responsive Responsiveness I built this to try and have something be as responsive as possible while also in cool grayscale color scheme
CSS Banner Animation This was an actual request that made it to production
React Multi-select Table This was built to showcase a responsive menu without the need for Media Queries (and since I wanted to try React I threw that in too)
CSS-only Bigfoot logo Just because I could (and... it's Bigfoot!
HSLa Color Programming with SASS Here I was playing around with the customizablity of HSLa and SASS and creating functions to generate all shades/tints/etc. based on a root color
Target Sibling Hover Effects The clever thing here is how the siblings of the item being interacted with also get styles applied to them

Github Stats

Top Langs

Profile views

Zachary Price's Projects

andy icon andy

Open-Source Collection of Useful SASS Mixins Library

css-reset icon css-reset

My own personal CSS Reset, leveraging some of the best resets out there as well as some tidbits I prefer

dev-app icon dev-app

Behold! A developer position to be filled!

editor.js icon editor.js

A block-styled editor with clean JSON output

instantsearch.js icon instantsearch.js

instantsearch.js is a library of widgets designed for high performance instant search experiences using Algolia

intense-images icon intense-images

A simple library to view large images up close using simple mouse interaction, and the full screen.

ityped icon ityped

Dead simple Javascript animated typing, with no dependencies.

keycodes icon keycodes

Easy visualizer for JavaScript KeyCodes

mustard-ui icon mustard-ui

A starter CSS framework that actually looks good.

onepage-scroll icon onepage-scroll

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin

sidebar-nav-scroll-shadow icon sidebar-nav-scroll-shadow

A subtle top & bottom shadow matching a background gradient to give the effect of the navigation fading up or down when the user scrolls over a lengthy sidebar navigation.

simplejscopy icon simplejscopy

:clipboard: A super small (~1kB) JS library for copying to the clipboard or selecting text and prompting the user. A full solution for all browsers and all devices.

tui.editor icon tui.editor

πŸžπŸ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.