Tuesday, June 9, 2020

Website Inspiration: Alex Leiphart

Incredible how a good font combo and a custom illustration can transform a personal site into a wonderful little contribution to the Internet.

Full Review


by Rob Hope @robhope via One Page Love

Artificial Intelligence Can Possibly Detect Fake News In A Better Way By Analyzing User Interaction

Researchers who have their affiliations with Microsoft and Arizona State University have come up with a technique to detect fake news with the help of “weak social supervision”. According to them, training the fake news detecting AI with the new method can even work when labeled examples aren’t...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Daniyal Malik via Digital Information World

A Report Suggests That The Content Moderation Efforts Made By Facebook Are Insufficient

According to the latest report published by NYU Stern Center for Business and Human Rights, Facebook needs to end the outsourcing practice so content moderation receives the required attention as well as the resources it deserves. The company should also increase the number of moderators, and...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

CSS Viewport Units: A Quick Start

CSS Viewport Units

It’s been a few years since viewport units were first introduced in CSS. They’re truly “responsive length units” in the sense that their value changes every time the browser resizes. If you’ve heard about these units before but never learned about them in detail, this article can help you out.

The Units and Their Meaning

There are four viewport-based units in CSS. These are vh, vw, vmin and vmax.

  • Viewport Height (vh). This unit is based on the height of the viewport. A value of 1vh is equal to 1% of the viewport height.
  • Viewport Width (vw). This unit is based on the width of the viewport. A value of 1vw is equal to 1% of the viewport width.
  • Viewport Minimum (vmin). This unit is based on the smaller dimension of the viewport. If the viewport height is smaller than the width, the value of 1vmin will be equal to 1% of the viewport height. Similarly, if the viewport width is smaller than the height, the value of 1vmin will be equal to 1% of the viewport width.
  • Viewport Maximum (vmax). This unit is based on the larger dimension of the viewport. If the viewport height is larger than the width, the value of 1vmax will be equal to 1% of viewport height. Similarly, if the viewport width is larger than the height, the value of 1vmax will be equal to 1% of hte viewport width.

Let’s see what the value of these units will be in different situations:

  • If the viewport is 1200px wide and 1000px high, the value of 10vw will be 120px and the value of 10vh will be 100px. Since the width of the viewport is greater than its height, the value of 10vmax will be 120px and the value of 10vmin will be 100px.
  • If the device is now rotated so that the viewport becomes 1000px wide and 1200px high, the value of 10vh will be 120px and the value of 10vw will be 100px. Interestingly, the value of 10vmax will still be 120px because it will now be determined based on the height of the viewport. Similarly, the value of 10vmin will still be 100px.
  • If you resize the browser window so that the viewport becomes 1000px wide and 800px high, the value of 10vh will become 80px and the value of 10vw will become 100px. Similarly, the value of 10vmax will become 100px and the value of 10vmin will become 80px.

At this point, viewport units may sound similar to percentages. However, they’re very different. In the case of percentages, the width or height of the child element is determined with respect to its parent. Here’s an example:

See the Pen Viewport Units and Percentage by SitePoint (@SitePoint) on CodePen.

As you can see, the width of the first child element is set to be equal to 80% of its parent’s width. However, the second child element has a width of 80vw, which makes it wider than its parent.

Continue reading CSS Viewport Units: A Quick Start on SitePoint.


by Asha Laxmi via SitePoint

Yuko Higuchi x Gucci

Yuko Higuchi x Gucci
Welcome to the eccentric, imaginative world of Yuko Higuchi x Gucci! Play a puzzle game featuring the outlandish illustrations of Gucci’s brand new kids collection!
by via Awwwards - Sites of the day

An Insider’s Perspective on How You Can Get a Job at TikTok

TikTok is one of the biggest social networking platform of the year and a big part of the reason why that is the case has to do with the fact that it has managed to become popular with the younger users, an audience that might not have been all that interested in other options that had slowly...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World

How to Use LinkedIn Message Ads to Get Into LinkedIn Inboxes

Want to guarantee your message makes it into your prospects’ LinkedIn inboxes? Are you familiar with LinkedIn message ads? In this article, you’ll learn how to set up LinkedIn message ads. What Are LinkedIn Message Ads? With all of the other ad formats on LinkedIn, you pay only when someone clicks. But with LinkedIn message […]

The post How to Use LinkedIn Message Ads to Get Into LinkedIn Inboxes appeared first on Social Media Marketing | Social Media Examiner.


by AJ Wilcox via Social Media Marketing | Social Media Examiner