Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Tag Archives css

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 enumeración:

Frameworks para PHP:

Frameworks para CSS:

Y bien,

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 border-box que hace que el padding se enmarque dentro de la caja y no sumándolo a las dimensiones de ésta,

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 vuelta sobre nuestras entradas más populares al respecto:

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;
}

2. Sombra cuadrada

Una sombra puede ser aplicada a los elementos cuadrados utilizando una sola instrucción. Se necesitan tres números para definir cómo será:

  1. Distancia del desplazamiento horizontal: positivo significa a la derecha,

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();
}

Definir la anchura del iPhone como el viewport

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0;”&mt;

Insertar un icono específico para iPhone

<rel=”apple-touch-icon” href=”images/template/engage.png”/>