Ricard Catalan
Hola ♥, soy Ricard Catalan Díaz. Soy diseñador y programador web , quieres conocerme?

Gruas Orion

27 de noviembre de 2008


gruas orionCliente: Gruas Orion S.L.
Web: Gruas orion
Diseño web: Ricard Catalan Diaz
Maquetación: HTML 4.1, CSS 2.1
Programación: Javascript y PHP (junto a la clase phpmailer) para el formulario
Servicios web: No
Posicionamiento: No
CMS: No

Etiquetas:

Autor: entrada de Katan Hora: 15:23

Tablao de carmen


tablao de carmen Cliente: tablao de carmen
Web: Tablao de carmen
Diseño web: Deboom
Maquetación: XHTML 1.0 Strict, CSS 2.1 y Flash
Programación: Javascript y PHP
Servicios web: Si XML-RPC para Turismo de Barcelona
Posicionamiento: No
CMS: Si

Etiquetas:

Autor: entrada de Katan Hora: 13:43

Oasis piscinas


oasis piscinas Cliente: OasisPool s.l.
Web: oasis piscinas
Diseño web: Ricard Catalan Diaz
Maquetación: HTML 4.1, CSS 2.1 y Flash 8
Programación: ActionScript, Javascript y PHP (junto a la clase phpmailer) para el formulario
Servicios web: No
Posicionamiento: No
CMS: No

Etiquetas:

Autor: entrada de Katan Hora: 13:18

Galeria imagenes

Aquí va la galería de imágenes

Autor: entrada de Katan Hora: 12:43

Calendario con mootools 1.2

Hace unos meses estuve buscando un calendario en javascript que funcionara con mootools y que fuese sencillo de implementar.
Después de buscar, me encontré en el blog de Andrés Nieto, pero por desgracia los links de los ejemplos no funcionaban y de nuevo me vi buscando por google, pero al final obtuve la recompensa, lo conseguí encontrar.
Pero no es oro todo lo que reluce y al probarlo vi que solo funcionaba para la versión 1.1 de mootools, así que me puse manos a la obra y lo arreglé para que funcionara para la versión 1.2

La implementación es muy simple:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>Calendario para mootools 1.2</title>
<link href="calendario.css" el="stylesheet" type ="text/css" media="screen" />
<script src="mootools.js" type="text/javascript"></script>
<script src="calendario.js" type="text/javascript">lt;/script>
</head>
<body>
<input class="ncalendar" name="calen" maxlength="20" id="calen" type="text" value="Seleccione una fecha" />
</body>
</html>

Os dejo un link con el ejemplo y otro para descargar el calendario con mootools
descargar

Etiquetas: ,

Autor: entrada de Katan Hora: 10:34 2 comentarios

Capturar variables con javascript desde una url

25 de noviembre de 2008

No hace mucho me surgió la idea de realizar un formulario en HTML enviando las variables mediante POST a un php donde realizaba el envio de e-mail (hasta aquí algo normal).
Normalmente el formulario lo realizaba integramente con php y se cargaba sobre si mismo, o bien lo redireccionaba a otro html indicando el estado de su envio.
La idea que me surgió es usar la segunda opción de redirigir a otro documento enviando variables mediante GET y capturar variables con javascript desde una url , por ejemplo: http://www.undominio.com/formulario.html?estado=ok.


A continuación propongo un ejemplo usando mootools, por el cual podremos recibir una cantidad n de variables:


