Lean content: An effective web writing workflow

Post on 15-Apr-2017

6.381 views 0 download

Transcript of Lean content: An effective web writing workflow

@portentint

LEAN CONTENT

@portentint

I’m Ian. CEO of Portent.

@portentint

@portentint

@portentint

Once, I raced bicycles(I sucked)

@portentint

Lean = Maintaining Velocity

@portentint

Lean = Occasional Road Rash

@portentint

Lean = Looking Where You’re Going

@portentint

You have to practice

@portentint

2x effort now means .5x effort forever

@portentint

.5x effort = better technique

@portentint

HOW I CREATE A BLOG POST

@portentint

I find my ideas

@portentint

Answerthepublic.com

@portentint

@portentint

@portentint@portentint

My own twisted psyche

Deodorant in space?

@portentint

Google Suggest

@portentint

@portentint

@portentint

I set up my project

@portentint@portentint

Do not skip this

@portentint

I use plain text

@portentint

Sublime Text 2

@portentint

Why plain text? Hmmm. Let’s see…

@portentint

It doesn’t crash

@portentint

Small

@portentint

Portable

@portentint

HTML, from Word

@portentint

Future proof

the aliens have invaded!

@portentint

Future proof

at least they can read my text files

@portentint

Add Markdown

@portentint

http://bit.ly/1RscAUc

Install guide

@portentint

@portentint

@portentint

@portentinthttps://daringfireball.net/projects/markdown/syntax

@portentint

Preview in Marked

Marked2app.com

@portentint

On Windows:

http://markdownpad.com/

@portentint

Use images (that matter)

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

@portentint

Use images for a reason

@portentint

“Break up the page” is not a reason

@portentint

Sourcing images

@portentint@portentint

Bespoke

@portentint@portentintA Dwarf by BrokenMachine86 (brokenmachine86.deviantart.com). Colored pencils and ink on brown paper.

Wikimedia

@portentint@portentint

Pexels

Unsplash

@portentint

Google filter by usage rights

@portentint

Snagit for screen caps

@portentint

Quick Snagit tip: Save sharper screen caps

@portentint@portentint

Skitch

Mac: CMD + CTRL + 4

Windows: CTRL + PrtScn

Android: Sleep/wake + volume down

iOS: Sleep/wake + Home

@portentintQuestions? Tweet @portentint

@portentint@portentint

Alfred lacks purpose

@portentint@portentint

Alfred has purpose

@portentint

Prep the images

@portentint

Preview on Mac

Paint on Windows

@portentint

Compress!!!See http://portent.co/speedy-sites

@portentint

Put ‘em where they belong

@portentint

Save. The. Original.

@portentint

Want a preview?

@portentintNo formatting yet, but see size/shape

@portentint

Edit

@portentint

HemingwayApp

@portentint

Proofread

@portentintCREDIT: ZEKE MILLER, TIME REPORTER

@portentint

Grammarly

@portentint

I CONVERT

@portentint

@portentint

Huzzah!!!

@portentint

Automatic

@portentint

Automatic!!

@portentint

Automatic!!!

@portentint

Automatic!!!!

@portentint

Automatic!!!!!!!!!!!

@portentint

Publish

@portentint

Use “Text” not “Visual”

@portentint

Upload images

@portentint

Preview!!!!!!!!!

@portentint

@portentint

HOW I SQUEEZE OUT EVERY DROP OF VALUE FROM THAT CONTENT

@portentint

Re-use

@portentint@portentint

@portentint@portentint

@portentint@portentint

@portentint

time to retweet…

@portentint@portentint

@portentint

The rollup(from @seo-theory)

@portentint

@portentint

@portentint

WHERE TO PUBLISH

@portentint

SLIDESHAREVINEINSTAGRAMSCRIBDKINDLEAUDIO

@portentint

MEDIUMLINKEDIN PULSEQUORAREDDIT

@portentint@portentint

Why publish elsewhere?

@portentint

BONUS ROUND

@portentint

BONUS ROUND!

Smart quotes

“ “” ”‘ ‘’ ’

@portentint

BONUS ROUND!

Others

—–…©™

@portentint

Remember, if you use Markdown, you don’t need to learn these

@portentint

Plague words

@portentint

3E6699

END RESULT RESULTUNDER NO CIRCUMSTANCES NEVERINDEED OMITREGARDLESS OMITSIMPLY PUT OMITOBVIOUSLY OMITBEYOND A SHADOW OF A DOUBT DEFINITELY

HTTP://PORTENT.CO/PLAGUE-WORDZ

@portentint

Formatting

@portentint

BASIC LAYOUT

@portentint

BASIC LAYOUT3-6 lines/paragraph

@portentint

BASIC LAYOUT

1-3 paragraphs per heading

@portentint

Just guidelines

@portentint

TOOLS TO GET FAST

@portentint

TextExpander: Type less

@portentint

@portentint

Shortcat: Mouseless menus

SHIFT + CMD + SPACE

@portentint

Hit ENTER

@portentint

THE ADVANCED CLASS

@portentint

Github

@portentint

Github: Collaboration & versioning

@portentint

Plus Markdown previewing

@portentint

PandocConvert to Word, Kindle, PDF, HTML…

@portentint@portentint

@portentint

THE WRAPUP

@portentint

POOT

@portentint

This is a process

@portentint

2x effort now means .5x effort forever

@portentint

.5x effort = better technique

@portentint

Get in touch! I want to help!!!

@portentint

SMALL, UNMARKED BILLS ONLY

portent.com/blog@portentint

facebook.com/ian.lurie

THE LINKS: http://portent.co/lean-content