Venue – Part 3 – Adding Styles to Our Site Using Sass

Published

February 7, 2018

Difficulty

Intermediate

Posted by

Rik Lomas

Topics

In part 3 of our five part series, we add styling to our Venue site using Sass (think CSS but upgraded!) and talk about Rails's application layouts.

View demo
Share this post
Published

February 7, 2018

Difficulty

Intermediate

Posted by

Rik Lomas

Topics
Also in this series

Also in this series

Intermediate

12:45

TUTORIAL

Venue – Part 5 – Editing and Deleting Posts

In the final part of our mini-series, we talk about how we edit a post using Rails's edit and update actions and then add a way to delete the posts if needed.

Code

Intermediate

14:15

TUTORIAL

Venue – Part 4 – Getting Your Code Live and Hosted with Heroku

In part 4 of 5 of our series, we talk about how to get your Rails code from just being on your computer to being hosted by Heroku where everyone in the world can view your work. We talk about how to use Git to deploy our code and making your code's configuration safe with secrets.

Code

Intermediate

09:43

TUTORIAL

Venue – Part 3 – Adding Styles to Our Site Using Sass

In part 3 of our five part series, we add styling to our Venue site using Sass (think CSS but upgraded!) and talk about Rails's application layouts.

Code

Intermediate

13:49

TUTORIAL

Venue – Part 2 – Adding Images to Your Site with Amazon S3

For part 2 of our five-part series, we add image uploads with resizing to our site using Carrierwave (a Ruby 'gem', a.k.a. a library for adding functionality) and a place to store the images, Amazon S3

Code

Intermediate

25:58

TUTORIAL

Venue – Part 1 – How to Make a Web App from Scratch

In this 5-part series, we talk about how to make an image bookmarking web application using Ruby on Rails, Sass, Git, Amazon S3 and Heroku. If you've ever wanted to make your own custom web software, this is the series for you.

Code

More videos

Beginner

23:17

INTERVIEW

Planning, Designing + Coding Your First iOs App with Lou

Code
Design

Beginner

13:53

TUTORIAL

How to Make a Javascript Accordion

Code

Intermediate

17:52

TUTORIAL

How to Add International Times with Timezones to Your Website

Code

Want more? Sign up for our newsletter for more articles, resources, and fresh inspiration!