/* Capturamos la variable enviado mediante GET con JavaScript */
window.addEvent('domready', function() {
 var estado = window.location.search;
 if((/^\?/).test(estado)){
  var resultado = estado.substr(1,estado.length)+'&'; //Quitamos  ? y añadimos & al final
  var variables = resultado.split(/\=\w+\&/);
  var contenido = resultado.split(/\w+\=/);
  for(var i=0; i<contenido.length; i++) contenido[i] = contenido[i].substr(0,contenido[i].length-1);
  contenido.shift(); //Quitamos el valor de la primera posición del array al estar vacio
  
  /* OPCIONAL: ejemplo que muestra una capa indicando el envío correcto o no */
  var capa = $('estado');
  if(variables[0]=='estado' && contenido[0]=='ok'){
   capa.addClass('enviado'); //Cambiamos la CLASS a ENVIADO
   capa.setStyle('visibility','visible'); //Visible, por defecto hidden
   capa.setStyle('height','16px');
   capa.setStyle('padding','10px');
   capa.setStyle('margin-bottom','20px');
   capa.set('html','Se ha enviado correctamente el formulario de contacto.'); //Ponemos el texto
  }else if(variables[0]=='estado' && contenido[0]=='ko'){
   capa.addClass('error'); //Cambiamos la CLASS a ERROR
   capa.setStyle('visibility','visible'); //Visible, por defecto hidden
   capa.setStyle('height','16px');
   capa.setStyle('margin-bottom','20px');
   capa.setStyle('padding','10px');
   capa.set('html','Ocurrió un error durante el envio, por favor inténtelo más tarde.'); //Ponemos el texto
  }
 }
});

Variables y contenidos son dos arrays, el primero contiene el nombre de las variables y el segundo el valor de las variables.
En el comentario donde aparece OPCIONAL, lo he usado en este blog, y con javascript oculto i/o muestro el resultado del envío.

Este pequeño script tiene muchas más utilidades y solo he mostrado un posible uso, espero que os sirva de ayuda.

Etiquetas: ,

Autor: entrada de Katan Hora: 17:21 1 comentarios

formulario de contacto

Rellene el formulario correctamente, y en breve me pondré en contacto con usted:
(Si quiere solicitar información y/o presupuesto para realizar una web, rellene el teléfono correctamente, de lo contrario puede poner ceros si no quiere faciltar esta información)










* Los datos introducidos solo se usan para el contacto y en ningún momento se facilitan a otras personas.


Etiquetas: , , ,

Autor: entrada de Katan Hora: 10:21

CSS 3 y Safari 3.1

24 de noviembre de 2008

Después de la aparición de Safari 3.1 y posterior, todos aquellos que anhelaban poder aplicar efectos, como sombreado en la tipografía o bien añadir/incrustar una tipografía en un página web, ahora con Safari se ha hecho realidad.

Lo podéis comprobar desde este mismo blog, todo aquel que acceda con Safari, podrá visualizar los 2 efectos antes comentados.
Acualtmente, tanto Opera 9.6 como Firefox 3.0 solo soportan el sombreado de letras en este blog, para poder visualizar al tipografía se requiere Safari

En esta web: http://www.css3.info/ tenéis toda la información de las nuevas posibilidades que traerá la nueva versión CSS 3 aún en desarrollo e implementación y que navegadores tienen compatibilidad.

Etiquetas: ,

Autor: entrada de Katan Hora: 16:55 0 comentarios

sobre mi

Sicilian Girl
Mi nombre es Ricard Catalán Díaz.
Nací en Barcelona (Spain) en 1980, y actualmente vivo en Sant Cugat del Vallés con mi novia Gabriella (la auténtica SicilianGirl) y trabajo en la empresa Sercom.

Principalmente desarrollo aplicaciones web, con XHTML, CSS 2.1 y CSS 3, PHP5, javascript y mootools.

Mis conocimientos son:

Estudios:

Ciclo Formativo Superior en Gráfica Publicitaria, año 2002
Curso de Flash para diseñadores, año 2004
Ciclo Formativo Superior en Desarrollo de Aplicaciones Informáticas, 2008

Experiencia:

2007 - 2008 en Sercom, como maquetador y programador web
2006 - 2007 en varias empresas, como diseñador gráfico y maquetador web
2002 - 2003 en Originalets, como diseñador gráfico trabajando conjuntamente para el ajuntamiento de Sant Cugat del Vallés

Idiomas:

Castellano (nativo)
Catalán (nativo)
Inglés (medio)
Italiano (bajo)

Programación:

PHP 5 (Orientado a objetos)
SQL (mysql y oracle)
Javascript 1.5
Framework mootools 1.2
Ruby y el framework Ruby on Rails
ActionScript 2.0 y 3.0

Maquetación:

Xhtml 1.1 (Cumpliendo el estandar W3C)
CSS 2.1 y 3.0
XML 1.0

Etiquetas:

Autor: entrada de Katan Hora: 15:59