!
W E L C O M E
HARIS
MAHMOOD
Shopify
HackerYou
Devtoast
Rep It Supply
Emma Watson Enthusiast@harismahmood89
//////////////////////
meetharis.com
/////////////////
T H E E V O L U T I O N + F U T U R E O F
C O N T E N T P U B L I S H I N G
I
T H E B E G I N N I N G
Y E O L D E W E B
T I M B E R N E R S - L E E
N U C L E A R
R E S E A R C H F A C I L I T Y
1 9 8 0
H Y P E R T E X T
S H A R I N G A M O N G S T
R E S E A R C H E R S
P R O P E R
S T A N D A R D
H T M L
S I M P L E , F L E X I B L E
+ F O R G I V I N G
G R E W
E X P O N E N T I A L LY
W E B O F C O N T E N T
c o l l a b o r a t e + s h a r e
i n f o r m a t i o n a m o n g a w i d e
r a n g e o f p e o p l e
B U T !
T H I N G S W E R E N ’ T
P E R F E C T
C O N S U M E R
R E Q U I R E M E N T S
L I M I T A T I O N S
M A N U A L + S L O W
T O O L I N G
C O M F O R T
E V O L U T I O N
L I M I T A T I O N S +
A B I L I T Y
C O N T E N T
C O N T E N T
M A N A G E M E N T
C O N T E N T
M A N A G E M E N T
S Y S T E M
II
R A I N M A N
R e m o t e A u t o m a t e d I n f o r m a t i o n
N e t w o r k M a n a g e r
F I L E N E T
E N T E R P R I S E
F O C U S E D
P H P - N U K E
Z E N D
B L O G G E R
2 0 0 3
U N L I M I T E D
C U S T O M I Z A T I O N S
T H I R D P A R T Y
E X T E N S I O N S
C M S E X P L O S I O N
H U N D R E D S M O R E
III
S L O W LY B U T
S U R E LY
N E W F O C U S
S I M P L E R
I N T U I T I V E
E A S Y T O U S E
O N E I N
P A R T I C U L A R
S Q U A R E S P A C E +
O T H E R S
S T A T E O F
T O D A Y- I S H
T O N N E S O F
O P T I O N S E X I S T
A F E W C O N C E R N S
+ L I M I T A T I O N S
IV
P E R F O R M A N C E
N O T T H E B E S T
C O N T I N U E T O
I M P R O V E
P L U G I N S + T O O L S
F E A T U R E S V S P E R F
T O M P R E S T O N -
W E R N E R
F A S T E S T O P T I O N
S T A T I C H T M L
D I F F E R E N T
D I R E C T I O N
S I T E G E N E R A T O R
# This is a title
A casual paragraph about some stuff
- The first list item
- Another list item
> A sweet sweet quote
<h1>This is a title</h1>
<p>A casual paragraph about some stuff</p>
<ul>
<li>The first list item</li>
<li>Another list item</li>
</ul>
<blockquote>
<p>A sweet sweet quote</p>
</blockquote>
---
layout: post
title: Dinosaurs are freakin’ awesome.
---
<!DOCTYPE HTML>
<html>
<head>
<title>{{ page.title }}</title>
</head>
<body>
...
C U S T O M P O S T
T Y P E S + P L U G I N S
R U B Y C O M P I L E R
S T A T I C H T M L
< O N E S E C O N D
G I T B O O K
H E X O
H U G O
O C T O P R E S S
P E L I C A N
B R U N C H
M I D D L E M A N
M E T A L S M I T H
H A R P
E X P O S E
G A T S B Y
C A C T U S
R O O T S
N I K O L A
…
M O R E
O K A Y, B U T…
V
E A S E O F U S E ?
C M S - N E S S
C M S — T O S T A T I C
S W I G T E M P L A T E S
<ul>
{% for interview in interviews %}
<li>
<a href="{{ url(interview) }}">{{ interview.name }}</a>
<img src="{{ interview.image|imageSize(50, 50) }}" />
</li>
{% endfor %}
</ul>
{% include "templates/partials/paginator.html" %}
S T A T I C W E B S I T E S
O P E N S O U R C E
S E L F - H O S T
W E B H O O K
L I Q U I D + S A S S + J S
C O M P A T I B L E W I T H
J E K Y L L
C O D E , G I T H U B O R
V I S U A L I N T E R F A C E
H O S T I N G O P T I O N S
G R O W T H O F N E W
F R A M E W O R K S +
L I B R A R I E S
D E V F L E X I B I L I T Y
C O N T E N T R E Q U I R E D
O N M U L T I P L E
P L A T F O R M S
W E B , A P P S , D E V I C E S ,
I N T E R A C T I V E M E D I A
T H I N K O U T S I D E T H E
B R O W S E R
R U B Y O N R A I L S
C O N T E N T A P I
P R O V I D E J U S T
T H E D A T A
A L L O W F O R F U L L
F L E X I B I L I T Y
S E P A R A T I O N O F
C O N C E R N
F R O N T- E N D N O T
T I E D T O C O N T E N T
M A N A G E M E N T
A L L C O N T E N T I N
O N E P L A C E
C O N T E N T
S P E E D S U P
P U B L I S H I N G
K E E P S C O N T E N T
C O N S I S T E N T
A L L O W S F O R
P A R A L L E L
D E V E L O P M E N T
J O N A T H A N
J A V A S C R I P T, C M S +
A P I
I N C R E D I B L E
P O T E N T I A L
C M S I N D U S T R Y
C O N T I N U E S T O G R O W
S M A L L E R P L A Y E R S
F R E S H I N N O V A T I V E
I D E A S
T A K E A S T E P B A C K
R E Q U I R E M E N T S +
N E E D S
D E T E R M I N E W H A T ’ S
M O S T A P P R O P R I A T E
M A K E E M M A
P R O U D
T H A N K - Y O U
#ONELOVE
@harismahmood89

