Curso online gratuito de programación web en idesweb.

iDESWEB es otro curso gratuito muy interesante, en este caso llevado a cabo por la Universidad de Alicante. Está enfocado a la introducción al desarrollo web, concretamente se aprenderá programación HTML, CSS, JavaScript y PHP, así como los principios básicos de diseño web, usabilidad y accesibilidad.

Aquí podéis ver el temario completo: idesweb.es/temario

Los requisitos para hacer el curso son simples:

– Tener ganas de aprender.
– Tener unas nociones mínimas de programación, no es necesario conocer un lenguaje particular, pero si ya conoces C, C++ o Java, será mucho fácil aprender JavaScript y PHP.
– Disponer, como mínimo, de 10 horas a la semana durante 15 semanas. (más…)

40 plantillas HTML/CSS gratuitas y de alta calidad.

Esta es una lista de 40 plantillas HTML/CSS de alta calidad y gratuitas. Muy útiles para usarlas como base para nuevos proyectos, inspirarse con nuevas ideas o aprender observando como están hechas. Algunas son HTML5, el estándar de la web del futuro.

La mayoría también incorporan archivos .psd con capas para modificar los gráficos, aunque es un formato de Photoshop deberían poderse abrir con Gimp.

Airlines

Descarga

Art of Business

Descarga

Big City

Descarga

(más…)

3 estupendas herramientas online para crear menús con CSS.

Menu de ejemplo

Crear un menú con estilos CSS es relativamente sencillo pero no siempre tenemos el tiempo o los conocimientos necesarios para hacer el menú que buscamos. Como ayuda existen 3 herramientas online que nos pueden resultar útiles:

izzymenu.com: Impresionante, para empezar nos da bastantes opciones para personalizar cada menú. Pero es que además cuenta con cientos de diseños predefinidos de muy buena calidad, tanto creados por los editores como por los propios usuarios. Incluso podemos generar menús animados con Jquery.

Su peor defecto es la forma exagerada de mostrar la publicidad, hasta en los archivos que descargamos aparece publicidad de su CMS (que por supuesto podemos eliminar). Otra desventaja es tener que registrarse para poder usar todas las opciones.

cssmenubuilder.com: Otra estupenda herramienta que además genera código bastante más “limpio”. Su galería de menús predefinidos en mucho más corta pero a cambio podemos modificarlos totalmente sin necesidad de tocar el código.

La única desventaja que le encuentro es que no podemos generar la estructura de enlaces desde la propia herramienta. Aunque tampoco es ningún drama pues la propia herramienta nos permite crearla a mano.

cssmenumaker.com: Una opción más simple, contamos con una galería de unos 80 diseños predefinidos pero que no podemos modificar estéticamente. Como ventaja si podemos generar la estructura sin salir de la herramienta, incluyendo submenús. Es interesante,  aunque mucho menos potente que las 2 anteriores. (más…)

Igualar la altura de capas CSS mediante Javascript.

Maquetar páginas web con estilos CSS es una maravilla, creo que a estas alturas todos conocemos las múltiples ventajas frente a maquetar con tablas en HTML. Pero también es cierto que tiene sus inconvenientes, diseños que con tablas eran muy sencillos de realizar mientras que con CSS hay que buscar soluciones estrafalarias.

Un ejemplo lo tenemos en las páginas web de varias columnas, cuando deseamos que todos los bloques tengan la misma altura independientemente de su contenido. Algo que muchas veces es difícil de conseguir solo con estilos CSS.

Un truco que he encontrado hace poco y funciona bastante bien es usar JavaScript, en concreto jQuery, para igual la altura. El código a usar es el siguiente:

function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
$(document).ready(function() {
equalHeight($(".column"));
})

Obviamente también hay que cargar las librerías de jQuery en la página en cuestión y señalar que capas queremos que se ajusten en altura, añadiendo el siguiente parámetro a cada DIV:

class="column"

Sencillo y eficaz. Aunque espero que en futuras versiones de CSS esto se pueda hacer directamente sin recurrir a trucos.

Fuente (inglés): cssnewbie.com
(más…)

Libro sobre diseño con CSS gratis.

Sitepoint ofrece de forma gratuita y solo durante unos días (luego volverá a costar 29.95$) el libro: The Art & Science of CSS, donde grandes expertos en la materia explican, entre otras cosas, como:

  • Dar formato a calendarios, menús y tablas con contenido usando CSS.
  • Crear sistemas de navegación horizontales, verticales y con pestañas mediante CSS.
  • Crear bordes redondeados usando CSS.
  • Diseñar cabeceras modernas y visualmente atractivas.
  • Poner fondos a una página web divertidos y llamativos.
  • Usar CSS para mejorar la apariencia de cuotas, fechas y listas.

Solo quedan 7 días para que termine la promoción, asi que si os interesa el libro descargadlo cuanto antes entrando en el siguiente enlace:

Promoción: The Art & Science of CSS

Y poniendo vuestra dirección de email en el campo correspondiente, en unos minutos recibiréis un correo electrónico con un enlace para descargar el libro gratis.
(más…)