Adium google hangouts archive#
Adium google hangouts professional#
Adium google hangouts free#

It doesn’t have the bloat that other messaging apps have, but it retains the power required to deliver high-quality performance to its users.

Adium google hangouts professional#

Google Hangouts is great for professional use thanks to its no-nonsense interface and features. Alternatively, users can opt to leave the conversation entirely, but that would result in the conversation no longer being accessible to the user. These archived conversations can still be accessed at a later date.

Adium google hangouts archive#

If your conversation history is being clogged by concluded conversations, users can archive them for better organization.

Adium google hangouts free#

Hangouts also supports video conference groups, and users can make free video calls with up to 10 people. The best thing about Hangouts is that you can chat with a large group of people. Unfortunately, you have to send an invite to other people before you can start a conversation with them. Not only can you chat with your friends, but you can also send media files like photos, and emojis. Hangouts has all of the standard features for a messaging app. One negative thing about Hangouts is that it will always prompt a new window for chats. Instead, it only has the most important aspects you’ll need for a messaging app like contacts, conversations, and calls. Unlike other messaging apps out there, Hangouts is not bloated with unnecessary elements like games or Stories. That way we can animate the opacity to get the pulse effect anyway.No matter which platform you use Hangouts on, the common trait among all of them is the easy interface. So… instead we could use the most simple gradient syntax and apply it to a pseudo element on the header. That syntax is still prefixed at the time of this writing. Where you can adjust that 800% to get it just how you want it. You can force it into a circle, which gets us pretty close: background: radial-gradient(circle, #666, #999) īut if you really want fine-grained control over how large that gradient in the middle is, you’ll want something like:īackground: radial-gradient(center center, circle closest-side, #999999, #666666 800%) You might think it’s the most basic syntax of all, from one gray to another: background: radial-gradient(#666, #999) īut no, that just fills the area with an elliptical gradient (white and black for clarity): At peak intensity, it’s like:Ĭreating that gradient isn’t quite as easy as you might hope 1. The solid-color bar now has essentially a radial gradient in the center of it that becomes more and less intense. When you get a new message, the header kinda glows/pulses. In production I would use a streamlined icon font made from IcoMoon and inserted with this HTML. In the demo, I use some quick-and-dirty stuff from We Love Icon Fonts. While not comprehensive, it shows the thought process: Within the list item, stuff like images and paragraphs.

The conversation happens in a very specific order, so I’m thinking with each group of text/image being a. The top is more of a “header” than a “heading” because it’s not just text, it has other stuff going on up there. There will probably be others like it, so that calls for a class name. Overall StructureĮverything we see here is related. The image above is what we’re going to build. Turns out there is a bunch of interesting stuff that comes up! Radial gradients, pseudo elements and animations, flexbox, and more. Hard to beat that.Īnyway, on a whim I decided to replicate some of the look of the chat window on desktop. It works great on desktop and mobile devices and keeps them in sync. Text is archived, maintains history, and is searchable. One on one or group text chat, audio, or video.