Build a Messaging System with Rails and ActionCable

In the past few months, I've received many questions about Mailboxer and therefore decided to explain how to create a custom messaging system for Rails. Of course, this system will not provide all of the features Mailboxer has, but it will be more than enough for many application. When you fully understanding how this system works, it'll be much easier to further enhance it.

This article is going to be divided into two parts:

• The first part will cover preparations, associations setup, and the creation of controllers and views. We will also add support for Emoji. By the end of this part, you will have a working messaging system.
• The second part will explain how to utilize ActionCable to implement a real-time messaging and notification system. ActionCable is probably the most anticipated feature of Rails 5 and I already covered it some time ago. On top of that, we will also implement "user is online" functionality.

Continue reading %Build a Messaging System with Rails and ActionCable%

by Ilya Bodrov-Krukowski via SitePoint

AtoZ CSS Screencast: Vertical-Alignment in CSS

Vertical centering is a firm favorite of designers - for both print and digital media.

But aligning things vertically with CSS is not the easiest thing to do.

This issue is made worse in a world of multiple devices and responsive design as we need our elements to be flexible in height - which can make calculating their vertical center quick tricky.

In this episode we’ll learn all about:

• The vertical-align property and how and when it works
• A method for vertical aligning an element with a known height
• And finally one approach for vertically centering elements with variable height.

vertical-align

The vertical-align property only affects elements with their display set to inline, inline-block or table-cell.

It takes a length, percentage or keyword value.

Lengths and percentages align the baseline of the element at that given distance above the baseline of its parent.

Continue reading %AtoZ CSS Screencast: Vertical-Alignment in CSS%

by Guy Routledge via SitePoint

CAMPER FW16

For FW16's gender-morphing campaign, Convoy built an interactive website that immerse the users through the campaign's universe!
by via Awwwards - Sites of the day

How to Reach More Local Customers With Facebook

Wondering how to grow local connections on Facebook? Looking for ways to boost the visibility of your local business? With a few organic tactics, you can reach more local customers on Facebook without spending money on ads. In this article, you’ll discover four ways to reach a local audience on Facebook. #1: Deliver Targeted Messaging [...]

This post How to Reach More Local Customers With Facebook first appeared on .
- Your Guide to the Social Media Jungle

by Ana Gotter via

How to Get Started With an Android App Template

8 Social Media Content Ideas for Marketers

Do you have trouble coming up with original social media posts each day? Looking for quick and easy content prompts to help? When you have a lot of things on your plate, it’s easy to feel uninspired or struggle to come up with fresh content ideas. In this article, you’ll discover eight content ideas to [...]

This post 8 Social Media Content Ideas for Marketers first appeared on .
- Your Guide to the Social Media Jungle

by Danielle McFadden via

The First Step In Blogging Is To Figure This Out

The first step in blogging is to figure out what you are going to blog about. This is a topic that I have covered many times before on this very blog but today I am going to try and break it down into action steps that you can follow quickly and easily.

by Guest Author via Digital Information World