-
Notifications
You must be signed in to change notification settings - Fork 0
/
words_brazil.html
85 lines (52 loc) · 4.58 KB
/
words_brazil.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Esta é uma página da web</title>
<style type="text/css">
body { font-size:18px; }
.wrapper { max-width: 600px; margin:0 auto; }
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36474980-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="wrapper">
<h1>Esta é uma página da web.</h1>
<p>Não tem muita coisa aqui.</p>
<p>Apenas palavras.</p>
<p><strong>E você as está lendo.</strong></p>
<p>Nós nos tornamos obcecados por designs luxuosos, layouts responsivos e scripts que fazem coisas mágicas.</p>
<p><strong>Mas a ferramenta mais importante na web ainda são as palavras.</strong></p>
<p>Eu escrevi essas palavras e você as está lendo: <em>isso</em> é mágico.</p>
<p>Eu estou em uma pequena cidade em British Columbia; você provavelmente está em algum outro lugar. Eu escrevi essa página de manhã cedo, no dia 20 de Junho de 2013; você provavelmente a está lendo em um momento diferente. Eu a escrevi no meu laptop; você pode estar lendo-a no seu celular, tablet ou computador de mesa.</p>
<p>Você e eu fomos capazes de nos conectar porque <em> eu escrevi essa página </em>e <em>você a está lendo.</em> <strong>Isso é a web</strong>. Independentemente das nossas diferenças de locais, dispositivos e fusos-horários, nós podemos nos conectar <em>aqui, </em>em uma simples página HTML.</p>
<p>Eu escrevi essa página em um editor de texto. Ela tem 6KB. Eu não precisei de um Sistema Gerenciador de Conteúdos, um designer gráfico, ou um desenvolvedor de software. Não tem muito código nessa página, apenas marcações simples para parágrafos, hierarquias, e enfâses.</p>
<p>Eu me lembro de ensinar minha filha a codificar em HTML quando ela tinha 8 anos. A primeira coisa que ela escreveu foi <a href="https://justinjackson.ca/squirrel">uma história sobre um esquilo</a>. Ela não estava "escrevendo HTML"; <strong>ela estava compartilhando algo com o mundo</strong>. Ela não conseguia acreditar que podia escrever uma história no nosso computador em casa e publicá-la para que o mundo a visse. Ela não se importava com HTML, ela se importava em compartilhar suas histórias.</p>
<p><strong>Você ainda está lendo.</strong></p>
<p>Pense em todas as coisas sobre as quais você poderia comunicar usando uma página simples como essa. Se você é um comerciante, você poderia vender algo. Se você é um professor(a), você poderia ensinar sobre alguma coisa. Se você é um artista, você poderia apresentar algo que fez. <strong>E se suas palavras forem boas, as pessoas irão lê-las.</strong></p>
<p>Se você é um web designer, ou um cliente que está trabalhando com um, eu gostaria de desafiá-lo em pensar nas palavras primeiros. Ao invés de começar com um guia de estilos ou com um modelo no Photoshop, <em>comece com palavras em uma página.</em> </p>
<p>O que você tem a dizer? Se você não sabe então não existe muita utilidade para todos esses outros entulhos. <strong>Apenas comece com uma página</strong>, com um único foco. Escreva e publique, e então <em>desenvolva-a</em>. Toda vez que você for adicionar algo, pergunte a si mesmo: isso me ajuda a comunicar melhor? Esse estilo, imagem ou hiperlink adicional dará maior entendimento à minha audiência? Se a resposta for "não", então não adicione.</p>
<p><strong>Fundamentalmente, web design deveria ser sobre palavras</strong>. As palavras não vêm <em>depois</em> que o design está pronto. Palavras são o começo, o núcleo, o foco.</p>
<p>Comece com palavras.</p>
<p>
Abraços,<br>
Justin Jackson<br>
<a href="http://twitter.com/mijustin">@mijustin</a><br>
<a href="https://plus.google.com/115056462967470089501" rel="publisher">On Google+</a>
</p>
<p>---</p>
<p><em>Estou escrevendo um livro sobre como construir e lançar produtos na web; <a href="http://buildandlaunch.net">você pode encontrar maiores informações aqui</a>.</em></p>
<p><em>Esse post foi inspirado no design de <a href="https://knowyourcompany.com/">Know Your Company</a> (Conheça Sua Empresa) de Jason Fried.</em></p>
<p><a href="http://justinjackson.ca/words.html">English version here</a></p>
</div>
</body>
</html>