Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bccpadge/cris-paul-portfolio
Personal Photography Portfolio using HTML, CSS & JavaScript
https://github.com/bccpadge/cris-paul-portfolio
html-css-javascript portfolio-website responsive-web-design
Last synced: 15 days ago
JSON representation
Personal Photography Portfolio using HTML, CSS & JavaScript
- Host: GitHub
- URL: https://github.com/bccpadge/cris-paul-portfolio
- Owner: bccpadge
- Created: 2023-09-05T00:05:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-05T00:32:08.000Z (over 1 year ago)
- Last Synced: 2023-09-05T08:10:09.241Z (over 1 year ago)
- Topics: html-css-javascript, portfolio-website, responsive-web-design
- Language: HTML
- Homepage: https://bccpadge.github.io/cris-paul-portfolio/
- Size: 2.36 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Photography Portfolio - Cris Paul
## Table of contents
- [Project Description](#project-description)
- [Project thumbnail](#project-thumbnail)
- [View Website ](#view-website)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Useful Resources](#useful-resources)
- [Interesting Articles](#interesting-articles-i-found)
- [Author](#author)
- [Video Credit](#video-credit)## Project Description
This is personal photography portfolilo website that has some cool features like a slider built with library a11y slider and animate elements with JavaScript libraries.
## Project thumbnail
![Project thumbnail](./thumbnail.png)
## My Process
### Built with
![]()
![]()
## What I learned
I focused on accessibility a lot when building the website. The navigation was built desktop-first and then went to the mobile version. You don't have to override a lot CSS styles with a max-width media query.
[Mobile-first vs Desktop-first](https://ishadeed.com/article/the-state-of-mobile-first-and-desktop-first/)## View Website
- Live Demo: [Github Pages](https://bccpadge.github.io/cris-paul-portfolio/)
## Useful Resources
- Make your own favicon icon - [Favicon](https://favicon.io/)
- A11y slider - [Documentation](https://a11yslider.js.org/)
## Interesting Articles I found
- The New Evolution of Responsive Design - [Responsive Design](https://elad.medium.com/the-new-responsive-design-evolution-2bfb9b504a4e)
- [Progressive Enchancement](https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement)
## Author
## Video credit
- [Watch the tutorial on YouTube](https://youtu.be/E1ZjV2oVTY0)