The Evolution and Future of Content Publishing

  • 1.
  • 2.
    W E LC O M E
  • 3.
    HARIS MAHMOOD Shopify HackerYou Devtoast Rep It Supply EmmaWatson Enthusiast@harismahmood89 ////////////////////// meetharis.com /////////////////
  • 4.
    T H EE V O L U T I O N + F U T U R E O F C O N T E N T P U B L I S H I N G
  • 5.
  • 6.
    T H EB E G I N N I N G
  • 7.
    Y E OL D E W E B
  • 8.
    T I MB E R N E R S - L E E
  • 10.
    N U CL E A R R E S E A R C H F A C I L I T Y
  • 11.
  • 12.
    H Y PE R T E X T
  • 13.
    S H AR I N G A M O N G S T R E S E A R C H E R S
  • 14.
    P R OP E R S T A N D A R D
  • 15.
  • 16.
    S I MP L E , F L E X I B L E + F O R G I V I N G
  • 18.
    G R EW E X P O N E N T I A L LY
  • 19.
    W E BO F C O N T E N T
  • 20.
    c o ll a b o r a t e + s h a r e i n f o r m a t i o n a m o n g a w i d e r a n g e o f p e o p l e
  • 21.
  • 22.
    T H IN G S W E R E N ’ T P E R F E C T
  • 23.
    C O NS U M E R R E Q U I R E M E N T S
  • 24.
    L I MI T A T I O N S
  • 25.
    M A NU A L + S L O W
  • 26.
    T O OL I N G C O M F O R T
  • 27.
    E V OL U T I O N
  • 28.
    L I MI T A T I O N S + A B I L I T Y
  • 29.
    C O NT E N T
  • 30.
    C O NT E N T M A N A G E M E N T
  • 31.
    C O NT E N T M A N A G E M E N T S Y S T E M
  • 32.
  • 33.
    R A IN M A N R e m o t e A u t o m a t e d I n f o r m a t i o n N e t w o r k M a n a g e r
  • 34.
    F I LE N E T
  • 35.
    E N TE R P R I S E F O C U S E D
  • 36.
    P H P- N U K E Z E N D B L O G G E R
  • 37.
  • 39.
    U N LI M I T E D C U S T O M I Z A T I O N S
  • 40.
    T H IR D P A R T Y E X T E N S I O N S
  • 42.
    C M SE X P L O S I O N
  • 46.
    H U ND R E D S M O R E
  • 48.
  • 49.
    S L OW LY B U T S U R E LY
  • 50.
    N E WF O C U S
  • 51.
    S I MP L E R
  • 52.
    I N TU I T I V E
  • 53.
    E A SY T O U S E
  • 54.
    O N EI N P A R T I C U L A R
  • 56.
    S Q UA R E S P A C E + O T H E R S
  • 58.
    S T AT E O F T O D A Y- I S H
  • 59.
    T O NN E S O F O P T I O N S E X I S T
  • 60.
    A F EW C O N C E R N S + L I M I T A T I O N S
  • 61.
  • 62.
    P E RF O R M A N C E
  • 63.
    N O TT H E B E S T
  • 64.
    C O NT I N U E T O I M P R O V E
  • 65.
    P L UG I N S + T O O L S
  • 66.
    F E AT U R E S V S P E R F
  • 67.
    T O MP R E S T O N - W E R N E R
  • 68.
    F A ST E S T O P T I O N
  • 69.
    S T AT I C H T M L
  • 70.
    D I FF E R E N T D I R E C T I O N
  • 72.
    S I TE G E N E R A T O R
  • 73.
    # This isa title A casual paragraph about some stuff - The first list item - Another list item > A sweet sweet quote
  • 74.
    <h1>This is atitle</h1> <p>A casual paragraph about some stuff</p> <ul> <li>The first list item</li> <li>Another list item</li> </ul> <blockquote> <p>A sweet sweet quote</p> </blockquote>
  • 75.
    --- layout: post title: Dinosaursare freakin’ awesome. ---
  • 76.
  • 77.
    C U ST O M P O S T T Y P E S + P L U G I N S
  • 78.
    R U BY C O M P I L E R
  • 79.
    S T AT I C H T M L
  • 81.
    < O NE S E C O N D
  • 82.
    G I TB O O K H E X O H U G O O C T O P R E S S P E L I C A N B R U N C H M I D D L E M A N M E T A L S M I T H H A R P E X P O S E G A T S B Y C A C T U S R O O T S N I K O L A … M O R E
  • 83.
    O K AY, B U T…
  • 84.
  • 85.
    E A SE O F U S E ?
  • 86.
    C M S- N E S S
  • 87.
    C M S— T O S T A T I C
  • 91.
    S W IG T E M P L A T E S
  • 92.
    <ul> {% for interviewin interviews %} <li> <a href="{{ url(interview) }}">{{ interview.name }}</a> <img src="{{ interview.image|imageSize(50, 50) }}" /> </li> {% endfor %} </ul> {% include "templates/partials/paginator.html" %}
  • 93.
    S T AT I C W E B S I T E S
  • 94.
    O P EN S O U R C E
  • 95.
    S E LF - H O S T W E B H O O K
  • 100.
    L I QU I D + S A S S + J S
  • 102.
    C O MP A T I B L E W I T H J E K Y L L
  • 103.
    C O DE , G I T H U B O R V I S U A L I N T E R F A C E
  • 104.
    H O ST I N G O P T I O N S
  • 106.
    G R OW T H O F N E W F R A M E W O R K S + L I B R A R I E S
  • 107.
    D E VF L E X I B I L I T Y
  • 108.
    C O NT E N T R E Q U I R E D O N M U L T I P L E P L A T F O R M S
  • 109.
    W E B, A P P S , D E V I C E S , I N T E R A C T I V E M E D I A
  • 110.
    T H IN K O U T S I D E T H E B R O W S E R
  • 111.
    R U BY O N R A I L S
  • 112.
    C O NT E N T A P I
  • 113.
    P R OV I D E J U S T T H E D A T A
  • 114.
    A L LO W F O R F U L L F L E X I B I L I T Y
  • 115.
    S E PA R A T I O N O F C O N C E R N
  • 116.
    F R ON T- E N D N O T T I E D T O C O N T E N T M A N A G E M E N T
  • 123.
    A L LC O N T E N T I N O N E P L A C E
  • 124.
    C O NT E N T
  • 126.
    S P EE D S U P P U B L I S H I N G
  • 127.
    K E EP S C O N T E N T C O N S I S T E N T
  • 128.
    A L LO W S F O R P A R A L L E L D E V E L O P M E N T
  • 129.
    J O NA T H A N
  • 130.
    J A VA S C R I P T, C M S + A P I
  • 131.
    I N CR E D I B L E P O T E N T I A L
  • 133.
    C M SI N D U S T R Y C O N T I N U E S T O G R O W
  • 134.
    S M AL L E R P L A Y E R S
  • 135.
    F R ES H I N N O V A T I V E I D E A S
  • 136.
    T A KE A S T E P B A C K
  • 137.
    R E QU I R E M E N T S + N E E D S
  • 138.
    D E TE R M I N E W H A T ’ S M O S T A P P R O P R I A T E
  • 139.
    M A KE E M M A P R O U D
  • 140.
    T H AN K - Y O U #ONELOVE @harismahmood89