background preloader

Comunidad de diseño web y desarrollo en internet, Cristalab v4

Comunidad de diseño web y desarrollo en internet, Cristalab v4

http://www.cristalab.com/

Related:  HTMLWeb Tools

Centrar verticalmente con CSS; 6 formas diferentes de lograrlo A veces, por motivos de estética, nos viene bien alinear verticalmente un sitio web. En los tiempos en que las webs se hacían con tablas, esto era sencillo gracias a la propiedad vertical-align de las mismas; pero con la aparición de las capas (Divs) y desaparición de las tablas esta propiedad murió. Hoy traigo 6 formas diferentes de alinear una web verticalmente con CSS sin morir en el intento, totalmente validadas por el W3C y que dará ese toque que le falta a tu web. Método con flexbox (más moderno y recomendado) Este método es el más recomendado y fácil de implementar, basta con asignar al padre de nuestro html el siguiente código CSS: <div class="padre"><div class="hijo">Contenido aquí.

Introducción - Curso de HTML y CSS ¿Qué es el XHTML? XHTML significa eXtensible HyperText Markup Language y es la versión modernizada del tradicional HTML4. Si ya conoces HTML, al final del manual hay un apéndice para que sea más fácil la migración a XHTML. 4Lenguaje utilizado para crear páginas web. Menús desplegables con CSS Menús desplegables con CSS Vamos a hacer sólo con CSS un menú desplegable. Este menú, al ser sólo con CSS, no funcionará en Internet Explorer con versión 6 o menor. 10 plataformas innovadoras para aprender programación Si no aprendemos a programar, nos arriesgamos a ser programados... Programa o sé programado. -- Douglas Rushkoff Creo que a todos aquí nos queda claro que la educación formal, incluso la universitaria, está desfasada si no es que rebasada en su totalidad por Internet.

Los 20 mejores recursos para Aprender HTML5 desde cero « Nube de ideas En este Post voy a compartir los 20 mejores recursos para aprender HTML5 desde cero. Seguro que existen muchas más referencias y muchísimos más recursos. Por eso os ánimo a que a comentéis vuestros ases en la manga….que libro, web, curso y recurso os ha sido imprescindible para aprender HTML5!!! Web: HTML5 Fácil. Noticias, manuales [en línea] [Consulta: 7 de mayo de 2012]HTML5 ROCKS Un recurso para los desarrolladores que quieran utilizar HTML5 hoy mismo, incluida información sobre funciones específicas [en línea] [Consulta: 7 de mayo de 2012]W3Shools . Menú responsive - Diseñar y construir un menú CSS semántico En este tutorial vamos a ver un pequeño componente CSS muy útil: un menú responsive de dos niveles compatible con mobile y tablet, sensible a la resolución de las pantallas pero también a su orientación (vertical u horizontal). Antes de empezar a construir el menú responsive con CSS, primero tendremos que tener claro los estados de dicho menú para cada pantalla. Por eso hemos de partir de un diseño que los defina y para ello he preparado un pequeño wireframe con varios dispositivos donde se resaltan en verde las zonas más cómodas de acceso basadas en las disposiciones ergonómicas más comunes para cada dispositivo. Partiendo de ello podremos ya diseñar nuestro menú responsive, pero para hacerlo más interesante le añadiremos un segundo nivel. Con esas premisas ya tenemos los elementos necesarios para trabajar.

7 herramientas gratuitas on-line para evaluar páginas web Conseguir que nuestras páginas aparezcan en los primeros puestos de los buscadores es el sueño de todo desarrollador web. La forma más clara de escalar puestos es conseguir que nos enlacen webs de prestigio, pero esto es algo complicado que no siempre está en nuestra mano y en cualquier caso no es rápido. Lo que sí podemos hacer desde el primer momento es crear un código limpio, bien estructurado, semántico y con medidas de accesibilidad. Para esto existen múltiples herramientas on-line que nos avisan de nuestros errores de código y nos aconsejan a la hora de construir un sitio web limpio y accesible, que con seguridad ganará puntos en los rankings de los buscadores. Estas son algunas de las más útiles para mí: Validadores de la W3C: El primer paso para comprobar que nuestro código HTML y CSS sigue los estándares y que podrá ser ejecutado en cualquier plataforma.

El doctype y su uso en HTML5 - rolandocaldas.com ¿Qué es el DocType? Cuando escribimos nuestro documento HTML, lo primero que tenemos que escribir es el doctype. El doctype es la declaración de tipo de documento. En otras palabras, el doctype nos sirve para indicar que nuestro documento está escrito siguiendo la estructura determinada por un DTD concreto. Sintaxis del DocType 13 meta-buscadores (“Meta-Search”) que te harán la vida más fácil ~ Magic Words of Intelligence Los buscadores (“Search Engine”), entre otros componentes, constan de grandes bases de datos donde se almacena la información que sus robots de búsqueda extraen de la red. Cada buscador está configurado bajo una serie de parámetros que cada compañía considera los más adecuados para ordenar las búsquedas y mostrar los resultados. Hoy por hoy, los buscadores más conocidos son Google, Bing y Yahoo. Te propongo un sencillo ejercicio: prueba a introducir las mismas palabras clave de búsqueda en cada uno de ellos. Comprobarás que salen distintos resultados.

Como hacer un formulario de contacto III: Validar y enviar con PHP Actualización: Acabo de publicar un tutorial para usuarios avanzados de como hacer un formulario de contacto similar a este, capaz de enviar mensaje sin recargar la pagina usando AJAX, todo en un solo tutorial. En este tutorial veremos como validar nuestro formulario del lado del servidor con PHP, ademas hacer que se envie el mensaje a una dirección de correo electrónico que le definamos. Antes de empezar Importante: en este tutorial vamos a trabajar con el metodo de envio POST, si no conoces este tema te recomendaria que le eches un ojo a este tutorial antes de seguir. Ya que vamos a trabajar con PHP, es necesario que tengas instalado en tu sistema un servidor local que soporte PHP. Luego tenemos que cambiar la extension del archivo index.html a index.php:

Cajas de texto con estilo CSS ᶥ Marabelia □ Voy a explicar como hacer con CSS una caja para texto asimétrica y bordeada como esta: ¡Hola! Soy una caja muy estilosa Proyectos Ágiles Scrum es un proceso en el que se aplican de manera regular un conjunto de buenas prácticas para trabajar colaborativamente, en equipo, y obtener el mejor resultado posible de un proyecto. Estas prácticas se apoyan unas a otras y su selección tiene origen en un estudio de la manera de trabajar de equipos altamente productivos. En Scrum se realizan entregas parciales y regulares del producto final, priorizadas por el beneficio que aportan al receptor del proyecto. Por ello, Scrum está especialmente indicado para proyectos en entornos complejos, donde se necesita obtener resultados pronto, donde los requisitos son cambiantes o poco definidos, donde la innovación, la competitividad, la flexibilidad y la productividad son fundamentales. En Scrum un proyecto se ejecuta en bloques temporales cortos y fijos (iteraciones de un mes natural y hasta de dos semanas, si así se necesita).

4 sencillas maneras de alinear divs horizontalmente En esta entrada vamos a ver distintas maneras para alinear divs horizontalmente, para ello, usaremos las propiedades ‘float’ , ‘display’ y ‘position’ de css. Es muy probable que haya muchas más maneras, es cuestión de imaginación, pero en este post he recogido las que me han parecido más sencillas. Puedes acceder a los ejemplos aquí Recomiendo que vayas echando un ojo a los ejemplos mientras se va explicando cada manera. Para cada ejemplo, tenemos un div contenedor con un id y dos divs hijos con clases ‘A’ y ‘B’, tal que así: div id="contenedor"> div class="A">div A /div> div class="B">div B /div> /div>

XAMPP - Problemas Frecuentes. Soluciones Espero que a estas alturas ya tengas un servidor local para realizar pruebas, bien sea porque has instalado XAMPP o porque lo has puesto en una llave USB. También espero que lo hayas puesto en funcionamiento por primera vez; sin embargo hay posibilidades de que encuentres algún problema, y que no sepas cómo resolver, si ese es el caso sigue leyendo. Vínculo Directo al Panel de Control Si saliste completamente del Panel de Control haciendo click en “Quit”, lo más probable es que estés buscando cómo acceder a él la próxima vez que lo necesites.

Related: