d

The power of intent tag discussed

Google developer advocate Paul Kinlan has detailed his recent work on a lightweight sharing facility using a very simple intent share protocol. Web Intents began life in 2010. Now, Kinlan and company are looking for feedback. Basically, his intent tag is intended to allow users to more easily mix and match favorite plug-in capabilities, freeing Read the rest...




d

A simple random bit on var selector

Isobar’s Rob Larsen suggests that there is often a need to build CSS selectors dynamically when building applications. ”This is typically some existing pattern paired with a loop counter or something pulled from a data attribute,” he writes on his blog. His choice is to create a variable called ”selector” and ”to craft the selector Read the rest...




d

Adobe buys Nitobi

As it kicked off its yearly developer event, Adobe announced that it had acquired Nitobi Software, maker of PhoneGap open source software for cross-platform mobile application building with HTML5 and JavaScript. In a blog, Nitobi CEO Andre Charland pledged to pursue donation of the PhoneGap code to the Apache Software Foundation ”to ensure open stewardship Read the rest...




d

Adobe to forgo Flash plug-in for mobile devices

Earlier this week, Adobe VP and General Manager Danny Winokur disclosed that the company has concluded that HTML5 is ”the best solution for creating and deploying content in the browser across mobile platforms.” The company said it would stop building Flash to run on mobile browsers. In a blog post on the new focus of Read the rest...




d

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...




d

Winding road of open-source webOS

HP continues to divulge bits and pieces of a road map for the ill-starred and nearly-orphaned webOS. The company has followed up its December plan to release webOS mobile platform and development tools with a proposed timeline, with a full release set before year’s end.  Some people see a life for the associated Enyo JavaScript Read the rest...




d

Node.js – The objective is absolutely fast I/O

Node.js employs an event-driven architecture and a non-blocking I/O model, and it provides some blindingly fast performance to some types of data-intensive Web apps. It is about JavaScript on the server side. LinkedIn, Yahoo and eBay are among ardent Node.js users, and none other than Microsoft has discussed end-to-end JavaScript coverage on its Azure cloud. Read the rest...




d

Rails cache sweeper redux

Michael Mahemoff writes: To be effective, Rails cache sweepers need to be more fully understood.  They know no standard, so you must employ art. He goes on: Sweepers observe both your models and your controllers, but most workarounds focus on their controller nature.  Importantly: the sweeper must be explicitly added as an observer. Even more Read the rest...




d

Windows 8 HTML5 WinRT RSS reader app

WinJS is a JavaScript framework for Windows 8, and David Rousset uses it here to create a quick RSS reader. He shows how in a tutorial series. This first article shows the way to build a welcome screen that employs WinJS ListView control. Blend and CSS3 are employed. The second tutorial shows work on the Read the rest...




d

Here comes Traversty traversing the DOM

The Traversty DOM utility has as its purpose to allow you to traverse the DOM and manage collections of DOM elements. Proponents admit core Traversty traversal methods are inspired by Prototype’s DOM Traversal toolkit, but now in a multi-element environment that is more like jQuery and less like Prototype’s single element implementation.




d

Mobile Proxies: A New Era Dawns

This week, Chrome For Android M26 was announced. It has the literally-awesome ability to record video via `getUserMedia()`, but enough about making Skype irrelevant. What’s even more interesting is the new data compression feature. Which, to be clear, is experimental, has to be switched on, doesn’t apply to secure (SSL) sites, and it’s only running Read the rest...












d

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.




d

METAL INJECTION LIVECAST #535 - Liddle' Ditch

We kick things off with Rob talking about his favorite albums of the year. We then discuss the shocking news...

The post METAL INJECTION LIVECAST #535 - Liddle' Ditch appeared first on Metal Injection.



  • Metal Injection Livecast







d

METAL INJECTION LIVECAST #542 - Dull By Obb

We kick things off talking about the Motley Crue reunion. Darren shares a story from work. Rob talks about going...

