hi

75+ High Quality Free Fonts: Handwriting, Script & Brush Fonts

Fonts took on a revival in handmade styles this year, from calligraphic, script and handwritten to brush painted and block-printed. Combined with the great visual appeal of hero images and typographic layouts in web design, handwriting fonts are a trend that you can expect to see more of. In this article you’ll find a fresh […]


The post 75+ High Quality Free Fonts: Handwriting, Script & Brush Fonts appeared first on Web Designer Wall.




hi

CSS Vertical Centering – Everything You Need To Know

Getting content to center perfectly within an element and then ensuring it responds properly at different screen sizes is one of the biggest challenges that still face front-end designers. It is not that it is difficult, but because there are several ways to go about it, figuring out which method is best can be confusing. […]


The post CSS Vertical Centering – Everything You Need To Know appeared first on Web Designer Wall.




hi

Warning: Avoid This Scam Targeting Photographers

Over at All Things Photo, I’ve shared a video detailing a scam targeting photographers selling prints online. Also included in the video are 7 tips to avoid being scammed online. While the video is on the long side it’s worth a listen to protect yourself and learn the limitations of fraud protection with your bank and insurance companies. If you’re driving you can also listen to the podcast recording via the All Things Photo podcast. If you haven’t already I welcome you to follow All Things Photo on YouTube, Twitter and Facebook.












hi

How The Neumorphism / Skeuomorphism UI Trend Is Getting Shape

The new UI trend known as Neumorphism (with Skeuomorphism roots) has gotten a more consistent shape in the last period, is another beautiful approach to design user interfaces that look soft and is...



  • Design Roud-up

hi

Which Graphics Editor To Choose For The Novice

Photos and other images are used in different fields, so those who know how to work with high-resolution mockups are in demand as professionals. It is useful to be able to take photos, draw, edit...




hi

Which Programming Language Should Mobile Developers Choose?

When building new apps, the most important thing developers must decide is which language to program in. There are several languages out there, and some are preferred for certain operating...




hi

How To Restore Hard Drive From A Time Machine + Other Ways

Have you chosen Mac for its reliable system? They really have a lot of advantages and are of the best quality. Mac users don’t face serious problems with hard drives often. But the reality is such...




hi

5 Tips For Doing A Fantastic Graphic Project

You’ve probably had the experience of browsing other people’s graphic projects and wishing you could achieve such effects too. In order to accomplish that, you should expand your knowledge by...




hi

Advanced Photography Tips And Hints

It is in every case critical to pay special mind to any computerized photography insights and tips. A few people can truly take awesome photos without truly trying, yet most of us need whatever...




hi

Pity and Friendship after TBI

We’ve all see that face. The well-meaning face of pity: the downturned brows and lips, the misty eyes. After Hugh’s TBI, I seldom met a friend or acquaintance who did not flash this expression at me every time we met. My daughters felt it, too. The funny thing is, we did not want pity. We’d had our fill of it in the ICU.





hi

5 things to Note in a New Phoenix 1.5 App

Yesterday (Apr 22, 2020) Phoenix 1.5 was officially released ????

There’s a long list of changes and improvements, but the big feature is better integration with LiveView. I’ve previously written about why LiveView interests me, so I was quite excited to dive into this release. After watching this awesome Twitter clone in 15 minutes demo from Chris McCord, I had to try out some of the new features. I generated a new phoenix app with the —live flag, installed dependencies and started a server. Here are five new features I noticed.

1. Database actions in browser

Oops! Looks like I forgot to configure the database before starting the server. There’s now a helpful message and a button in the browser that can run the command for me. There’s a similar button when migrations are pending. This is a really smooth UX to fix a very common error while developing.

2. New Tagline!

Peace-of-mind from prototype to production

This phrase looked unfamiliar, so I went digging. Turns out that the old tagline was “A productive web framework that does not compromise speed or maintainability.” (I also noticed that it was previously “speed and maintainability” until this PR from 2019 was opened on a dare to clarify the language.)

Chris McCord updated the language while adding phx.new —live. I love this framing, particularly for LiveView. I am very excited about the progressive enhancement path for LiveView apps. A project can start out with regular, server rendered HTML templates. This is a very productive way to work, and a great way to start a prototype for just about any website. Updating those templates to work with LiveView is an easier lift than a full rebuild in React. And finally, when you’re in production you have the peace-of-mind that the reliable BEAM provides.

3. Live dependency search

There’s now a big search bar right in the middle of the page. You can search through the dependencies in your app and navigate to the hexdocs for them. This doesn’t seem terribly useful, but is a cool demo of LiveView. The implementation is a good illustration of how compact a feature like this can be using LiveView.

