Learning HTML and CSS by making tweetable quotes
Learning HTML and CSS by making tweetable quotes
Minimum price
Suggested price
Learning HTML and CSS by making tweetable quotes

Last updated on 2015-02-11

About the Book

HTML and CSS are key skills to learn if you're working with content - but too often learning it is frustrating because it's all about web design.

This mini book introduces you to some basic HTML by showing you a particularly useful application of simple coding skills: making something in an article 'tweetable'.

You'll learn about HTML, CSS and APIs in four stages:

  • The first part introduces HTML basics by showing how to create the 'tweetable quote';
  • The second part adds more details on tweeting links, hashtags and @names.
  • The third part covers how to make a 'tweetable image';
  • And finally, the fourth part shows you how to add a little design flair with CSS.

About the Author

Paul Bradshaw
Paul Bradshaw

Paul Bradshaw runs the MA in Data Journalism and the MA in Multiplatform and Mobile Journalism at Birmingham City University, where he is an associate professor. He publishes the Online Journalism Blog, and is the founder of investigative journalism website HelpMeInvestigate. He has written for the Guardian and Telegraph’s data blogs, journalism.co.uk, Press Gazette, InPublishing, Nieman Reports and the Poynter Institute in the US. Formerly Visiting Professor at City University’s School of Journalism in London, He is the author of the Online Journalism Handbook, now in its second edition, Magazine Editing (3rd Edition) with John Morrish and Mobile-First Journalism with Steve Hill. Other books which Bradshaw has contributed to include Investigative Journalism (second edition), Web Journalism: A New Form of Citizenship; and Citizen Journalism: Global Perspectives.

His books on Leanpub include Scraping for JournalistsFinding Stories in Spreadsheets, the Data Journalism Heist, Snapchat for Journalists, and 8000 Holes: How the 2012 Olympic Torch Relay Lost its Way.

Bradshaw has been listed in Journalism.co.uk’s list of the leading innovators in journalism and media and Poynter’s most influential people in social media. In 2010, he was shortlisted for Multimedia Publisher of the Year. In 2016 he was part of a team that won the CNN MultiChoice African Journalist Awards.

In addition to teaching and writing, Paul acts as a consultant and trainer to a number of organisations on social media and data journalism. You can find him on Twitter @paulbradshaw

Table of Contents

  • Introduction
  • Stage 1: The tweetable quote
    • Starting with HTML: opening and closing tags
    • Customising the tweeted text: hackable URLs
    • Changing your linked text to a ‘call to action’
    • Adding a Twitter icon
  • Stage 2: Adding links, hashtags and @names to a ‘tweet this’ window
    • An introduction to APIs
  • Stage 3: Adding an embedded image to a ‘Tweet this’ tweet
    • Adding your image URL to the ‘tweet this’ link
  • Stage 4: Styling your ‘Tweet this’ quotes with CSS
    • HTML = content and meaning; CSS = style and design
    • Three types of CSS
    • CSS targets tags, attributes and values
    • Inline styles using the style attribute
    • Applying all this to your tweetable quote
  • Taking things further: reverse-engineering someone else’s CSS

The Leanpub 45-day 100% Happiness Guarantee

Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms...

Write and Publish on Leanpub

Authors, publishers and universities use Leanpub to publish amazing in-progress and completed books and courses, just like this one. You can use Leanpub to write, publish and sell your book or course as well! Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks. Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. It really is that easy.

Learn more about writing on Leanpub