forked from frontenders/frontenders.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpast.html
executable file
·248 lines (206 loc) · 15.2 KB
/
past.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="shortcut icon" href="/favicon.ico">
<title><frontenders/> Valencia: a meetup for Frontend & UI Developers, UX & Web Designers</title>
<meta name="description" content="Frontenders es una reunión mensual centrada en temas de desarrollo frontend, diseño web, UI y UX.">
<meta name="author" content="Tony Camaiani http://tony.camaiani.it">
<meta name="viewport" content="width=device-width">
<link href='http://fonts.googleapis.com/css?family=Rambla:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/libs/modernizr.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="container">
<header>
<hgroup class="clearfix">
<h1>
<a href="index.html"><frontenders/>
<span>valencia</span></a>
</h1>
<h2>
a meetup for
<span>Frontend & UI Developers,</span>
<span>UX & Web Designers</span>
</h2>
<nav>
<ul>
<li><a href="frontenders.html">¿Que es?</a></li>
<li><a class="selected" href="#">Anteriores</a></li>
<ul>
</nav>
</hgroup>
</header>
<div id="main" role="main" class="clearfix">
<h2 class="centered orange scream margin_top_0">Meetups anteriores</h2>
<h3 class="centered past">jueves 14 noviembre 2013</h3>
<div class="clearfix">
<section class="content first_box">
<h2>UX en 30 minutos</h2>
<p>Un viaje rápido por el mundo del UX. Todos sabemos qué significa User Experience, pero ¿de verdad sabemos qué quiere decir UX a la hora de crear un proyecto?</p>
<p>Intentaremos explicar la esencia, algunas técnicas aplicadas al diseño/estructura (cosas que se mueven y hacen cosas... para no aburrirnos) y cómo presentar un proyecto que haga uso de UX.
<a class="block" target="_blank" href="http://andreo.li/download/FRONTENDERSNOV2013.pdf">slides »</a>
</p>
<p>Stefano Andreoli (<a target="_blank" href="https://twitter.com/helloandreoli">@helloandreoli</a>) es Creative Director @ <a target="_blank" href="http://www.andreo.li/">Andreo.li Interactive Design Studio</a>.</p>
</section>
<section class="content second_box">
<h2>Lean Design</h2>
<p>En esta charla empezaremos a definir el perfil de diseñador dentro del mundo de las Startups tecnológicas, cual es su papel y sus objetivos.</p>
<p>Después nos centraremos en metodología de trabajo a la hora de afrontar un proyecto interactivo. Planteando las fases y procesos que intervienen desde la definición de la idea hasta su lanzamiento, y poniendo hincapié en los planteamientos, la organización y la experiencia de usuario.</p>
<p>Todo ello introduciendo algunas bases de la metodología Lean Startup aplicadas al diseño, que nos permitirán validar nuestro proyecto y asegurar la acogida y posible éxito del producto final.</p>
<p>Flan (<a target="_blank" href="https://twitter.com/flanlog">@flanlog</a> | <a target="_blank" href="http://flan.cat">flan.cat</a>) es Director Creativo en weplaysweet y Advisor/Mentor especializado en diseño y UX en momentum.do.</p>
</section>
</div>
<section class="full_box centered sponsor home">
<h3>Patrocinador</h3>
<a class="ir block vstartups" target="_blank" href="http://www.meetup.com/Valencia-Startups/" title="Valencia Startups">Valencia Startups</a>
</section>
<h3 class="centered past">jueves 10 octubre 2013</h3>
<div class="clearfix">
<section class="content first_box">
<h2>Responsive Images: problemas y soluciones actuales</h2>
<p>Analizaremos los problemas actuales con las imágenes en nuestra web: velocidad de conexión, dispositivos con retina display y sus posibles soluciones - hasta que la W3C nos ofrezca una solución.</p>
<p>Daniel Martínez (<a target="_blank" href="https://twitter.com/Wakkos">@Wakkos</a>) es Consultor y Instructor Web alrededor del mundo.</p>
</section>
<section class="content second_box">
<h2>Aprendiendo y experimentando para enderezar lo que se tuerce</h2>
<p> Hablaremos de aprender a equivocarse y de cómo la verdad flota a partir de ejemplos de nuestra nueva web, de la experiencia de los 5 años de Estudio Menta y de cómo funcionamos como interfaz humana entre el front y el back, cómo desde un estudio de diseño gráfico llevamos el proceso de diseño sin perder de vista el desarrollo. Una charla interactiva que irá derivando según la participación de los asistentes.
<a class="block" target="_blank" href="slides/EstudioMentaFrontendersOct2013.pdf">slides »</a>
</p>
<p>Xavi Calvo y Raül Climent
son Diseñadores y Socios @ <a target="_blank" href="http://estudiomenta.com/">Estudio Menta</a> (<a target="_blank" href="https://twitter.com/estudioMenta">@estudioMenta</a>).
</p>
</section>
</div>
<section class="full_box centered sponsor home">
<h3>Patrocinador</h3>
<a class="ir block onbile" target="_blank" href="http://job-onbile.zeendo.com/" title="Onbile - Create your mobile website with premium templates.">Onbile - Create your mobile website with premium templates.</a>
</section>
<h3 class="centered past">jueves 12 septiembre 2013</h3>
<section class="content first_box">
<h2>Diseño gráfico para no-diseñadores</h2>
<p>En algún momento de nuestras vidas todos hemos tenido que diseñar algo: un documento, unas transparencias, una tarjeta de felicitación, una página web... La reacción de un diseñador profesional suele <a href="http://i.imgur.com/71tEcdh.gif" target="_blank">ser algo así</a>.</p>
<p>En esta breve charla hablaremos de "Lo mínimo que todo el mundo debería saber sobre diseño gráfico"™ y veremos recursos de diseño para principiantes. Todo esto con la sana intención de mejorar las relaciones bilaterales entre diseñadores y programadores.
<a class="block" target="_blank" href="http://www.slideshare.net/sezarg/charla-frontenders-diseno">slides »</a>
</p>
<p>César (<a target="_blank" href="https://twitter.com/interruptme">@interruptme</a>) es Chico de los Cafés @ robotito.es </p>
</section>
<section class="content second_box">
<h2>The mobile web - At a snail‘s pace</h2>
<p>Let‘s face it, although we have widespread coverage of 3G in our cities, the mobile web still tends to be terribly slow sometimes.
And we as website creators with our cutting edge responsive techniques in our toolbox think that we only have to add some media queries to make our sites mobile friendly.
But that isn't the whole picture.</p>
<p>This presentation is going to reveal some of the most essential performance implications of the mobile web.
Mastering these techniques and embracing the constraints of mobile can help today‘s webmakers to design more responsibly for devices with limited bandwidth, thus making the overall experience for people on-the-go faster.
This results in happier end users, more customers and higher search rankings, which eventually leads to more money.</p>
<p>... does your mobile site still load at a snail‘s pace?
<a class="block" target="_blank" href="http://de.slideshare.net/MarcelKalveram/the-mobilewebatasnailspace">slides »</a>
</p>
<p>Marcel Kalveram (<a target="_blank" href="https://twitter.com/marcelkalveram">@marcelkalveram</a>) is responsible for the technical side of things @ digital agency JUNGMUT from Cologne/Germany</p>
</section>
<h3 class="centered past">jueves 13 junio 2013</h3>
<section class="content first_box">
<h2>Tendencias en el Diseño Web</h2>
<p>
El diseño web no es sólo dejar un sitio bonito y apañado. Sin duda, la estética de un sitio es más que importante pero el diseño implica muchos más conceptos, como usabilidad, experiencia de usuario, interfaz amigable, interactividad... En la era de la imagen en la que vivimos cuidarlo es fundamental para el éxito del proyecto. Introduciremos las tendencias actuales del diseño en la Web y hablaremos sobre todo lo referente al front-end de las mismas: tecnologías, técnicas, innovación, estilo e interfaces.
<a class="block" target="_blank" href="http://www.alexos.es/fe/#/">slides »</a>
</p>
<p>Alex Olmos (<a target="_blank" href="https://twitter.com/alexolmos/">@alexolmos</a>) es Diseñador Gráfico y Web @ <a target="_blank" href="http://www.alexos.es/">alexos</a></p>
</section>
<section class="content second_box">
<h2>Rapid UI development for web apps</h2>
<p>
We'll talk about how we design complex websites using an iterative and transparent process with our clients, and how we use rapid prototyping to build quicker, and get better results. We'll discuss the design process and winning client approval, and also some of the tools we use to build the sites.
<a class="block" target="_blank" href="http://slid.es/jonlay/rapid-ui-development-for-web-apps">slides »</a>
</p>
<p>Jon Lay (<a target="_blank" href="https://twitter.com/jon_lay/">@jon_lay</a>) is Frontend Developer and Strategist @ Hanno</p>
<p>Matthew Lenzi (<a target="_blank" href="https://twitter.com/mrteoboat/">@mrteoboat</a>) is a Strategist and Project Manager @ Hanno</p>
</section>
<section class="full_box centered sponsor home">
<h3>Patrocinador</h3>
<a class="ir block turia" target="_blank" href="http://www.facebook.com/CervezaTuria" title="Turia Marzen La auténtica cerveza de Valencia.">Turia Marzen La auténtica cerveza de Valencia.</a>
</section>
<h3 class="centered past">Jueves 9 mayo 2013</h3>
<section class="centered margin_bottom_20">
<h2>Especial <img class="max_width" src="img/AngularJS.png" title="AngularJS"></h2>
</section>
<section class="content first_box">
<h2>Angular JS: Introducción</h2>
<p>
En el primer bloque vamos a ver qué es Angular JS, algo de su historia y las diferencias con otros frameworks Javascript. Además veremos cómo crear una aplicación simple desde cero viendo cada una de las características que nos ofrece.
<a class="block" target="_blank" href="https://speakerdeck.com/jacarui/angularjs-frontenders-vlc">slides »</a>
</p>
<p>Javier Casal (<a target="_blank" href="https://twitter.com/jcasalruiz/">@jcasalruiz</a>) es Developer @ Moneymate</p>
</section>
<section class="content second_box">
<h2>Angular JS: Avanzado</h2>
<p>En esta segunda parte veremos aspectos más avanzados de Angular JS como la creación de directivas y diversas integraciones con otros frameworks, los cuales nos permiten testear nuestra aplicación o la creación desde cero de la estructura de la misma.</p>
<p>Javier Carrasco (<a target="_blank" href="https://twitter.com/jacarma/">@jacarma</a>) es Developer @ Moneymate</p>
</section>
<section class="full_box centered sponsor">
<h3>Patrocinador</h3>
<a class="ir block ombushop first_image" target="_blank" href="http://www.ombushop.com/partners?utm_source=frontenders" title=" Programa de Partners: Gana Recomendando a Ombu Shop! | OmbuShop">OmbuShop</a>
</section>
<h3 class="centered past margin_top_40">Jueves 11 abril 2013</h3>
<section class="content first_box">
<h2>Responsive Web Design</h2>
<p>
En esta primera charla Javi nos dará algunos consejos y trucos prácticos para desarrollar un proyecto "responsive", ya sea empezando de cero, o adaptando uno existente. Hablaremos de media queries, flexible media, responsive frameworks y mucho más, y todo ello aplicándolo a un proyecto real, en vivo y en directo.
<a class="block" target="_blank" href="http://www.slideshare.net/JavierArquesHernndez/responsive-web-design-18574084">slides »</a>
</p>
<p>Javier Arques (<a target="_blank" href="https://twitter.com/javiarques/">@javiarques</a>) es Frontend Developer @ Artvisual</p>
</section>
<section class="content second_box">
<h2>Asset Packaging</h2>
<p>
El asset packaging es un conjunto de técnicas que se aplican ya en casi todos los proyectos web, y que permite, entre otras cosas, mejorar el rendimiento cuando hay una gran cantidad de recursos que servir. Esta charla será una introducción a estas técnicas y sus ventajas, y discutiremos distintas formas de implementarlas.
<a class="block" target="_blank" href="http://miguelonrails.com/assetpackaging-slides/#/">slides »</a>
</p>
<p>Miguel Angel Fernandez (<a target="_blank" href="https://twitter.com/elmendalerenda/">@elmendalerenda</a>) es Developer @ beCode</p>
</section>
<section class="full_box">
En este primer meetup, habrá también una pequeña presentación del evento por Tony Camaiani (<a target="_blank" href="https://twitter.com/tonycamaiani/">@tonycamaiani</a>), Frontend Developer @ peerTransfer
</section>
<section class="full_box centered sponsor">
<h3>Patrocinador</h3>
<a class="ir block qikker first_image" target="_blank" href="http://www.qikkeronline.nl/searching-freelance-developers-valencia-spain/" title="Qikker Online is looking for Freelance Developers in Valencia, Spain">Qikker Online</a>
</section>
</div>
<footer class="clearfix">
<section class="first">
<h3>Participa</h3>
<p>
¿Quieres participar en una de las
próximas reuniones? Escribe a
<a href="mailto:frontendersvalencia@gmail.com">frontendersvalencia@gmail.com</a>
</p>
</section>
<section class="middle">
<h3>Síguenos</h3>
<p>
<a target="_blank" href="https://twitter.com/frontendersVLC">@frontendersVLC</a>
<a target="_blank" href="https://twitter.com/search?q=%23frontendersVLC">#frontendersVLC</a>
</p>
</section>
<section class="last">
<h3>Partner</h3>
<p>
<a class="ir block workether" target="_blank" href="http://www.workether.com/" title="Workether | Coworking Space + Interactive Agency">Workether</a>
</p>
</section>
</footer>
</div> <!--! end of #container -->
<script>
var _gaq=[['_setAccount','UA-39434678-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>