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

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:



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:



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:


Aquí va la galería de imágenes


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

Etiquetas: ,


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: ,


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: , , ,


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: ,


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: