Monthly Archives: May 2017

UN chief Guterres says climate deal is essential

Antonio Guterres was speaking after Donald Trump refused to back the Paris climate accord.

Article Source Here:

How to Communicate Effectively at Work With Your Boss

Do you feel like you and your boss are on the same page most days of the week?
If you nodded “yes” emphatically, that’s fantastic. But many readers might have a different opinion. In fact, a recent HubSpot survey revealed that while 70% of executives might reflect positively on their

Article Source Here:

Top Examples of Mobile App Notification Design

Notifications form a key component of many mobile apps. Many utilize both the native OS notifications, as well as some form of in-app notifications, often shown to highlight new features or messages. These messages serve to provide updates and information to users in a higher priority fashion.

They are designed to relay anything from a successful purchase, to an error with their account. As such, they need to be clear, concise, and effective in garnering the user’s attention with varying degrees of urgency at any given point.

In this article we are going to focus specifically on in-app notification designs and look at some of the finest examples and discuss why the design is so effective.

Medium

Medium‘s approach to in-app notifications is very simple and on-brand. The message is clear with a clearly defined action to dismiss the notification.

In this case, the design is used to notify the user of a feature and therefore its positioning is as key as the design itself.

Twitter

Twitter similarly using notifications to alert users of new features. Their design is extremely compact and includes a pointer to further emphasize the new feature and increase interactions.

The notification alert is bold and stands out from the white content behind, while remaining on-brand and providing great legibility.

The List App

Similar to Twitter, The List App uses a tooltip notification design to alert a user of a feature.

Where Twitter assumes the user will be aware of how to dismiss the alert, The List App takes this one step further and adds a complementary route to dismiss the alert by including an icon in the upper right-hand corner.

Facebook

Facebook implements a very native and standard notification design for alerting users of a new feature. The blue background and Material Design drop shadow provide excellent contrast and draw the exact level of attention to the notification without having the user endure a sense of emergency or unimportance.

Google Keep

Google Keep‘s notification design is very informative in its design. Rather than overlaying over content, the card design forms part of the main interface layout, leading to a higher priority position and allowing the alert to convey a detailed message, while not restricting use of the app, as would be the case with a modal design.

The blue color is perfect for grabbing the user’s attention, and the dismiss CTA is large and clear with an accompanying icon.

Pinterest

Pinterest‘s notification designs are certainly one of the most creative. The use of bold and friendly shapes help them stand out from the more generic rounded rectangle notifications that users have become so accustomed to.

The design is playful in nature and fits the brand and app design perfectly. The use of yellow is refreshing and presents a higher-priority feel than the typical blue color. The text is bold and concise and conveys the notification message effectively.

Have you seen any other top examples of mobile app notification design? Share them below in the comments!

Original Article:

Early Wreck Ends BK’s Coke 600 After 19 Laps

The longest race of the NASCAR season, the 400-mile Coca-Cola 600 turned out to be the shortest for Brad Keselowski and the No. 2 Miller Lite Ford Fusion team.
Caught in an oil slick with two broken cars in front of him just 19 laps in at Charlotte Motor Speedway, the Michigan native was sent home early in a season-worst P39.
“We had a really fast Miller Lite Ford and I think we had a shot at winning tonight,

Read Original Article:

Earth-i plans space video network

Earth-i promises daily, fast-turn-around pictures and colour video of the planet’s surface.

Article Source Here:

7 of the Coolest YouTube Banners We've Ever Seen

When someone sends me a really great YouTube video, I always want to know who’s behind it. Was it an ad agency? A small or medium business? A B2B tech company? No matter who it was, if I’m impressed, I want to see more from the content creator. So once

Article Source Here:

10 Free Minimal & Barebones Bootstrap Starter Templates

The Bootstrap framework is quite popular with web designers. It provides everything you need to get a design project off to a running start. Plus, it’s been created with mobile devices in mind.

On the downside, it seems like many sites using Bootstrap tend to have a similar look and layout. But that is more of a product of taking design shortcuts rather than an indictment on the framework itself. Going beyond the default styles is quite possible and much easier than you may think.

With that in mind, we went on a search for free Bootstrap templates that lean toward the barebones end of the spectrum. They offer a virtual clean slate and give you the power to customize both the look and layout as much as you’d like. So, instead of ripping apart an existing design, you can get straight to making your own mark.

You might also like these Free Bootstrap Dashboard Admin Templates.

Bare

Bare is designed to help you get started without any fuss. There are no fancy styles applied and it comes with predefined paths. The template works with Bootstrap 4 and sports a fixed top navigation.

Bare bootstrap template

Simplex

Touted as both “Mini and Minimalist”, Simplex contains some basic styles that will provide you with a great starting point. You’ll find minimal navigation, buttons, typography, forms, containers and more goodies within this lightweight package.

Simplex bootstrap template

Understrap

Understrap is a clever mix of Automattic’s Underscores barebones WordPress theme and Bootstrap. Thus, your next WordPress project can utilize Bootstrap without the excess bloat of a prebuilt theme. Understrap features Bootstrap 4, is compatible with the WordPress Customizer and supports WooCommerce.

Understrap bootstrap template

Initializr

Initializr will generate a simple HTML template based on your requirements. Bootstrap 3.3.1 can be bundled right in with your template.

Initializr bootstrap template

Bootply

Use Bootply to build your own custom Boostrap starter template. Using their online builder, you can make things as simple (or complex) as you’d like. There are options for different layouts, various sidebars (including off-canvas) and more.

Bootply bootstrap template

WP Bootstrap Starter

WP Bootstrap Starter is aimed at developers who want to build upon basic features to make their own custom theme. Like Understrap above, it’s based on Underscores. That means it’s lightweight and ready for full-on customization.

WP Bootstrap Starter bootstrap template

LayoutIt!

LayoutIt! is a tool featuring a drag-and-drop interface for quickly building Bootstrap-based templates. There are three base templates to choose from (Starter, Basic Marketing Site and Article). Once you’ve selected a template, you’ll be able to add elements such as grids, components and even JavaScript. You can have a basic, yet functional template set up within minutes.

LayoutIt! bootstrap template

Sage

A competitor to Undesrcores, Sage is a WordPress starter theme that comes with Bootstrap baked right in. The theme features task automation via gulp, and the ability to easily add front-end packages via Bower. Template markup is based on HTML5 Boilerplate.

Sage bootstrap template

Bootstrap 4 Starter Template

If you’re looking for dead simple way to start off a new site, WebNots has put together their own Bootstrap 4 Starter Template. Not only can you grab a copy of their template, there is also a handy guide for building your own.

Bootstrap 4 Starter Template bootstrap template

BS Starter

BS Starter provides the basics you’ll need to get up and running with your design project. The template features a full-width slider and is minimally styled. It gives you just enough to help you create your own look and layout.

BS Starter bootstrap template

Give Complex Templates the Boot

When embarking on a new project, you’re better off using a starter template that lets you make all of the important design decisions. That’s where these minimal and barebones options really shine. Instead of having a Bootstrap-based theme that simply looks like everyone else, you’ll have the flexibility to use the framework to create something unique.

Original Article:

Mitsubishi Electric names award winners at annual conference

Mitsubishi Electric U.S. Inc. Heating & Cooling Division presented several awards at the annual Diamond Service Group Conference, which took place in March at the Airport Marriott Gateway in Atlanta.

Read the Original Article Here:

Harambe: A year from gorilla death which sparked numerous memes

Social media users target Cincinnati Zoo on the anniversary of Harambe’s killing.

Article Source Here:

Climate change: Trump keeps world waiting on Paris deal

The US president says he will announce this week if he will pull out of the Paris agreement.

Article Source Here: