background preloader

Diseño web

Facebook Twitter

Free textures for your next web project. Stock.xchng - the leading free stock photography site. Centrar un div. Pocas cuestiones como el tema de centrar suscitan tantas y tan variadas consultas por quienes se inician en Css.

centrar un div

Bueno, y no tan iniciáticos. Este tema suele ser fuente de múltiples frustraciones. Y en la mayoría de los casos el error inicial es no pararse a pensar en qué tipo de elemento se pretende centrar y qué propiedades tiene. Al plantearse centrar un elemento con css hay que tener claro como cuestión preliminar si es un elemento de bloque o si es de línea, si a priori se conocen sus dimensiones y en qué unidad están definidas (absoluta o relativa) y las de su contenedor. Sin olvidar que no es lo mismo el centrado en X (horizontal) que en el eje Y (vertical). Así que vamos a ver diferentes formas (16) 25 de centrar una caja con Css. Sólo se puede centrar un elemento dentro de otro cuando su tamaño es inferior al de la caja que lo contiene. Centrado horizontal de elementos. El misterioso espacio extra en divs sin altura declarada. Su porqué y 3+1 soluciones. El típico problema: tienes un elemento de bloque para alojar algún elemento de altura desconocida, i.e. un div y una imagen, y al visualizarlo te encuentras con un espacio en la parte inferior, entre la imagen y el div.

El misterioso espacio extra en divs sin altura declarada. Su porqué y 3+1 soluciones

Y por más que pones a 0 los bordes, márgenes y paddings no hay manera. Form Follows Function. La web está muerta. Lo que nos espera en un escenario post-navegador. En agosto de este año, la revista Wired publica un artículo titulado: The web is dead.

La web está muerta. Lo que nos espera en un escenario post-navegador

Long live the Internet. Junto a ello muestra el gráfico (arriba) con la proporción del total del tráfico de Internet en EEUU. Dicho cuadro muestra el declive de lo que se entiende como web; es decir, de todas las páginas web de instituciones, empresas, blogs, etc. 40 Trendy and Extremely Colorful Websites. Flash Gallery. 20+ Páginas Web con Excelentes Efectos de Desplazamiento. El diseño web no hace más que evolucionar y de un modelo basado en tablas hemos llegado a sitios cada vez más sofisticados y con mayores efectos de desplazamiento o scrolling.

20+ Páginas Web con Excelentes Efectos de Desplazamiento

Seguro que de aquí a 15 años lo que hoy nos parece tan logrado nos parecerá algo arcaico y prehistórico, pero en estos momentos es lo último en tendencias de diseño web. En este artículo encontrarás una colección de páginas web con excelentes efectos de desplazamiento, bien en el menú de navegación, bien en el background. W3Schools Online Web Tutorials. All Standards and Drafts. Escritorio de Blogger.

Css Templates market - Download free CSS templates - Premium CSS Templates. Blogger Templates. Oloblogger. Ciudad Blogger. 40 Beautiful Free HTML5 & CSS3 Templates. Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010).

40 Beautiful Free HTML5 & CSS3 Templates

There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 and CSS3; both of which will help future proof your website and make them more accessible. Drupal - Open Source CMS. Migrar Drupal de alojamiento. Lo que hoy vamos a ver es como realizar la migración o cambio de alojamiento de Drupal.

Migrar Drupal de alojamiento

Como de costumbre tratare de hacerlo lo más sencillo y breve posible. Drupal 7: Gestión de usuarios y permisos. La gestión que hace Drupal de usuarios y permisos es bastante completa y es uno de los puntos que le hace destacar por encima de otros gestores de contenidos populares que parece que siempre van a remolque en este aspecto.

Drupal 7: Gestión de usuarios y permisos

El sistema de permisos utilizado por Drupal se basa en el concepto de 'rol' término conocido por todos aquellos que hayan trabajado con los sistemas de permisos de las bases de datos y cuyo funcionamiento es muy parecido. Videos y galeria. SEO Drupal. Aprende Drupal con Forcontu. Recopilatorio de Videotutoriales y Cursos sobre Drupal.

Gotitas de Drupal y algo más... 7 SEO Checklist. Groups.drupal.org. Creating a Drupal 7 video gallery with the Media module. We've been testing different contributed Drupal 7 modules to assess the readiness of the ecosystem for production sites.

Creating a Drupal 7 video gallery with the Media module

The Media module is an ambitious and promising solution for managing and deploying a variety of media assets. It promises to be the successor to the very successful Embedded Media Field After reading the extensive documentation it occurred to me there was a need for a tutorial in this area. This tutorial will focus on creating a gallery of YouTube videos using the Media and Media YouTube modules. This is the end product we will be building: Mi primer panel. Este es un primer texto con pantallas de como crear un panel.

Mi primer panel

Para esto usaremos el proceso para crear el nuevo home de drupalmexico, será algo muy auto referente. Después de instalar el modulo de panels External Links icon. Drupad, bring Drupal on the go. Crear una versión móvil basica de tu sitio. Curso de Drupal. Tabla de Codigos de Caracteres en HTML. SEO: 51 consejos para conseguir enlaces. Muchas veces nos encontramos con la página terminada, contenidos de calidad y con pobres resultados en los principales motores de búsqueda, principalmente en Google.

SEO: 51 consejos para conseguir enlaces

En éste artículo nos enseñamos 51 consejos para conseguir enlaces de calidad hacia nuestro sitio y alcanzar las primeras posiciones en los principales buscadores. Amor por las listas 1. Construye una lista de 101 consejos intentando crear documentos con "autoridad". Robots.txt : Todo lo que deberia saber. El fichero robots.txt es un archivo de texto que dicta unas recomendaciones para que todos los crawlers y robots de buscadores cumplan. Veamos como crearlos y configurarlos. El fichero robots.txt es un archivo de texto que dicta unas recomendaciones para que todos los crawlers y robots de buscadores cumplan (¡ojo!

Recomendaciones, no obligaciones). Como modificar el archivo Hosts en un Mac. Ante algunas preguntas relativas a como modificar el archivo hosts de nuestro Mac os dejo a continuación los pasos para poderlo hacer facilmente. Primero decir que en este archivo se guardan las relaciones de correspondencia que existen entre las direcciones IP y los dominios de Internet. Actualmente se utiliza más que para esto para bloquear el acceso de ciertas IP al ordenador. Tutorial de .htaccess para servidores web. En este tutorial mejoraremos nuestro sitio web modificando el archivo .htaccess. ¿Por qué escribí este artículo? Porque en la red encontré un montón de artículos sobre esta pequeña bestia pero cada uno de ellos englobaba un problema en particular y no el uso general del archivo, o eran demasiado grandes cuando uno necesitaba algo en poco tiempo. Por lo que estoy intentando recopilar todas los datos útiles en un tutorial sencillo pero monolítico, que será actualizado a medida que consiga más información.

Primero sin embargo, veamos qué es un archivo .htaccess. Esto es lo que dice la definición de la wikipedia [en inglés]: .htaccess (Acceso de Hiper-Texto) es el nombre por defecto del archivo de configuración de directorios de Apache. 74 sitios web útiles para desarrolladores y diseñadores web. Cada día Internet se convierte en el día a día de muchas personas, sobre todo para los desarrolladores y diseñadores web, que deben buscar funciones, recursos y todo lo necesario para que trabajar sea un poco más fácil.

Así mismo en Internet existen una gran cantidad de blogs sobre diseño y desarrollo web, pero también existen sitios web que únicamente sirven a una función en específica de diseño o desarrollo. Es por eso que para facilidad de todos, he recopilado 74 sitios web útiles para desarrolladores y diseñadores web, herramientas que aumentarán tu productividad y facilitarán tu trabajo o proyecto. Para hacer más cómoda la lectura de este artículo, lo he dividido en varias sub categorías, así: Tipografía CopyPasteCharacter.