βLink to site..
Technology Used | Resource URL |
---|---|
HTML | https://developer.mozilla.org/en-US/docs/Web/HTML |
CSS URIS | https://css-tricks.com/data-uris/ |
Git | https://git-scm.com/ |
Javascript | https://www.javascript.com/ |
Linear Gradient + Offset | https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient |
Circle Avatar | https://www.w3schools.com/howto/howto_css_image_avatar.asp |
CSS Blur | https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur |
βHey hey people. New challenge here.
This was a big learning project! Lots of great new CSS selection tools.
The biggest learning curve here was figuring out precisely how to use the psuedoclass selectors.
The biggest learning curve was figuring out how to adjust the sizing of containers to suit our content, figuring out how to center things and why things would not center was a big pain.
Creating links that are also images, creating on hover effects, learning how to use linear gradient.
Semantically, I think the site could use improvements, I'm not 100% clear on how or where to put articles and sections.
All in all, it's an okay site. We built this site because building a portfolio website is an important task for any kind of web developer.
In the future, it would be nice to have some kind of overlay on each image with a label to show what they are.
Simply click on the links on the top to use
Positioning of elements was invaluable, practice using Flex + Grid and visualizing the relationshipbetween the objects in the tree.
Coffee
MIT LIcense