-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
367 lines (333 loc) · 20.3 KB
/
index.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>#datraolat – Kabi@</title>
<meta name="description" content="2015eko Durangoko Azokako Kabi@ gunean egindako #datraolat gehigarriaren aurkezpena">
<meta name="author" content="Asier Iturralde Sarasola - iametza interaktiboa">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/white.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<link rel="stylesheet" href="css/itxura.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section class="sarrera">
<img class="iametza" src="img/iametza.png">
<h1 class="izenburua">#datraolat</h1>
<h3 class="azpi-izenburua">traolak eta erabiltzaile-izenak naturalago</h3>
<p class="nork">Asier Iturralde Sarasola <a href="http://twitter.com/aldatsa">@aldatsa</a></p>
<p class="non">Durangoko Azokako Kabi@ gunea</p>
<p class="noiz">2015-12-05</p>
<img class="ideia-batetik-errealitatera" src="img/ideia-batetik-errealitatera.png">
</section>
<section class="zer-da-datraolat">
<h2>Zer da <span class="datraolat">#datraolat</span>?</h2>
<p>Euskal txiolariei Twitterren traola eta erabiltzaile-izenak modu naturalago batean deklinatzeko aukera ematen dien Firefox, Chrome eta Safari nabigatzaileetarako gehigarria</p>
<div class="nabigatzaile-logoak">
<img class="fragment" src="img/firefox.jpg">
<img class="fragment" src="img/chrome.png">
<img class="fragment" src="img/safari.png">
</div>
</section>
<section>
<section class="eztabaida">
<h2>Twitter-en eztabaida</h2>
<p>Zer erabili behar litzateke traola eta erabiltzaile-izenak deklinatzeko?</p>
<table>
<tr class="fragment">
<td>Marra bertikala</td>
<td><a href="https://twitter.com/search?q=%23euskarabildua">#euskarabildua</a>|ren</td>
</tr>
<tr class="fragment">
<td>Marratxoa</td>
<td><a href="https://twitter.com/search?q=%23euskarabildua">#euskarabildua</a>-ren</td>
</tr>
<tr class="fragment">
<td>Zuriunea</td>
<td><a href="https://twitter.com/search?q=%23euskarabildua">#euskarabildua</a> ren</td>
</tr>
<tr class="fragment">
<td>Puntua</td>
<td><a href="https://twitter.com/search?q=%23euskarabildua">#euskarabildua</a>.ren</td>
</tr>
<tr class="fragment">
<td>Apostrofoa</td>
<td><a href="https://twitter.com/search?q=%23euskarabildua">#euskarabildua</a>'ren</td>
</tr>
<tr class="fragment">
<td>Tileta</td>
<td><a href="https://twitter.com/search?q=%23euskarabildua">#euskarabildua</a>~ren</td>
</tr>
<tr class="fragment">
<td>...</td>
</tr>
</table>
</section>
<section>
<h2>Marra bertikalaren aldekoak</h2>
<blockquote class="twitter-tweet" lang="eu"><p lang="eu" dir="ltr">Oraindik konturatu ez bazara, hitzak <a href="https://twitter.com/twitter">@Twitter</a>|en banatzeko dotoreagoa da <a href="https://twitter.com/hashtag/marra?src=hash">#marra</a>|ren erabilera, <a href="https://twitter.com/hashtag/gidoi?src=hash">#gidoi</a>-ak jarri baino.</p>— Iñaki Larrañaga (@InakiLarra) <a href="https://twitter.com/InakiLarra/status/658033258320568320">October 24, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Marratxoaren aldekoak</h2>
<blockquote data-conversation="none" class="twitter-tweet" lang="eu"><p lang="und" dir="ltr"><a href="https://twitter.com/InakiLarra">@InakiLarra</a> ba nei gidoia gehio gustatze zait...</p>— Aiora (@probatxoa) <a href="https://twitter.com/probatxoa/status/658033569445584897">October 24, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Zuriunearen aldekoak</h2>
<blockquote data-conversation="none" class="twitter-tweet" lang="eu"><p lang="und" dir="ltr"><a href="https://twitter.com/InakiLarra">@InakiLarra</a> Bada nik ez bata ez bestea, hutsuneak jartzen ditut irakurketa argiagoa izan dadin. <a href="https://twitter.com/zaldieroa">@zaldieroa</a> k hitzegin du.</p>— P.Huarte Larraburu (@zaldieroa) <a href="https://twitter.com/zaldieroa/status/658188582650290176">October 25, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Puntuaren aldekoak</h2>
<blockquote data-conversation="none" class="twitter-tweet" lang="eu"><p lang="und" dir="ltr"><a href="https://twitter.com/zaldieroa">@zaldieroa</a> <a href="https://twitter.com/InakiLarra">@InakiLarra</a> Ba niri marra horrek dezente zailtzen dit dit irakurketa. <a href="https://twitter.com/xagra">@xagra</a>.k nahiago puntua</p>— xagra (@xagra) <a href="https://twitter.com/xagra/status/658198928140161024">October 25, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Apostrofoaren aldekoak</h2>
<blockquote data-conversation="none" class="twitter-tweet" lang="eu"><p lang="und" dir="ltr">Niri apostrofea iruditzen zait estetikoki txukunena, eta horixe erabiltzen dut beti. <a href="https://twitter.com/ielortza">@ielortza</a> <a href="https://twitter.com/makilipurdi">@makilipurdi</a> <a href="https://twitter.com/probatxoa">@probatxoa</a> <a href="https://twitter.com/txerren">@txerren</a> <a href="https://twitter.com/InakiLarra">@InakiLarra</a></p>— Aitor Abaroa (@abaroa37) <a href="https://twitter.com/abaroa37/status/658683173589688320">October 26, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Tiletaren aldekoak</h2>
<blockquote data-conversation="none" class="twitter-tweet" lang="eu"><p lang="eu" dir="ltr"><a href="https://twitter.com/teketen">@teketen</a> <a href="https://twitter.com/kokoteko">@kokoteko</a> <a href="https://twitter.com/InakiLarra">@InakiLarra</a> <a href="https://twitter.com/probatxoa">@probatxoa</a> Twitter~eko estetek bertze hau ~ nahiago dute <a href="https://twitter.com/hashtag/marra?src=hash">#marra</a>|rik ez,<a href="https://twitter.com/hashtag/godoi?src=hash">#godoi</a>-rik ez, <a href="https://twitter.com/hashtag/bibote?src=hash">#bibote</a>~a</p>— Santi Leoné (@ororostorm) <a href="https://twitter.com/ororostorm/status/658169275631411201">October 25, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Eta seguru badagoela beste aukeraren bat erabiltzen duen norbait</h2>
<img src="img/raxoi.png">
</section>
<section>
<h2>Txiolariak inkestak egiten hasi ziren</h2>
<blockquote data-conversation="none" class="twitter-tweet" lang="eu"><p lang="und" dir="ltr"><a href="https://twitter.com/kokoteko">@kokoteko</a> <a href="https://twitter.com/InakiLarra">@InakiLarra</a> <a href="https://twitter.com/probatxoa">@probatxoa</a> Gidoia++, |-k esanahi zehatz bat du informatikan (pipe). Gidoia beti erabili dugu.</p>— Gorka Julio (@teketen) <a href="https://twitter.com/teketen/status/658167706466807808">October 25, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<blockquote class="twitter-tweet" lang="eu"><p lang="und" dir="ltr">Bon, bon... Zezenari adarretatik. Euskal txiolariok, gahaltezen eta bozkagun: marra | ala gidoia -</p>— Igør (@ielortza) <a href="https://twitter.com/ielortza/status/658253628613009409">October 25, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
</section>
<section>
<section class="nondik-dator-ideia">
<h2>Nondik dator <span class="datraolat">#datraolat</span>en ideia?</h2>
<img class="homer-pentsatzen" src="img/homer-pentsatzen.png">
</section>
<section>
<h2>Mikko Hypponen-en txioa</h2>
<blockquote class="twitter-tweet" lang="eu"><p lang="en" dir="ltr">Now explain to me why the "Wed" part of "Wednesday" was highlighted in my previous Tweet. <a href="http://t.co/Vxyskj1kaN">pic.twitter.com/Vxyskj1kaN</a></p>— Mikko Hypponen (@mikko) <a href="https://twitter.com/mikko/status/471714218946101248">May 28, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<p>Txio horri esker ezagutu nuen <a href="https://en.wikipedia.org/wiki/Zero-width_space">zero zabalerako zuriunea</a> karakterea</p>
<p>Unicode <a href="http://unicode.org/versions/Unicode5.2.0/ch16.pdf">U+200B</a>
<p>Jatorrizko helburua: karaktereen artean zuriunerik erabiltzen ez duten hizkuntzetan (thailandiera, japoniera...) hitzak edo lerroak mozteko aukerak adieraztea</p>
</section>
<section>
<h2>ARGIA.eus-eko CKEditor-eko plugina</h2>
<img src="img/argia-ckeditor-entresaka.png">
<img src="img/entresaka.png">
</section>
<section class="bonbila-piztu">
<h2>Bonbila piztu<img class="iametza-logoa" src="img/iametza-logoa.png"></h2>
<img class="" src="img/homer-iuju.png">
</section>
</section>
<section class="xkcd">
<h2>Konponbidea ala eztabaida areagotu</h2>
<div>
<a href="https://xkcd.com/927/">
<img alt="Estandarrak" title="Zorionez, kargatzeari dagokiona mini-USBn estandarizatu da, guztiok erabiltzen dugulako. Edo mikro-USB da? Kaka." src="img/estandarrak.png">
</a>
<div>
<a href="http://xkcd.com/">
<img src="img/xkcd.png">
</a>
<p class="lizentzia">
<span>Lizentzia: </span>
<a href="http://creativecommons.org/licenses/by-nc/2.5/">CC-BY-NC 2.5</a>
</p>
</div>
</div>
</section>
<section>
<section>
<h2>Garapena</h2>
<p>Firefox, Chrome eta Safari-rako gehigarriak JavaScript erabiliz sortzen dira.</p>
<img src="img/js.png">
</section>
<section>
<h2>JavaScript alde guztietan</h2>
<ul>
<li>Nabigatzailean</li>
<li>Nabigatzaileen gehigarriak</li>
<li>Zerbitzarietan (Node.js)</li>
<li>Mugikorretako aplikazioetan (Cordova)</li>
<li>Mahaigaineko aplikazioak (NW.js, Electron...)</li>
<li>...</li>
</ul>
<img src="img/js-all-the-things.jpg">
</section>
</section>
<section class="argitaratzea">
<h2>Argitaratzeko prozesua</h2>
<table>
<tr>
<td>
<img class="logoa" src="img/firefox.jpg">
</td>
<td class="balorazioa">Oso ona</td>
</tr>
<tr>
<td>
<img class="logoa" src="img/chrome.png">
</td>
<td class="balorazioa">Ona</td>
</tr>
<tr>
<td>
<img class="logoa" src="img/safari.png">
</td>
<td class="balorazioa">Txarra</td>
</tr>
</table>
</section>
<section>
<section>
<h2>Lehen txioa</h2>
<blockquote class="twitter-tweet" lang="eu"><p lang="eu" dir="ltr"><a href="https://twitter.com/iametza">@iametza</a>n <a href="https://twitter.com/aldatsa">@aldatsa</a>k garatutako <a href="https://twitter.com/hashtag/datraolat?src=hash">#datraolat</a>ekin traolak eta erabiltzaile-izenak naturalago <a href="https://t.co/lQlM3URJb5">https://t.co/lQlM3URJb5</a> <a href="https://t.co/A001dbnmUK">pic.twitter.com/A001dbnmUK</a></p>— Elisabeth Pombo (@epombo) <a href="https://twitter.com/epombo/status/658683105054695428">October 26, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Laster zabaldu zen berria euskal txiosferan</h2>
<blockquote class="twitter-tweet" lang="eu"><p lang="und" dir="ltr">Ei, <a href="https://twitter.com/InakiLarra">@InakiLarra</a>: begira <a href="https://twitter.com/epombo">@epombo</a>-k nola lortu duen gidoi eta barra barik aipamen bat egitea <a href="https://twitter.com/hashtag/FlipetanKoloretan?src=hash">#FlipetanKoloretan</a> :D <a href="https://t.co/XzfG3kwiIe">https://t.co/XzfG3kwiIe</a></p>— Gorka Bereziartua (@boligorria) <a href="https://twitter.com/boligorria/status/658687402945454080">October 26, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section data-background="http://i.giphy.com/90F8aUepslB84.gif">
</section>
<section>
<blockquote class="twitter-tweet" lang="eu"><p lang="und" dir="ltr">Ondo egin badut <a href="https://twitter.com/iametza">@iametza</a>ren <a href="https://twitter.com/hashtag/datraolat?src=hash">#datraolat</a>en gehigarria ondo instalatu dut. Eta orain, zer egin behar dugu <a href="https://twitter.com/hashtag/marra?src=hash">#marra</a> <a href="https://twitter.com/hashtag/gidoi?src=hash">#gidoi</a> eta <a href="https://twitter.com/hashtag/apostrofe?src=hash">#apostrofe</a>ekin?</p>— txerren (@txerren) <a href="https://twitter.com/txerren/status/658694003156721664">October 26, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<blockquote class="twitter-tweet" lang="eu"><p lang="und" dir="ltr">Ze interesgarria <a href="https://twitter.com/hashtag/datraolat?src=hash">#datraolat</a>en gehigarria! Amaitu dira gidoitxoa ala marra dikotomia! eskerri asko <a href="https://twitter.com/iametza">@iametza</a>ri</p>— leire narbaiza arizm (@txargain) <a href="https://twitter.com/txargain/status/658927361405100032">October 27, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<blockquote class="twitter-tweet" lang="eu"><p lang="und" dir="ltr"><a href="https://twitter.com/hashtag/datraolat?src=hash">#datraolat</a> datsegit eta darabilt <a href="https://t.co/in5wjV3Utu">https://t.co/in5wjV3Utu</a></p>— uiturriaga (@uiturriaga) <a href="https://twitter.com/uiturriaga/status/659649045976195072">October 29, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<blockquote class="twitter-tweet" lang="eu"><p lang="eu" dir="ltr">Ez dakit zer esango luketen Wittgenstein edo Oteizak <a href="https://twitter.com/hashtag/Datraolat?src=hash">#Datraolat</a>eri buruz: hutsunea ez den espazioa, elkartzen duen tartea...<a href="https://twitter.com/hashtag/zerowidthspace?src=hash">#zerowidthspace</a></p>— Edorta Amurua (@makilipurdi) <a href="https://twitter.com/makilipurdi/status/658937559192596480">October 27, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<img src="img/oteiza-datraolat.png">
</section>
<section>
<h2>AEKren Aizu! aldizkarian</h2>
<img class="aizu-zaldieroa" src="img/aizu-datraolat.jpg">
</section>
</section>
<section>
<section>
<h2>0.2.0 bertsioan hobekuntzak</h2>
<ul>
<li>Safarirako bertsioa</li>
<li>Webgune gehiagotan erabiltzeko aukera</li>
<ul>
<li>Tweetdeck</li>
<li>Github</li>
<li>Gitlab</li>
<li>...</li>
</ul>
<p>Arazo ezaguna: Facebook</p>
</li>
</ul>
</section>
</section>
<section>
<h2>Demoa</h2>
<p>Oso erraza da instalatu eta erabiltzea</p>
<p>Zalantzarik baduzue begiratu <a href="http://www.iametza.eus">iametza</a>ren blogeko artikulu hau:</p>
<a href="http://www.iametza.eus/euskara/bloga/datraolatekin-traolak-eta-erabiltzaile-izenak-naturalago">http://www.iametza.eus/euskara/bloga/datraolatekin-traolak-eta-erabiltzaile-izenak-naturalago</a>
</section>
<section>
<section class="lizentzia">
<h2>Software librea</h2>
<p>GPLv3 lizentzia</p>
<a href="http://www.gnu.org/licenses/gpl-3.0.en.html"><img class="gplv3-logoa" src="img/GPLv3_Logo.svg.png"></a>
</section>
<section>
<h2>Iturburu-kodea</h2>
<img src="img/github.png">
<p><a href="https://github.com/iametza/datraolat">https://github.com/iametza/datraolat</a></p>
</section>
</section>
<section>
<section>
<h2>Etorkizunera begira</h2>
<p>Hurrengo bertsioan: laster-teklak</p>
<blockquote class="twitter-tweet" lang="eu"><p lang="eu" dir="ltr"><a href="https://twitter.com/aldatsa">@aldatsa</a>ren <a href="https://twitter.com/hashtag/datraolat?src=hash">#datraolat</a> probaten, laster-teklie faltan, al' bada bakotzak gudauena imintzekue ;)</p>— zital (@ZiTAL) <a href="https://twitter.com/ZiTAL/status/659660826291384320">October 29, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Eta mugikorretan?</h2>
<blockquote class="twitter-tweet" lang="eu"><p lang="und" dir="ltr">Gozada bat da <a href="https://twitter.com/hashtag/datraolat?src=hash">#datraolat</a>arekin idatzi ahal izatea, baina oso gutxitan idazten ditut nik txioak <a href="https://twitter.com/hashtag/Twitter?src=hash">#Twitter</a>eko webgunetik. Mlskr @iametsa!</p>— Maite Goñi Eizmendi (@euskaljakintza) <a href="https://twitter.com/euskaljakintza/status/659145352243761152">October 27, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Internazionalizazioa?</h2>
<blockquote class="twitter-tweet" lang="eu"><p lang="en" dir="ltr">If you tweet in an agglutinative language and have to use hyphens for <a href="https://twitter.com/Handle">@handle</a>s or <a href="https://twitter.com/hashtag/hashtag?src=hash">#hashtag</a>s, you may wanna try the <a href="https://twitter.com/hashtag/datraolat?src=hash">#datraolat</a> plugin.</p>— Oihan Txabarri (@oihantxabarri) <a href="https://twitter.com/oihantxabarri/status/658967740435296257">October 27, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</section>
<section>
<h2>Laster History Channel-en...</h2>
<img src="img/alienak.jpg">
</section>
</section>
<section>
<img src="img/mila-esker-katua.jpg">
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>