Code Monkey home page Code Monkey logo

ebola-viz-twumbshots's Introduction

ebola-viz-twumbshots

Twitter card friendly thumbnails of ebola visualizations from around the Web. These are useful for blogging about ebola vizualizations or maintaining a Gallery of Ebola Visualizations Found Across the Web.

These images are intended to work well in Twitter cards. I needed a name for images intended for inclusion in Twitter cards but did not find one so twumbshots it is.

Etymology

There seems to be no real definitional distinction between thumbnails v. thumbshots.

  • Thumbnails are etymologically rooted in images literally the size of a human thumbnail.
  • Thumbshots imply screenshots which is a more technical term for preview.

Personally, to choose between the two? thumbshots. Really, I don't like either but they are both thumb-things.

So, these thumb-things are intented to be used in the context of Twitter feeds and the subsequent blog posts that Twitter will link through to, so these are Twit-things and well as thumb-things. Twitter + thumbs = twumbs. So, twumbshots it is, which is pretty rare on the Web (31 hits on 2014-11-22 as I write this). The domain is available if you are into that sort of thing.

Dimensions of images

  • https://dev.twitter.com/cards/types/photo
    • Web: maximum height of 375px, maximum width of 435px
    • Mobile (non-retina displays): maximum height of 375px, maximum width of 280px
    • Mobile (retina displays): maximum height of 750px, maximum width of 560px

So, mobile is 280x375 (or double that) and web is 435x375 yet they maintain aspect ratio on resize... If only one aspect ratio ( I do not want to deal with resizing so I'll just go with one size and make it a golden ratio. Settled on 750 wide by 464 high. All files weigh in at less than a megabyte which is a Twitter card image requirement.

ebola-viz-twumbshots's People

Contributors

johntigue avatar

Watchers

 avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.