The post METAL INJECTION LIVECAST #542 - Dull By Obb appeared first on Metal Injection.



  • Metal Injection Livecast

d

METAL INJECTION LIVECAST #544 - 33% Drained

This week, we had a very special guest, our Livecastard of the Month, Eric, who actually signed up for our...

The post METAL INJECTION LIVECAST #544 - 33% Drained appeared first on Metal Injection.



  • Metal Injection Livecast

d

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


d

METAL INJECTION LIVECAST #549 - Loose Hot Dog

We kick things off with our New Year's resolutions. Noa explains her future vision board. We discuss climate change and...

The post METAL INJECTION LIVECAST #549 - Loose Hot Dog appeared first on Metal Injection.



  • Metal Injection Livecast

d

METAL INJECTION LIVECAST #550 - Don Docking

We kick things off discussing our Tad's Patreon episode, and our fast food preferences. We then discuss the sad status...

The post METAL INJECTION LIVECAST #550 - Don Docking appeared first on Metal Injection.



  • Metal Injection Livecast



d

Where We Go From Here: 10 Thoughts on the Immediate Future of the Web

I was asked to close out WordCamp Vancouver with a short 20 minute keynote on something interesting. After some thought, I put together a list of 10 trends I see in the web community and where we are headed in the immediate future. 0. The Future Keeps Arriving In my +15 years working on and with the […]

The post Where We Go From Here: 10 Thoughts on the Immediate Future of the Web appeared first on MOR10.




d

Walking Away and the Ethos of Open Source

Every time we contribute to an open source project, in any way, we are answering an important question: Why don’t I walk away and start a new fork? I’ve been working in and with and around open source software for the better part of 15 years, and over that time I’ve seen the rise of […]

The post Walking Away and the Ethos of Open Source appeared first on MOR10.




d

2010 – 2019: Decade in Review

As the decade comes to a close, I thought it would be interesting to look back on the past 10 years. So, rather than posting my regular year in review, here’s an abbreviated trip through the past 10 years of my life, both personal and professional. 2010 The decade started for me in an almost […]

The post 2010 – 2019: Decade in Review appeared first on MOR10.




d

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.




d

The Best Free Zoom Backgrounds to Make Your Video Conferencing More Fun

If you’re a remote worker, you may have plenty of experience with video conferencing as a way to communicate with clients, team members, or other colleagues. But with millions of additional...

Click through to read the rest of the story on the Vandelay Design Blog.




d

9 Convincing Reasons Why Designers Should Pursue Personal Projects

Web designers have skills and expertise that open up a whole world of possibilities. Many designers and developers choose to pursue personal projects in their own time, which can be a nice change of...

Click through to read the rest of the story on the Vandelay Design Blog.




d

15 Digital Products That Web Designers Can Create and Sell

There are a number of different ways to make money as a web designer aside from simply creating websites for clients. Many freelancers choose to supplement their income from client work by doing some...

Click through to read the rest of the story on the Vandelay Design Blog.




d

Google Ranking Factors 2020: Facts and Myths

Google’s ranking algorithm continues to get more and more complex, and the Ranking Factors 2020: Facts and Myths infographic from Link-Assistant tries to break through some of the misinformation that’s out there.

It seems a little while ago that Google hinted at having 200+ ranking factors. Though in fact, it happened in the year of 2009, and we are heading to 2020 now.

Google has drastically evolved over the past ten years. Today, neural matching — an AI-based method — processes about 30% of all searches, and Google can recognize concepts behind keywords. They have introduced RankBrain, mobile-first indexing, and HTTPS. As we need to adapt to changes and find ways to get atop of SERPs, the topic of ranking factors remains as fresh as ever.

So let's have a look at what ranking factors to consider in 2020, and what ranking myths to leave behind.

I have mixed feelings about this infographics design:

Good:

  • It’s a concise summary of very complex information that’s laid out in the more detailed, full article.

  • The infographic is a handy reference sheet and great for use in social media as promotion for the article.

  • Clean arrangement that’s easy to read from top-to-bottom

Bad:

  • Almost all text.

  • Not that there’s much data that could have been visualized with charts, but some visual design elements would have made the infographic easier to read and more enticing to readers.

  • Text URL to the article! When the infographic gets shared, how are readers supposed to find the article when it’s not linked??? Put it in the footer on the infographic!




d

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/




d

Top Construction Projects in the World

Highlighting some of humanity’s biggest construction achievements is the 10 of the Top Construction Projects in the World informational infographic from 53 Quantum.

Human societies have always looked to build the biggest and best monuments to their ingenuity, resources and craftsmanship. From the Empire State Building, to the Eiffel Tower, and the Great Pyramids of Giza to the Great Wall of China, we’ve always looked to build the biggest and best. Mind blowing historic building projects now litter travel-minded folks bucket lists everywhere, and they make up a huge part of the historic tapestry.

But it’s 2019 now. We need to talk about the Burj Khalifas and Libyan Irrigation projects of the world. For the first time in history, there are societies wealthy, powerful, and most importantly, cohesive enough to build spectacularly huge projects. By working together with our geographical neighbours, we’ve been able to give the world some truly unbelievable, innovative projects. The International Space Station leaps to mind as a collaboration between nations.

With so many stunning projects continually on the go around the planet, we at 53 Quantum thought it’d be an idea to put together a quick infographic of ten of the biggest and best. Of course, there’ll be examples we missed and things we left off, because how do you compare a massive railway restoration and modernisation with a super skyscraper project? Apples and oranges!

Nevertheless, here are ten of the world’s most impressive construction projects.

Although I like the infographic, this design falls short in a few areas.

  • Where’s the Data Visualization? The biggest missed opportunity in this design is that the data isn’t visualized. You want readers to understand how big or how expensive these projects were, you need a visualization that puts that into context!

  • Nice illustrations, but that isn’t enough. Most of the impact of the size and scale of these projects is lost because it’s buried in the text.

  • A map of the locations would be nice.

  • Is there any logic to the order of these projects in the infographic? Readers will look through the list from top-to-bottom in order. They’re not sorted by cost or on a timeline.

Thanks to David for submitting the link!




d

Star Wars Size Comparison Video

The galaxy far far away has items both big and small. The Star Wars Size Comparison Video created by MetaBallStudios brings droids, people and planets together from the Star Wars movies (episode I to VIII, Rogue One and Solo). See how your favorites size up against each other.

Comparison of many things from the Star Wars movies. Only movies from episode I to VIII, Rogue One and Solo. Obviously not everything appears, only the most representative.

Providing scale and context to your audience is one of the key tenets of data visualization, and this video does a fantastic job of giving you the context of the size of everything in the Star Wars universe.

Found on Gizmodo.com.




d

Smartwatch Showdown: Apple Watch vs. Fitbit Versa

In the world of smartwatches, the two big contenders are the Apple Watch and the Fitbit Versa. The Smartwatch Showdown infographic from The Watchstrap is very timely with recent news that Google has just acquired Fitbit.

In the world of wearable gadgets, smartwatches are all the rage at the moment. The smartwatch market is growing by the day, and new and improved devices are constantly being released. This means that picking the right smartwatch can be a real head-scratcher. To help you choose the right device for your needs, we’ve compared two of the hottest smartwatches on the market: the Apple Watch Series 4 and Fitbit Versa!

If you want to find out which of these devices came on top in the end, don’t miss the comprehensive infographic below!

First, this is a great use of infographics in content marketing! The Watchstrap is an online retailer of watch bands, and the infographic is a comparison design without being a sales pitch. It draws in traffic by providing valuable information, which build credibility for their brand.

There are a handful of things I didn’t like about the design itself that could be easily improved to make this a better infographic design:

  • Too much text. I realize there isn’t much data to work with, but they need to cut down the text in the infographic. Paragraphs of explanation don’t belong in the infographic, they belong on the landing page. The infographic should be short and draw in readers to the website if they want to learn more.

  • The scale is wrong in the Size & Design section of the infographic. The dimensions of the Apple Watch are larger, but the graphic illustration on the page is smaller. The illustrations should be visually correct to scale.

  • Eliminate any word wrap when possible. There are a number of list points that have one hanging word wrapping to a second line. This could be avoided by shortening the text or just widening the text box. There’s room in the design without wrapping some of these words.

  • The URL in the footer should link to the infographic landing page, not the home page of the company site.

  • Copyright or Creative Commons license is completely missing.

  • Don’t obscure the source by only listing the home page URL. What’s the link to the research data?




d

The Chart Guide v4.0 - Interview & Giveaway

Michiel Dullaert, data visualization expert and trainer from the Netherlands, has updated his Chart Guide poster to version 4! A free PDF is available for download from his website, and introduces a new category, 19 new charts and 4 extra design tips. You can also purchase a full-size printed poster version.

As the November 2019 Giveaway, I have a pair of Chart Guide posters, that will be shipped to one lucky winner. That way you get one for yourself, and one you can give to a friend or coworker.

Register HERE by November 30, 2019 at 11:59pm CT, and the winner will be randomly chosen on December 1st!

This poster shows 84 charts to choose from and includes 16 chart design tips to help you make the Perfect Chart. The poster is available as a big poster or you can download the PDF file for free. Let this ChartGuide poster help you choose and design your Perfect Chart.

You can see his complete write-up about the new version HERE. I was able to ask Michiel a few interview questions about developing the posters:

Cool Infographics: What’s your background and how did you get into visualizing data?

Michiel Dullaert: Years ago I have been working in the boardgame and puzzle industry. Part of my work was discovering new boardgames and puzzles and introduce them to the market. I was working for two different companies, both at the time that a new product of theirs really changed the market. For the boardgame industry I worked for the company that introduced a new type of boardgame (the game of Catan) that made playing boardgames a popular hobby. After that, I worked for a company that created puzzle magazines at the time the Sudoku puzzles was introduced. And here the same happened again, a new type of puzzle that changed the way people would puzzle and talk about puzzles. Both were very nice jobs, with a lot of enthusiastic conversations with customers about new products.

In both companies I was working in the product development. I always had a large personal interest in the data behind the products. So it felt logic to do more with data, and I changed careers. I started working for a large company as an analyst. And it was not long that I found out that my colleagues were not interested in my reports. Although the reports contained interesting information it was shown in large tables and busy charts. People seemed to be not interested and if the looked into the numbers, they did not seem to understand them. My work did not seem to matter. The contrast between my previous jobs and the work as an analyst could not have been bigger. At that time I decided I would try to find a way to make people as enthusiastic about data as they were about boardgames and Sudoku puzzles. 

The first step was reading books on the topic of data visualization. Because I was working in the business intelligence field, the most logic choice were the books of Stephen Few. I bought them all and a whole new world opened for me. When Few was in the Netherlands to give a course I felt very lucky I could join. The workshops inspired me to learn more on this topic. So I bought more books and the next year I joined a class of Alberto Caïro. This gave me multiple perspectives on the same topic. The things I learned were applied to my work, and I was getting more and more responses on my visualizations. People actually started to read and understand them. 

My manager asked me to explain my choices in visualizations to my colleagues, so they could learn from me. And then I discovered how great it is to teach about data visualisation. I met a couple of UX designers and they inspired me learn more about that topic and to get an UX certification. The knowledge I gained in learning UX helped me in developing my own perspective on good data visualization. And in my workshop I try to inspire others to create such. For these workshops I wanted an overview of charts. Although there were already some great overviews, none of them had the point of view I was teaching in class. So I decided to design my own. That’s how Chart.Guide started. 

Cool Infographics: Who is the Chart Guide poster intended for?

Michiel Dullaert: The website and the posters are intended for everyone who makes charts. For me it does not matter if you are working as a data-journalist or a data scientist, a infographic designer, project manager or a financial analyst. As long as you need help or inspiration when making charts or tables, Chart.Guide can help you. Online in the form of the website and offline in the form of the poster. Because I want to inspire as many people as possible I made the PDF of the poster free to download. I know that the poster is used in business departments, newsrooms and in school classrooms.

Cool Infographics: What was your design process for the poster?

Michiel Dullaert: The main source for updates to the poster or website, is the conversations I have with people I teach or work with. If they have a need for certain chart types, or make design mistakes, I try to add that topic. 

DPG Chart Chooser

The first poster edition (picture DPG Chart Chooser) was just a collection of charts I created for my students. For each chart a few words on when to use the chart and, more important, it gave advice on what charts were not recommended. On the second edition (the first under the Chart.Guide brand) I added chart design tips.  The reason, I saw people choose a good chart but then mess up the design. Last year, I got questions about maps, so I decided to add them on poster edition 4. 

Rearranging the layout of the Chart Guide

The design process starts with insight I get from conversations I am having. Next step is cutting the old poster and rearranging everything. (see picture ChartGuide rearrange) now, will lead to more insights on the poster in the future. Although it make take some time to transform everything to the screen or paper. I still need to find some time to explain on the website why some charts are “not recommended”. 

Cool Infographics: You asked your followers to help choose the design of the new poster. How did that go?

Michiel Dullaert: The poster is made to help people. So it seems to be logic to give them a role in the design process. As a UX designer I like to test my designs before releasing them. Most of these tests are done in class, because I like to observe the users in how they use the new design. The online voting was suggestion of a student. It did give me a lot of useful feedback. Especially when people wrote a lot of text explaining their choice. For future editions I will do the same.

Cool Infographics: How can people follow you for updates?

Michiel Dullaert: People who have downloaded the PDF will get an email when a new poster is available, or when something interesting is added to the website. For this and more chart related inspiration, they can follow me on Twitter: @Chart_Guide or on facebook: /ChartGuide1.

This helpful reference guide is one of over 25 FREE data visualization guides I maintain links to in the Cool Infographics Tools pages. See them all on the DataViz Reference Guides page, and let me know if I’m missing any.




d

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




d

How Does Impeachment Work?

With Impeachment in the news every day lately, Curtis Newbold (The Visual Communication Guy) put together a handy explanation infographic, How Does Impeachment Work? A FREE downloadable PDF is also available from his website.

Considering the recent news of the House launching an official impeachment inquiry against President Donald Trump, it seemed worthwhile to create an infographic that describes the impeachment process.

Many Americans falsely assume that the term “impeachment” means automatic removal from office. That isn’t the case. The term “impeachment” simply means that someone in a high-ranking federal position has been found to have committed a crime or act of treason or bribery that seems serious enough to send that person through trial. If impeachment occurs, only then will the Senate conduct a trial and vote on conviction and removal from office.

As you can see in the graphic, “impeachment” simply means officially charging someone in public office of misconduct or legal wrongdoing. The term and process can be used for many different federal officials, not just the President of the United States. Impeachment does not mean that the person is necessarily guilty. But it does mean that they have been officially accused of some wrongdoing and that the House of Representatives feels there is enough evidence to at least do an investigation.

Here is a quick review of how the process works:

This is a great use of infographics. Take a complicated subject, and try to make it understandable to your audience. Notice that I said “understandable” not “simple”. The main goal of data visualization and infographics is to clarify information, but it is often mis-characterized as simplifying information.

This design still has too much text explanation for my taste. He goes into more details in the blog post that accompanies the infographic, so I think the infographic design could remove more of the explanatory text and draw people to the full article.