4. LiveDashboard

This is the really cool one. In the top right of that page you see a link to LiveDashboard. Clicking it will take you to a page that looks like this.

This page is built with LiveView, and gives you a ton of information about your running system. This landing page has version numbers, memory usage, and atom count.

Clicking over to metrics brings you to this page.

By default it will tell you how long average queries are taking, but the metrics are configurable so you can define your own custom telemetry options.

The other tabs include process info, so you can monitor specific processes in your system:

And ETS tables, the in memory storage that many apps use for caching:

The dashboard is a really nice thing to get out of the box and makes it free for application developers to monitor their running system. It’s also developing very quickly. I tried an earlier version a week ago which didn’t support ETS tables, ports or sockets. I made a note to look into adding them, but it's already done! I’m excited to follow along and see where this project goes.

5. New LiveView generators

1.5 introduces a new generator mix phx.gen.live.. Like other generators, it will create all the code you need for a basic resource in your app, including the LiveView modules. The interesting part here is that it introduces patterns for organizing LiveView code, which is something I have previously been unsure about. At first glance, the new organization makes sense and feels like a good approach. I look forward to seeing how this works on a real project.

Conclusion

The 1.5 release brings more changes under the hood of course, but these are the first five differences you’ll notice after generating a new Phoenix 1.5 app with LiveView. Congratulations to the entire Phoenix team, but particularly José Valim and Chris McCord for getting this work released.



  • Code
  • Back-end Engineering

hi

"I always hated that word—marketing—and I hate it now. Because for me, and this may sound simplistic,..."

““I always hated that word—marketing—and I hate it now. Because for me, and this may sound simplistic, the key to marketing is to make something people want. When they want it, they buy it. When they buy it, you have sales. So the product has to speak. The product is what markets things.””

- Interview with Tom Ford.




hi

HipHop Virtual Machine for PHP

Facebook Software Engineer and HipHop for PHP team member Jason Evans provides details on Facebook’s move to a new high-performance PHP virtual machine. Described by Evans is ”a new PHP execution engine based on the HipHop language runtime that we call the HipHop Virtual Machine (hhvm).” He sees it as replacement for the HipHop PHP Read the rest...




hi

Shim uses node.js to test sites on multiple browsers

Shim was developed within the Boston Globe’s media lab as a way to study how Web sites look on various devices and browsers. A laptop intercepts all wifi traffic – this is redirected to a custom node.js server – which inserts a javascript, or “shim,” at the head of each web page that is visited. Read the rest...






hi

Squared Circle Pit #54 - AVATAR Frontman Johannes Eckerström Talks Wrestling Unlocking His Love of Metal Frontmen

We're back and this week, we're talking to Avatar's colorful frontman Johannes Eckerström. If you've ever seen the band live,...

The post Squared Circle Pit #54 - AVATAR Frontman Johannes Eckerström Talks Wrestling Unlocking His Love of Metal Frontmen appeared first on Metal Injection.





hi

METAL INJECTION LIVECAST #546 - Grandma Smoothie

We kick things off talking about annoying holiday commercials. We discuss Christmas music this episode, and why Hanukkah lands on...

The post METAL INJECTION LIVECAST #546 - Grandma Smoothie appeared first on Metal Injection.



  • Metal Injection Livecast


hi

Value Neutrality and the Ethics of Open Source

2019 was the year of the “ethical source” licenses – or ‘open source with a moral clause’ licenses. It was also the year many in the open source movement labeled any attempt at adding moral clauses to open source licenses not only made them not open source licenses, but were a dangerous attack on the […]

The post Value Neutrality and the Ethics of Open Source appeared first on MOR10.




hi

What Does Big Tech Know About You? Basically Everything

Big tech companies have been spying on us for years. This knowledge isn’t new information, but what could be surprising is exactly to what extent each company does it. Security Baron categories what data six of the biggest tech companies collect from you in The Data Big Companies Have On You infographic, and these are just the ones they admit to collecting on their own privacy pages!

The seemingly endless stream of Facebook privacy scandals of late—including the latest involving users as young as 13 years old—may have you questioning how much the social network and other tech giants actually know about you.

The folks at Security Baron examined the privacy policies of Facebook, Google, Apple, Twitter, Amazon, and Microsoft and put together a handy infographic showing the types of data each company admits to collecting. For Facebook and others, data is money. But just how much these tech giants actually know about you might be surprising.

As you can see in the infographic below, Facebook is particularly data-hungry, even gathering information about your work, income level, race, religion, political views, and the ads you click in addition to more commonly collected data points such as your phone number, email address, location, and the type of devices you use.

"Facebook is unusually aggressive," Security Baron pointed out. "This data can be exploited by advertisers and (hopefully not nefarious) others."

