UI / UX Integration


Not CompletedPlanning the Design Integration

This will be a planning guide for how we will integrate the design into our application.

Not CompletedGetting the Design Files

Download the HTML and CSS files for building the application

Not CompletedImplementing the HTML files to the Master Layout in Rails

In this guide we'll walk through the first step of implementing the HTML files into the application.

Not CompletedImplementing Twitter Bootstrap Into a Rails Application

In this guide we'll walk through how to integrate the Twitter Bootstrap, commonly referred to as Bootstrap, design framework into a Ruby on Rails application.

Not CompletedCustomizing the Design of a Devise Registration Page

Walk through how to implement a custom design for the Devise gem's default registration page.

Not CompletedHTML Custom Design for Devise Sign In Page

Learn how to implement a custom HTML design for the Devise sign in page and override the default user interface.

Not CompletedImplementing Styles for the Post Page

In this guide we're going to implement the design for the Post page and wire it up to the current implementation code that we already have in place.

Not CompletedFixing Capybara Tests for a User Registration Page

While our application is working, it looks like our form changes for the user registration page broke one of our tests, in this lesson we'll walk through how to fix this.

Not CompletedImplementing Styles for the Topic Page and Refactoring the Show Page

In this lesson we're going to implement the styles for the Topic page.

Not CompletedFixing Calls to the Asset Pipeline for Images to Render

In this guide we will fix the broken image and icon calls in the view and work through various Rails asset pipeline issues.

Not CompletedImplementing Redirects in Rails

In this guide we will walk through implementing redirects in a Ruby on Rails application through the controller.

Not CompletedHow to Implement Custom Fonts in Rails

Walk through a step by step process for including custom fonts inside a Ruby on Rails application.

Not CompletedImplementing a Homepage Design in Ruby on Rails

In this guide we will walk through an initial implementation of the homepage design.

Not CompletedIntegrate the Design for the Topic Index Page

In this guide we will implement a design for the Topic index page that will render all of the topics and allow them to be clickable so users can navigate to see each topic's posts.

Not CompletedImplementing Pagination in Rails with Kaminari

In this guide we will walk through how to integrate the Kaminari gem to add pagination to our Rails application.

Not CompletedCleaning Up the View Code

In this guide we will clean up a few items in the view templates that will help polish up the look and feel of the application.

Not CompletedHow to Use GitHub to Create and Merge a Pull Request

For this lesson we will create a pull request and merge all of the UI work performed on this git branch using the GitHub website.

Unsupported Browser

devCamp does not support ancient browsers.
Install a modern version for best experience.