12 de Enero de 2010
Pixelar.me | con ese divertido (y geek) nombre, lancé a finales del pasado año un proyecto que se gesto durante la segunda mitad de 2009, que consistía en agrupar, contener y alentarme a producir más contenidos y artículos sobre desarrollo web, en español y de libre acceso.
También me sirvió para, de una vez por todas, poder organizar todos mis artículos, tutoriales, posts en un solo sitio, un blog sobre desarrollo web, que cuenta con más de 100 artículos, hasta hoy, y la idea es que siga creciendo (cualitativa y cuantitativamente, en ese orden
).
Si quieres puedes conocer un poco más sobre el proyecto, o la historia de su nombre o su diseño ^_^
18 de Septiembre de 2008
Hace ya algunas semanas, programé por hobby e inicialmente para Carla (paginasweb.com.uy) y para todo quién quiera usarlo gratuitamente, dos bloques, uno que muestra el estado climático de Montevideo, Uruguay y otro la cotización de las principales divisas.
De hecho el del Pronóstico meteorológico pueden verlo desde hace un tiempito en el barra lateral de mi blog…
Para incluir cualquiera de los dos bloques, puedes entrar a ésta página y copiar los códigos para luego pegarlos dónde quieras mostrarlos (blogs, webs, etc…)
27 de Noviembre de 2007
Para poder insertar facilmente un video en nuestro blog, con un método parecido a YouTube, en YouTube utilizan un gran método llamado streaming, consistente en que la descarga va unas centésimas de segundo por delante de la reproducción, con lo que el video comienza a reproducirse prácticamente en el momento de seleccionarlo. Ver entrada completa »
3 de Noviembre de 2007
Hoy presento una util herramienta gratuita que nos permite armar una paleta de colores, pudiendo elegir tonos armónicos o contrastantes, colores pasteles, claros, oscuros y más…
También tiene una modalidad para elegir solamente “safe-colors” para usar en web.
16 de Octubre de 2007
Este pequeño tutorial nos enseña cómo abrir imágenes de forma muy atractiva utilizando JavaScript.
Es el mismo que utilizo en mi galería de fotos, así que allí mismo pueden ver el ejemplo funcionando.
.
Pasos para la instalación
- Descargar Lightbox 2.0
- Incluir el siguiente código en el tag <head>
<script type=”text/javascript” src=”js/prototype.js”></script>
<script type=”text/javascript” src=”js/scriptaculous.js?load=effects”></script>
<script type=”text/javascript” src=”js/lightbox.js”></script>
- Incluir el archivo CSS en el <head>
<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />
- Chequear que las rutas a los archivos arriba mencionados (y a prev.gif, next.gif, loading.gif, close.gif) tanto en el html, en el js y en el css, estén correctas.
- Agregar en cada link de imágen que queramos abrir con este sistema el siguiente código: rel=”lightbox”
Ej.: <a href=”images/image-1.jpg” rel=”lightbox” title=”my caption”>image #1</a>
Si tienes una secuencia de imágenes vinculadas, puedes usar rel=”lightbox[album]” para vincularlas entre si, de modo que quedarán de la siguiente manera:
<a href=”images/image-1.jpg” rel=”lightbox[parque]“>image #1</a>
<a href=”images/image-2.jpg” rel=”lightbox[parque]“>image #2</a>
<a href=”images/image-3.jpg” rel=”lightbox[parque]“>image #3</a>
.
Web del proyecto lightbox 2.0
15 de Octubre de 2007
Anduve pensando y se me ocurrió la idea de abrir en mi blog, una sección dedicada a lo que yo hago, desarrollar webs.
Yo tengo entre mis marcadores (o favoritos), una amplia colección de utilidades, recursos, trucos y artículos de diseño y programación web, y me pareció que era una idea interesante compartirlos, en entregas no regulares, en esta nueva sección dedicada al Desarrollo Web.
Me parece una linda forma de ayudar a quienes buscan información sobre estos temas y retribuir a la comunidad lo que día a día me da, ayudando a promocionar proyectos o dando difusión (la mínima que puedo darles) a proyectos en desarrollo y webs interesantes!
Hasta la proxima entrada en Desarrollo web…
31 de Octubre de 2006
Aclaro que este más que un artículo técnico, es un medio por el cuál expresaré la forma en que me manejo ante un nuevo proyecto para un cliente.
Que utilidad puede tener este texto:
- Si también eres desarrollador web, quizá pueda servirte para implementarlo, o al menos tener en cuenta opciones de esto.
- Si eres un cliente o estás interesado en mis servicios como desarrollador web, quizá te interese saber la forma en que trabajo.
- Si no eres ninguna de las otras dos, quizá te ayude a pasar 10 minutos de tu vida.
¿Qué hacer ante una persona interesada en realizar una página web?
- Ofrezco que vea mis trabajos anteriores en mi portfolio, no hay nada mejor que ver lo que ya hice para saber que lo que haga ahora podrá ser aún mejor.
- Dispongo el tiempo que sea necesario, para conversar con el posible cliente, sobre qué es lo que quiere para su página, que ideas tiene, y cómo sería la mejor manera de ponerlo en práctica.
Generalmente en una reunión (si fuera posible) o sino vía telefónica, mensajería instantánea o e-mail.
- Luego de tener una idea aproximada de qué es lo que esta persona quiere o necesita, paso a ofrecerle formas de hacerlo, así como complementos o ideas que podrían complementar bien su idea de que busca para su página web.
- Paso importante, entrego simultáneamente un boceto y un presupuesto. El cliente (si desea realizar el proyecto), puede decidir eliminar algunas cosas para disminuir los costos, o agregar otras (que obviamente aumentarían los mismos).
- El cliente (si es que ya confirmó la realización del proyecto), abonaría un porcentaje previamente acordado, como seña para el trabajo, y brindaría su opinión sobre el boceto. Qué le gusta, qué no le gusta, qué cosas desea cambiar, etc. Mi idea (como ya sabrán los que han trabajado conmigo, porque siempre lo digo), es que ese borrador se cambie entre un 1% y un 99%, pero que haya algo sobre lo qué cambiar el 99%.
Es una base, sobre la que se construirá lo que el cliente desea y como él lo decida.
- Luego de que ambas partes tenemos las ideas más claras, procedo a la realización de la web, de la cuál el cliente podrá ir viendo la evolución en tiempo real, dado que mientras voy realizando el desarrollo voy subiendo las cosas a internet (generalmente en un servidor y con una dirección provisoria, pero es indiferente).
- Al terminar el desarrollo, viene otra instancia en la que el cliente podrá pedir todos los cambios que desee, y un nuevo rediseño teniendo en cuenta los nuevos comentarios del cliente.
- El paso 7 se repite hasta que el cliente queda completamente conforme con su página web, porque ésa es mi idea, que la gente quede verdaderamente contenta con el sitio web que adquirió.
- Se entrega el sitio (se brindan los archivos, o se sube al servidor, o lo que se haya estipulado) y se realiza el pago del saldo del costo (el total menos lo previamente abonado en concepto de seña).
- Generalmente pido a las personas que realizaron todo este recorrido conmigo, un comentario, una opinión, una crítica o algún tipo de retroalimentación.