Twitter, in comparison, is "comparatively hands-off," the site notes. The microblogging service, for instance, doesn't collect your name, gender, or birthday (Facebook, Google, and Microsoft all do), but Twitter does know your phone number, email address, time zone, what videos you watch, and more.

Google and Microsoft, meanwhile, are the other big players when it comes to collecting data.

"With Cortana listening in and Gmail seeing all of your emails, the ubiquitous nature of Google and Microsoft gives them access to an uncomfortably large amount of your information," Security Baron wrote.

Check out the full infographic below to see what Facebook, Google, Apple, Twitter, Amazon, and Microsoft may know about you. For tips on securing your digital privacy, check our story, "Online Data Protection 101: Don't Let Big Tech Get Rich Off Your Info.

This is a fairly simple infographic design using a comparison table. I think the use of the icons is particularly effective showing which of Google’s or Microsoft’s apps are collecting the data.

Although the types of data are identified down the left side, I wish there was a way to identify the more sensitive types of data.

Original article can be found at https://www.pcmag.com/




hi

What's Inside the White House?

Visual explanations are a big part of data visualizations, and this video exploration of What’s Inside the White House? by animator Jared Owen gives viewers a great perspective of where the major rooms are located in context with the rest of the building. I would bet that most people don’t know that the Oval Office isn’t in the main, center building.

The White House is full of lots of interesting rooms. A lot of people don't realize that this information is public! Please join me as we take a walk through the different rooms and what they are used for.

Found on Core77




hi

Punxsutawney Phil vs. the U.S. National Weather Service

Punxsutawney Phil’s predictions for the coming of Spring on Groundhog Day haven’t been that accurate, and the U.S. National Weather Service is here to prove it with an infographic!

Every February 2, a crowd of thousands gathers at Gobbler’s Knob in Punxsutawney, Pennsylvania, to await a special forecast from a groundhog named Phil. If the 20-pound groundhog emerges and sees his shadow, the United States can expect six more weeks of winter weather according to legend. But, if Phil doesn’t see his shadow, we can expect warmer temperatures and the arrival of an early spring.

Even though he’s been forecasting since 1887, Phil’s track record for the entire country isn’t perfect. To determine just how accurate he is, we’ve compared U.S. national temperatures with Phil’s forecasts. On average, Phil has gotten it right 40% of the time over the past 10 years.

Using real data wins!

For what it’s worth, Phil didn’t see his shadow in 2020, and predicted that Spring would be coming soon!




hi

10 Things To Do Before Any Video Interview

We’re all working from home, and that include job interviews, news interviews, class lectures, webinars, presentations to customers and even just business meetings. The 10 Things to Do Before Any Video Interview infographic from Kickresume is a great last-minute checklist before you turn on your webcam!

In the end, you can take this infographic as a checklist. You can use it to prepare for your job interview or any other video conference call.

And, oh boy, are we going to make many more of those. Sure, it took a global pandemic for companies to recognize the value of working from home but now there’s no going back. Video conference calls are here to stay. (I personally hate it but even I should probably get used to it. Damn.)

Anyway, good luck at your job interview!

I would have preferred more visual elements, but I like that this is a tightly focused infographic with a clear, useful message to a broad audience. This is one of the best uses for an infographic: an informative topic, related to the industry of the publishing company, with a popular, trending topic. This design checks all the boxes.

Designers have to remember that the infographic image file will often be shared by itself, so it always helps to include a few more thins in the footer:

  • The Infographic Landing Page URL (not just the company home page). This will help readers find the full infographic and the article that went along with it. Don’t make people search for it on your website.

  • A copyright or Creative Commons statement is always a good idea when you publishing an infographic




hi

COVID-19 #Coronavirus Infographic Data Pack

COVID-19 (aka Coronavirus) has obviously been a hot topic recently, especially within the media. But how dangerous is this new virus?

The Covid-19 #Coronavirus Infographic Data Pack on Information is Beautiful gathers the current data around the world (version above is from March 31, 2020) and makes the virus more tangible to understand. The infographic makes comparisons to other diseases when it comes to incubation times and number of deaths, as well as reporting who is dying from it.

Created by David McCandlessOmid KashanFabio BergamaschiDr Stephanie StarlingUnivers Labs

From Information Is Beautiful:

We made an infographic of the best COVID-19 / Coronavirus charts floating around, plus some of our own – all with the latest data

We’ll plan to keep it updated every few days.

They have also made all of their data accessible with a Google Sheet link: bit.ly/COVID19-DATA

With so many good and bad COVID-19 charts being published at a frantic pace, I can appreciate the design and effort here to gather some of the best data and the best visualizations together in one place.




