This project involved optimizing an existing web page by replacing image icons with SVG graphics and animating them where appropriate.
SVG, CSS3, CSS Animation
Awesome work on this project Brendan! It's looking great and the wink hover is super cool.
Using the Open Library API, this webpage populates results in response to a book cover search. Clicking on a search result opens a lightbox that includes further information.
APIs, AJAX, JQuery, JSON, JSONP, HTML5, CSS3
You've got all the advanced stuff implemented and it works great. I like the additions you made to easily move between the detail popups!
This video player was built using the HTML5 Video API. The video and transcript are sychronized; clicking the transcript takes you to the corresponding section of the video.
Really awesome work on the transcript highlighting. The slow fill transition is a really clever implementation, and adds so much to the functionality. Love the detail you put into changing the UI for mobile sizes, and accounting for the fact that "hover" doesn't exist. Overall fantastic work on this project, Brendan!
This photo gallery includes a search bar so that photos are shown or hidden depending on user input. The gallery includes a lightbox with navigation for moving to the next/previous photo.
This project invovled building a responsive web dashboard using Charts.js for the graphs, CSS flexbox for the layout and leveraging the browser's local storage to save user preferences.
Your Web App Dashboard project is terrific. Your widgets all look amazing. Great job implementing Charts.js and working with SVGs. Your site looks and functions beautifully. Your code and directory appear clean and well organized. Well done adding some extra features to your alert notification task. Smooth UI! Very cool! All in all, stellar work!
By taking advantage of an automated workflow with Gulp, this project required improving a poorly optimized page by reduce the total load size to under 1MB and file requests to under 23.
Holy smokes! Yours is the lowest number of file requests I've ever seen in this project! Awesome work! Your knowledge of workflow automation will make your life much easier as you move into more complicated frameworks and projects. Nice job pulling out all the stops on this one -- gzip, sprites, minification, gulp, etc.