Design

Responsive Design
Devices
When developing any user experience the design needs to be based around any devices that the user will interact with. I do this using browser developer tools, cross device testing, and frameworks.
Bootstrap
Bootstrap is a fantastic JavaScript framework that really cuts back the time on developing a responsive web application. Using Bootstrap in conjunction with CSS and JQuery I can quickly develop a responsive website to suit mobile devices. In fact this website was built using Bootstrap.
Custom Solutions
There are times when a custom solution needs to be developed for a device. This requires several levels of both functionality and user testing. In order to develop these typically I use HTML5, CSS, JavaScript, and JQuery. This is my standard frontend toolkit for web development.
Layout Design
Mockups
This process begins with the requirements and forumulating a design around those requirments. Typically for me the layout begins as simple sketches and notes and evolves from there. This gives me a clear idea of what I was thinking to reference later after meeting with clients or stakeholders.
User flow
User flow is highly important to the design process. Understanding and mapping interaction from one window to the next is critical to ensure that the navigation from one area to the next in an interactive media product makes sense and is optimized for the user experience.

Typography
Display Information
Text is the real meat of the site in terms of information. Text works with negative space and images in order to convey to the user how information should be read. Typography in this case is all about design and readability. Spacing, font, and color are just a few important principles when looking at Typography. I value using white space in order to break up text and maintain a flow throughout the document.
Development

Developing is Problem Solving
Problem Solving
A developer is a problem solver and as such uses many tools to develop solutions. I believe the most important tool a developer has is logic. The ability to understand and break down a problem is key to identifying the best solution. Developing is about taking the requirements breaking them down into smaller problems and producing a solution.
"If this do that." That is how I like to think of developing and logic in its most basic terms in regards to programming. With this thought process any problem can be broken down and solution can be created. It's an iterative process that goes beyond programming and design and incorporates both in order to develop a solution.
Development Stack - Front End
HTML5 / CSS3 / JavaScript / JQuery
Developing the user facing portion of a website can be done using many frameworks and languages but will end the end involve HTML and CSS. Beyond that developing complex and fluild functionality requires programming knowledge rather than scripting knowledge and this is where I rely on JavaScript typically with JQuery as well.
Frameworks
The beauty of a framework is it allows for the faster development of a site. In my case will use Bootstrap or custom solutions for responsive design and for single page application I have used Angular JS in the past.
Development Stack - Backend
PHP / MYSQL
I utilize PHP and MYSQL in order to retrieve and display data from a database. This ranges from simple database queries to complex operations such as developing modules to manipulate data. Most recently I have been developing in a Drupal 8 environment for Franklin University. Utilizing these technologies allows for reusable code and pages to be built using the MVC architecture.
Drupal 8 / Symfony
In the past year I have done extensive work in Drupal 8 including module development, site migration, and theming to name a few of the key aspects. Drupal is incredibly powerful and versatile allowing for a lot of customization with the layout and development of content.