W3Schools, portal con tutoriales sobre HTML, CSS y Javascript

Si buscas un portal para aprender los estándares web, W3Schools es tu sitio. No sólo contiene excelentes tutoriales paso a paso de HTML, CSS y Javascript, sino que también dispone de sus correspondientes referencias, completas y actualizadas. También existen tutoriales sobre otras tecnologías como XML, SQL, PHP, etc. Eso sí, en mi opinión se pueden encontrar mejores tutoriales. El único fallo es que está inglés, […]

Leer más » 9 Comentarios

Juego en HTML Canvas – Fred Jones

Todos sabemos que HTML, CSS y Javascript están de moda. Y es verdad, estas tecnologías forman un trío excelente para realizar aplicaciones multiplataforma. Recordad que la W3C simplificó HTML5 a HTML, personalmente me encantó su decisión, denominando su versión Living Standard. Como me gustan los juegos aquí os dejo uno que demuestra lo que se puede hacer ya programando en estos lenguajes. Si bien estas […]

Leer más » 5 Comentarios

Comprimir y optimizar código CSS

Cada vez que accedemos a un sitio web nos descargamos, entre otras cosas, sus hojas de estilos. Aunque para trabajar con ellas lo ideal es tenerlas bien estructuradas y comentadas, al navegador le da igual interpretar una hoja de estilos bien espaciada y comentada, que su equivalente comprimido. Es decir, si usamos el fuente CSS sobre el que trabajamos como fichero de producción estamos cometiendo […]

Leer más » 5 Comentarios

Frameworks para PHP y CSS

El otro día hablando con una amigo sobre programación y desarrollos en la Web me di cuenta de que existían muchos más frameworks (entornos de trabajo) para el lenguaje de programación PHP y la hoja de estilos CSS de los que pensabábamos. Así que esta mañana me he puesto a buscar algunos de los más populares (y otros no tanto) y aquí os presento la […]

Leer más » 3 Comentarios

Conocer el top 10 de comandos CSS3 [parte 1/2]

6. Box-sizing, al viejo estilo El estándar de box model del W3C se ha convertido ahora en una propiedad de un elemento, gracias al comando de CSS3: box-sizing: content-box. Veamos un ejemplo: #box6 { width: 200px; padding: 10px; /* para Mozilla Firefox */ -moz-box-sizing: content-box; /* para IE8 */ box-sizing: content-box; /* para Safari & Google Chrome */ -webkit-box-sizing: content-box; } El comando box-sizing también acepta […]

Leer más » 3 Comentarios

Directorio de juegos sobre HTML5. El potencial de HTML+CSS3+JS

Que la quinta versión de HTML sea una novedad y que últimamente existan cientos de noticias al respecto es evidente, nos enfrentamos a una tecnología que actualmente es desconocida por muchos, no tanto en uso si no en desarrollo. De hecho, esta no es la primera vez que hablamos sobre HTML5 en Linux Hispano, lo hemos hecho en multitud de ocasiones, os recomiendo daros una […]

Leer más » 1 Comentario

Conocer el top 10 de comandos CSS3 [parte 1/2]

Traducción del original Top 10 CSS3 commands de Webcredible. 1. Bordes radiales Hasta la aparición de CSS3 para crear esquinas curvadas, teníamos que remitirnos al truco de las cuatro imágenes, cada una para cada esquina. Con CSS3 es tan simple como lo siguiente: box1 { border: 1px solid #699; /* para Mozilla Firefox */ -moz-border-radius: 20px; /* para Safari & Google Chrome */ -webkit-border-radius: 20px; […]

Leer más » 8 Comentarios

Programando webs para iPhone e iPod Touch

Os dejo una serie de consejos muy útiles para que no tengáis problemas en el desarrollo de sitios web para iPhone. La fuente original en inglés es CatsWhoCode. Detectar si es iPhone o iPodTouch utilizando JavaScript if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookie.indexOf(“iphone_redirect=false”) == -1) { window.location = “http://m.espn.go.com/wireless/?iphone&i=COMR”; } } Detectar si es iPhone o iPodTouch utilizando PHP if(strstr($_SERVER[‘HTTP_USER_AGENT’],’iPhone’) || strstr($_SERVER[‘HTTP_USER_AGENT’],’iPod’)) { header(‘Location: http://yoursite.com/iphone’); exit(); } […]

Leer más » 3 Comentarios

Utilizando caracteres extraños como identificadores en CSS

Cuando escribimos identificadores para cualquier clase, interfaz, regla… utilizamos palabras cortas que definen a qué nos referimos. En el caso de los CSS es muy típico escribir: contenedor, arriba-izquierda, arriba-derecha… sin embargo, leyendo un post de Kabytes he descubierto una forma más curiosa de hacerlo y a priori, más práctica. Digo a priori, porque supongo que daría problemas utilizando JavaScript u otras tecnologías que no […]

Leer más » 1 Comentario

CSS en Internet Explorer 6

A todos los que habéis tenido la experiencia de hacer un desarrollo bajo Internet Explorer 6. Vía la lista de correo del Laboratorio de Software Libre de la Universidad de Córdoba. A más resolución en Flickr.

Leer más » 2 Comentarios

Rotar un texto vía CSS

Probablemente en alguna ocasión hayáis necesitado rotar texto en algún sitio web. La opción que os traigo hoy para este problema, utiliza CSS, por lo que se integra a la perfección en cualquier tipo de sitio y es perfectamente compatible con los navegadores más populares de la actualidad: Mozilla Firefox (y familia Gecko), Google Chrome/Chromium (y familia WebKit) e incluso Internet Explorer (aunque de una […]

Leer más » 1 Comentario