Twitter Wants Photos, Not Links, from Instagram Users

Virginia DeBolt's Instagram banner

It made news this week when Twitter asked Instagram users to post images directly to Twitter instead of posting a link to the photo on Instagram. When an image is posted on Instagram, the user can choose to send a link to the image to Twitter. An image from Instagram will show up on Facebook when shared there, but Facebook owns Instagram.

Yesterday I heard an interesting talk from Meagan Rhodes (@MeaganNRhodes) about using social media. (She’s worth following on Twitter if you’re interested in social media for your business.) She talked about how millennials are all on Instagram. She’s a young woman herself (at least when compared with me) and much more in touch with what millennials are doing with social media.

I personally don’t mind clicking through from Twitter to see a photo on Instagram, although Meagan said most younger people won’t click. But Twitter wants the original image to be put on Twitter and for the link to Instagram to go away.

There are more active users on Instagram now than there are on Twitter. That’s a big change. There are some reasons for this.

  1. Instagram is all visual. The world is rapidly becoming all visual.
  2. Instagram allows more than 140 characters.
  3. Instagram allows a number of hastags in each post. And additional hashtags can be added later in a comment on your own photo.
  4. Comments on Instagram photos are directly under the photo and don’t require searching back through different threads on Twitter. That means any hashtags associated with photo are right there on the page with the photo.
  5. The Instagram accounts of people who visit and comment on your photo are right there and easy to Follow.

When you list some of the reasons for Instagram’s heavy use by millennials, it becomes clear why Instagram is taking the lead over Twitter and winning the lottery for eyeballs.

It would be good for Twitter if users took their advice and actually posted their photos directly on Twitter. But how would it benefit anyone’s brand, traffic, or image sharing from the Instagram side of things? It would not.

A while back I wrote about adding Instagram photos to your own blog. Everything I said in that post still applies for two reasons. It your blog. It’s not a link to a photo as with Twitter.

CSS4 May Include Some Useful Pseudo Classes

The editor’s draft (emphasis on draft) for Level 4 Selectors from the W3C mentions some potential new pseudo selectors that the W3C describes as functional.

The matches-any Pseudo Class

This allows you to create a selector that targets a comma separated list of selectors. Here’s the syntax.

E:matches(selector1[, selector2, …]) {
    /* declarations */
}

For example

h1:matches(section, article, aside) {
    color: blue;
}

Another example, which selects a list of classes:

blockquote:matches(.pull, .feature, .break) { 
    color: blue; 
}

The negation Pseudo Class

The syntax:

E:not(negation-selector1[, negation-selector2, …]) {
    /* declarations */
}

In CSS3, only one selector was allow for this pseudo class. Now you can have a comma separated list as the syntax shows.

For example:

a:not([rel="prev"], [rel="next"]) {
    color: red;
}

The has Pseudo Class

This is a relational pseudo-class. It’s mentioned in the W3C draft document I mentioned, but it’s not mentioned in other places. I’m not sure if that means it’s brand new or was already discarded.

For example:

a:has(> img) {
     border: none;
}

That selector would remove a border from an <a> element that contain an <img> child.

Support?

You can check your efforts to work with these new CSS4 potential selectors using the test at css4-selectors.com. There’s also a list of all selectors from CSS1 to CSS4 on that site, but it does not mention the :has selector.

Resources for Material Design

Material Design is a set of design principles created by Google for developers creating apps for Android. They call it a design language. The concepts don’t apply only to Android, of course. Some of the resources I’ll mention below can be helpful to anyone.

You may be familiar with the way things designed this way look and work, because Google has deployed it on most of its sites since last June.

color blocks for picking a color scheme

The opening page of materialpalette.com

Material Palette is a bold color picking tool. Simply pick two colors and you are offered a color palette.

a group of colors with color codes

The color palette for blue and deep orange

Material Palette is quick, simple, and useful to any app developer.

To back up a bit, a definition and description of what Material Design is all about can be found at developer.android.com. It deals with more than color choices. The design concepts also involve animations, shadows, and drawables.

Google also provides a set of basics about Material Design. The Google site discusses the goals and principles of Material Design and goes on to explain style, animation and many more aspects of development using the concepts.

MaterialUp.com offers inspiration in the form of daily examples of how the concepts have been used in websites and apps. This site and Material Palette are interconnected.

A Must See Movie: The Imitation Game

Keira Knightly and Benedict Cumberbatch in The Imitation Game.

Keira Knightly and Benedict Cumberbatch in The Imitation Game.

I don’t normally review movies here, but I’m making an exception of this film about the early beginnings of the computer because I think it’s a must see for anyone working with a computer.

The Imitation Game stars Benedict Cumberbatch as English mathematician and logician, Alan Turing. Turing helped crack the Enigma machine, a Nazi encryption device, by developing a code breaking machine which has come to be known as the computer.

Benedict Cumberbatch as Alan Turing next to his "Turing machine."

Benedict Cumberbatch as Alan Turing next to his “Turing machine.”

Cumberbatch gives a brilliant performance. He’s absolutely flawless as this graceless, socially inept, mathematical genius who was a marathon runner and a closeted homosexual.

The team of mathematical genius watching the first time they decrypt a message from the Enigma machine

The team of mathematical geniuses at Bletchley Park watching the first time they decrypt a message from the Enigma machine.

Others starring in The Imitation Game are Keira Knightley, Matthew Goode, Allen Leech, and Matthew Beard as the team at Bletchly Park, site of the UK’s code and encryption school, who worked together to crack the Enigma machine.

Charles Dance plays the commander and Rory Kinnear plays the detective whose decision to prosecute Turing for homosexuality probably led to his death.

Alex Lawther plays the school boy Turing: a wonderful performance from one so young. By peering into Turing’s past, it helps the audience see how so many things that happened were the way they were.

The movie starts in 1951 and jumps between that time, the war years, and Turing’s school days.

For anyone interested in computers (and who isn’t) this movie is a must see. Additionally, it’s an excellent rendering of an important historical period, complete with film from the time. The film looks at what it means to be different, to not fit in, and to be forced to hide what you are for fear of imprisonment.

Images ©Black Bear Pictures

For Completeness

For completeness, you may want to watch some of the other movies about Alan Turing. Sir Derek Jacobi played him in the 1997 Breaking the Code. There’s a documentary called Codebreaker. If you haven’t already seen these two films, they should be watched as well. I intend to watch them!

If you want to go old school and get more factual information than a movie offers, there are some books about Alan Turing: Alan Turing: The Enigma: The Book That Inspired the Film “The Imitation Game” and Alan Turing: Unlocking the Enigma.

Accessibility Teaching Materials: Free Download

Accessibility Teaching Resources

A free booklet for web educators

I prepared a booklet (PDF) of materials that I use to teach a short class in web accessibility. There really isn’t a great resource for a class in web accessibility that covers the basics in just a few hours. I took some of my handouts and made such a resource for you. It’s a free download.

Get Accessibility Teaching Resources now. Free!