derekmisler.github.io
Breakout! | Selected works created by Derek Misler.
http://derekmisler.github.io/breakout
This was a really fun project in Harvard's CS50x course. C, Graphical User Interface. View this project on GitHub. This was the first GUI problem set in Harvard's CS50x course. It's written in C and uses Stanford's Portable Library API. Height and width of games window in pixels. Number of rows of bricks. Number of columns of bricks. Define BRICKLENGTH ( WIDTH / COLS) - BRICKMARGIN). Define PADDLE Y HEIGHT - (BRICKHEIGHT * 2). Define PADDLE X WIDTH / 2 - BRICKLENGTH. Seed pseudorandom number generator.
derekmisler.github.io
Long-Form Storytelling | Selected works created by Derek Misler.
http://derekmisler.github.io/storylines
Two award-winning, multimedia, long-form editorial pieces. HTML5, CSS3, Less, jQuery, Looping Video, Responsive Design, Bootstrap. View this project on GitHub. These two projects for the Asheville Convention and Visitors Bureau, Explorers of the Blue Ridge Parkway. And The Science Behind Fall Color. Were inspired by a Pulitzer Prize-winning multimedia piece from the New York Times called " Snow Fall: The Avalanche at Tunnel Creek. The rest can be seen here. 1px cushion to trigger 100% event in iOS. Even ...
derekmisler.github.io
Tumblr API | Selected works created by Derek Misler.
http://derekmisler.github.io/tumblr-api
An example for the PR team for pulling in user-generated content from social media. Using the IFTTT service, they're able 'like' photos on other social channels, which will pull them into a catch-all Tumblr account that feeds into the primary website. Tumblr API, jQuery, Ajax, JSON. View this project on GitHub. Knowing the posts would only ever be images, I kept things simple with just an ajax call for the posts:. Http:/ api.tumblr.com/v2/blog/[tumblr name]/posts?
derekmisler.github.io
Student Database | Selected works created by Derek Misler.
http://derekmisler.github.io/student-database
A command-line interface project for a Programming with C# course taught by Microsoft through their edX.org program. C#, OOP in C#, .NET Framework. View this project on GitHub. The purpose of this project was to create a database of courses, teachers, students, and their grades. There is more to this than what's below, I just wanted to show two examples of classes: Creating an individual record and adding that record to a larger database. Learn more about the course here. Add them to the list.
derekmisler.github.io
Gulp Automation | Selected works created by Derek Misler.
http://derekmisler.github.io/automation-udacity
This is from an 'Automation and Web Tooling' course from Udacity. Gulp, Sass, 7-1 Pattern, Typeplate, Image Optimization, Concatination and Minification. View this project on GitHub. Coming from Grunt, I was pretty excited to try out Gulp since reading about how much faster it can be. This project is a pretty good base to start with if you'll be building an HTML, JavaScript, and Sass project. This project starts with the 7-1 Pattern. For the Sass architecture, and Typeplate.
github.com
GitHub - derekmisler/derekmisler.com: Repository for personal website
https://github.com/derekmisler/derekmisler.com
Repository for personal website. Http:/ www.derekmisler.com. Use Git or checkout with SVN using the web URL. Cannot retrieve the latest commit at this time. Failed to load latest commit information. New York, NY, United States. Http:/ www.derekmisler.com. Http:/ derekmisler.github.io. You can't perform that action at this time. You signed in with another tab or window. Reload. To refresh your session. You signed out in another tab or window. Reload. To refresh your session.
derekmisler.github.io
Redesigning Explore Asheville | Selected works created by Derek Misler.
http://derekmisler.github.io/explore-asheville
The second redesign of ExploreAsheville.com, tourism website for the Asheville Convention and Visitors Bureau. HTML5, CSS3, Goatee (JavaScript framework), Responsive Design. View this project on GitHub. The new website also utilizes a responsive design, with breakpoints for tablet and mobile devices:. Nodejs is used to handle the back-end, but the front-end of the site takes advantage of a custom framework with really simple syntax called Goatee. Used to represent a positive. Check this one out, this is ...
derekmisler.github.io
Social Network Relationships | Selected works created by Derek Misler.
http://derekmisler.github.io/social-network-relationships
A command-line interface project for an Advanced Topics in Python course from Udemy. View this project on GitHub. The purpose of this project was to map the relationships of two people based on locations they've visited in the past. It's used to find similarities between people, like a social network would in order to recommend potential new friends. Return the shortest path from node1 to node2. Derek is a front-end developer with a design background and 10 years of experience.
derekmisler.github.io
Music Scene Angular App | Selected works created by Derek Misler.
http://derekmisler.github.io/music-scene
Music Scene Angular App. This was an Angular app built to overcome limitations in an old CMS. It simply pulls editorial content into the randomly-sorted widgets that link to other sections of the site. The design of the widgets eventually became the inspiration for the new ExploreAsheville.com. The sorting was done using the Fisher Yates shuffle (found here: http:/ bost.ocks.org/mike/shuffle/). Angular, jQuery, HTML5/CSS3, SVG. View this project on GitHub. Making Music in the Blue Ridge Mountains. Enjoy ...