-
Notifications
You must be signed in to change notification settings - Fork 0
/
charla-beati.html
137 lines (129 loc) · 7.12 KB
/
charla-beati.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
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="no-js ie6 convocatoria" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="no-js ie7 convocatoria" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie8 convocatoria" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="empleos" lang="es"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>UX2013: Jornada de experiencia de usuario</title>
<meta content="UX2013: Jornada de Experiencia de Usuario" property="og:title">
<meta content="http://www.ux2013.com.ar" property="og:url">
<meta content="UX2013: 03/dic/2013: Universidad Catolica Argentina y 04/dic/2013: Centro Cultural Borges, en el marco del Día Mundial de la Usabilidad. El principal evento profesional en Argentina sobre Experiencia de Usuario, Usabilidad, Diseño de Interacción, Accesibilidad y temáticas relacionadas." property="og:description">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link rel="stylesheet" href="assets/font-awesome-4.0.3/css/font-awesome.min.css">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div class="menu">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<ul class="nav pull-left">
<li class="active"><a href="#home">Home</a></li>
<!-- <li><a href="#convocatoria">Convocatorias</a></li> -->
<li><a href="https://eventioz.com.ar/e/ux2013-experiencia-de-usuario/registrations/new">Registrarse ahora</a></li>
<li><a href="#programa">Programa</a></li>
<li><a href="#sedes">Sedes</a></li>
<!-- <li><a href="#empleos">Empleos</a></li> -->
</ul>
<ul class="nav pull-right">
<li><a href="#"><img src="img/icon-twitter.png" width="33" height="33" /></a></li>
<li><a href="#"><img src="img/icon-facebook.png" width="33" height="33" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<section class="header">
<div class="container">
<h1>
<span style="margin-left:-6pt;">UX</span><span class="accent">2<span style="letter-spacing:-.02em;">0<span style="letter-spacing:-.1em;">13</span></span></span>
</h1>
<!-- <h2><strong>Oferta de empleos</strong></h2> -->
<p class="date"><span class="accent">3 y 4 de diciembre 2013</span></p>
</div>
</section>
<!-- <section class="event-place">
<div class="container">
<p>Universidad Católica Argentina • Centro Cultural Borges</p>
</div>
</section>
-->
<section class="intro">
<div class="container">
<div class="jobpostindex">
<div class="item">
<!-- <div class="itemphoto">
<img src="img/foto-sfq-48.jpg" alt="Sebastián Fernández Quezada">
</div>
-->
<!-- <div class="itemctnt"> -->
<!-- <div class="who">
<span class="name">Sebastián Fernández Quezada</span> de
<span class="company">Corvalius</span>
</div>
-->
<div class="what">
<p class="jobtitle oradorestitle">Hacia una Metodología de Diseño Web Responsive.</p>
<p class="jobkind">Hernán Beati</p>
</div>
<!-- </div> -->
</div>
</div>
<div class="intro-txt">
<p>Desde hace un par de años, un gran porcentaje de los usuarios de nuestros sitios web utilizan teléfonos, tabletas y televisores para navegar la web, dejando obsoletos nuestros viejos diseños de ancho fijo, pensados para una sola resolución de pantalla. Es necesario replantear nuestra metodología de diseño para que considere las necesidades de todos nuestros usuarios, sin perjudicar por eso nuestra productividad y eficiencia. Cómo implementar una Metodología de Diseño Web Responsive, será el tema que estaremos abordando en esta presentación.</p>
<h4>Acerca de Hernán Beati</h4>
<p>Es Analista de Sistemas y Profesor universitario especializado en diseño y programación para la Web. Autor del libro “PHP, Creación de páginas Web dinámicas” de Alfaomega. Dirige el campus virtual de SaberWeb, y ha dictado capacitaciones y conferencias en decenas de universidades, institutos y empresas. Hace más de diez años que desarrolla sitios web, intentando aplicar una metodología de diseño centrado en el usuario y pautas de accesibilidad. Se especializó en HTML5 y Responsive Web Design (está escribiendo un libro sobre cada uno de estos dos grandes temas que revolucionaron la web actual).</p>
<br />
<ul class="fa-ul urls-list">
<li><i class="fa-li fa fa-facebook"></i> <a href="https://www.facebook.com/saberweb" title="Saber web">https://www.facebook.com/saberweb</a></li>
<li><i class="fa-li fa fa-twitter"></i> <a href="https://twitter.com/hernan_beati" title="Twitter Hernan Beati">@hernan_beati</a></li>
<li><i class="fa-li fa fa-linkedin"></i> <a href="http://www.linkedin.com/in/hernanbeati" title="Linkedin Hernan Beati">http://www.linkedin.com/in/hernanbeati</a></li>
</ul>
<hr class="bs-docs-separator">
<a href="index.html#programa" class="mas-empleos">« volver al programa</a>
</div>
</div>
</section>
<section class="sponsors">
<div class="container">
<h4>Organizan</h4>
<ul class="organizers">
<li><img src="img/org_internet-society.png" width="185" height="77"></li>
<li><img src="img/org_ixda.png" width="185" height="77"></li>
<li><img src="img/org_uxpa.png" width="185" height="77"></li>
</ul>
</div>
</section>
<section class="footer">
<div class="container">
<h3><span class="ux-txt"><span class="accent">UX</span>2013</span></h3>
<div class="title">
<p>Experiencia de Usuario |</p>
<p><span class="accent">3 y 4 de diciembre 2013</span></p>
</div>
<p><strong>Usabilidad, Accesibilidad, Diseño y Tecnología</strong> | En el marco del Día Mundial de la Usabilidad</p>
</div>
</section>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.js"></script>
</body>
</html>