SVG Animation
This project involved optimizing an existing web page by replacing image icons with SVG graphics and animating them where appropriate.
Skills Required
SVG, CSS3, CSS Animation
Grade
Exceeds Expectations
Reviewer's Comments
Awesome work on this project Brendan! It's looking great and the wink hover is super cool.
Working with APIs
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.
Skills Required
APIs, AJAX, JQuery, JSON, JSONP, HTML5, CSS3
Grade
Exceeds Expectations
Reviewer's Comments
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!
Custom Video Player
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.
Skills Required
HTML5 Video API, JavaScript, JQuery, CSS3
Grade
Exceeds Expectations
Reviewer's Comments
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!
Photo Gallery
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.
Skills Required
JavaScript, JQuery, CSS3, HTML5
Grade
Exceeds Expectations
Reviewer's Comments
Great job! Congratulations on using all your own JavaScript to build out this project. No plugins here! You've built a great gallery and added all the features we asked.
Dashboard
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.
Skills Required
Charts.js, Javascript, JQuery, CSS3, HTML5
Grade
Exceeds Expectations
Reviewer's Comments
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!
Page Speed Optimization
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.
Skills Required
Gulp, JavaScript, TinyPNG, npm, Sprites, gzip, minification
Grade
Exceeds Expectations
Reviewer's Comments
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.
Hi, I'm Brendan Layton. I love creating digital campaigns from first to final interaction; analyzing and improving them along the way. Contact me if you’d like to talk.