hi

‘Warning Bells Going Off’ as NOAA Forecasts Entire Great Barrier Reef at Risk of Coral Bleaching and Death

By Jessica Corbett Common Dreams “This is a wake-up call,” says one Australian marine biologist. “Given sea temperatures usually increase as we get towards March, this is probably conservative.” Delivering yet another “wake-up call” after recent studies have shown that … Continue reading




hi

Scientists Warn Crashing Insect Population Puts ‘Planet’s Ecosystems and Survival of Mankind’ at Risk

By Jon Queally Common Dreams “This is the stuff that worries me most. We don’t know what we’re doing, not trying to stop it, [and] with big consequences we don’t really understand.” The first global scientific review of its kind … Continue reading




hi

‘A World Without Clouds. Think About That a Minute’: New Study Details Possibility of Devastating Climate Feedback Loop

By Jessica Corbett Common Dreams “We face a stark choice [between] radical, disruptive changes to our physical world or radical, disruptive changes to our political and economic systems to avoid those outcomes.” As people across the globe mobilize to demand … Continue reading




hi

Everything is connected

Andrew Rickmann posted a photo:






hi

Climate Change Driving Population Shifts to Urban Areas

By Kristie Auman-Bauer Penn State News Climate change is causing glaciers to shrink, temperatures to rise, and shifts in human migration in parts of the world, according to a Penn State researcher. Brian Thiede, assistant professor of rural sociology, along … Continue reading




hi

‘A World Without Clouds. Think About That a Minute’: New Study Details Possibility of Devastating Climate Feedback Loop

By Jessica Corbett Common Dreams “We face a stark choice [between] radical, disruptive changes to our physical world or radical, disruptive changes to our political and economic systems to avoid those outcomes.” As people across the globe mobilize to demand … Continue reading




hi

‘Warning Bells Going Off’ as NOAA Forecasts Entire Great Barrier Reef at Risk of Coral Bleaching and Death

By Jessica Corbett Common Dreams “This is a wake-up call,” says one Australian marine biologist. “Given sea temperatures usually increase as we get towards March, this is probably conservative.” Delivering yet another “wake-up call” after recent studies have shown that … Continue reading




hi

Scientists Warn Crashing Insect Population Puts ‘Planet’s Ecosystems and Survival of Mankind’ at Risk

By Jon Queally Common Dreams “This is the stuff that worries me most. We don’t know what we’re doing, not trying to stop it, [and] with big consequences we don’t really understand.” The first global scientific review of its kind … Continue reading




hi

‘A World Without Clouds. Think About That a Minute’: New Study Details Possibility of Devastating Climate Feedback Loop

By Jessica Corbett Common Dreams “We face a stark choice [between] radical, disruptive changes to our physical world or radical, disruptive changes to our political and economic systems to avoid those outcomes.” As people across the globe mobilize to demand … Continue reading




hi

10 diagrams to help you think straight about UX Research

Some of the problems we work on as UX researchers are simple and are easily solved by getting users in front of our product. But other problems can be complex and it's hard to know how to start solving them. In situations like that, a simple 2x2 diagram can cut through the 'what ifs', the 'how abouts' and the edge cases and provide a simple way of looking at the problem. Here are 10 examples of 2x2 diagrams to simplify UX research discussions.




hi

Fight or Flight: Which Emotion Does Your Website Evoke?

Are you a logical individual? Do you carefully consider all options before making a decision? Are opinions shaped primarily through facts and reasoning? If you answered yes to these questions, you’d be wrong. We are all emotional beings, and our emotions are the root cause of our thoughts and behaviors. Our logical, conscious thoughts simply […]

The post Fight or Flight: Which Emotion Does Your Website Evoke? appeared first on Psychology of Web Design | 3.7 Blog.




hi

5 Critical Lessons Learned Organizing WordCamp Ann Arbor for the Third Time

In early 2014 I had just gotten married and recently moved into a new home. With two major life events out of the way, I decided I was ready to lead a WordCamp. I originally planned to organize WordCamp Detroit. I was an organizer twice before and the event had missed a year and I […]

The post 5 Critical Lessons Learned Organizing WordCamp Ann Arbor for the Third Time appeared first on Psychology of Web Design | 3.7 Blog.




hi

History of Design in Michigan

While most known for automotive, Michigan has a rich history in design. As a designer myself, I wanted to learn more about Michigan’s design roots. Not knowing what to expect, I found Michigan is home to many historic designers, several innovative design-forward companies, and top design schools. Automotive is a source of Michigan pride, but […]

The post History of Design in Michigan appeared first on Psychology of Web Design | 3.7 Blog.