Aristeer!! Diseñador web automatizado


Para los que aún se les resista código PHP, la implantación de wordpress y todo eso de su codex en un thema de nuestra propia cosecha llega Artisteer.

Crea al instante plantillas web y blogs temáticos para Joomla, Blogger, WordPress, Drupal.

Diseño de blogs impresionante fresco y plantillas web en minutos!!
Exportar a Blogger, Joomla, WordPress y otros productos de CMS!!
No hay necesidad de aprender Photoshop, CSS, HTML y otras tecnologías!!
Fácil de usar!!

CSS3: ¿Cómo crear un fondo degradado?

Este degradado sólo puede visualizarse en Google Chrome, Safari y Opera: Internet Explorer todavía no da soporte a esta opción de CSS3, pero con el tiempo esta opción será compatible con todos los navegadores.

Vista previa del degradado:

<html lang=”es”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=uft-8″>
<title>Degradado en CSS3</title>

<style type=”text/css” media=”screen”>
#degradado {
width: 850px;
height: 850px;
background: white;
background: -moz-linear-gradient(top, black, white,);
background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(white));
}

</style>
</head>
<body>
<div id=”degradado”>
</div>
</body>
</html>

HTML5: ¿Que es?

www.wsoul.esEl HTML5 (HyperText Markup Language, versión 5) es la quinta revisión
del lenguaje de programación “básico” de la World Wide Web, el HTML.
Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendo
problemas con los que los desarrolladores web se encuentran, así como
rediseñar el código actualizandolo a nuevas necesidades que demanda la
web de hoy en día.

Actualmente el HTML5 está en un estado BETA, aunque ya algunas
empresas están desarrollando sus sitios webs en esta versión del
lenguaje. A diferencia de otras versiones de HTML, los cambios en HTML5
comienzan añadiendo semántica y accesibilidad implícitas, especificando
cada detalle y borrando cualquier ambigüedad. Se tiene en cuenta el
dinamismo de muchos sitios webs (facebook, twenti, etc), donde su
aspecto y funcionalidad son más semejantes a aplicaciones webs que a
documentos.

110 video tutoriales gratuitos para WordPress

Sin lugar a dudas, WordPress es una de las mejores herramientas gratuitas para crear blogs y sitios web que hay en este momento.
Es muy sencillo de instalar y de utilizar, tiene cientos de plugins con los que podemos realizar casi cualquier cosa, hay miles de templates gratuitos o podemos crear fácilmente los nuestros (lo que permite una personalización muy difícil de lograr con otros sistemas) y además, es gratuito.
Dada su gran popularidad, en la red podemos encontrar muchos recursos para este excelente CMS, manuales, tutoriales, videos, etc., tanto para principiantes como para desarrolladores avanzados.
Para todos aquellos que estén interesados en aprender un poco más sobre wordpress, hoy les traigo una excelente recopilación de más de 110 videotutoriales realizada por el sitio 1stwebdesigner.com y en donde encontraremos todo tipo de ayudas que nos permitirán realizar un completo sitio en muy poco tiempo.

110 videotutoriales para wordpress

25 Tutoriales gratuitos para diseñadores web


Aquellas personas que se dedican al diseño y/o desarrollo web, encontramos en internet una fuente casi inagotable de recursos, manuales, tutoriales y todo tipo de herramientas que nos ayudan en nuestro trabajo cotidiano.
Como prueba de esto,  les traigo una excelente colección de 25 tutoriales para diseñadores web que publican en el blog del italiano Antonio Lupetti, Work.
En esta colección encontraremos tutoriales para crear barras de navegación con CSS, efectos con motools, tooltips, creación de calendarios, ticker de noticias, formularios ajax y mucho más.
25 tutoriales

¡Que hacer y que no hacer para un diseño web moderno!


Navegando por la web me encontré con un sitio muy interesante sobre todo para aquellas personas que se dedican o estan en estudios de el desarrollo web. Se trata de webdosanddonts.com, en donde encontramos muy buenas recomendaciones sobre “que hacer y que no” para diseñar websites modernos y accesibles.
El sitio está dividido en dos columnas (lo correcto y lo incorrecto en cuanto a diseño web) en donde se presentan artículos que envían los usuarios (también podemos enviar los nuestros). Las recomendaciones están organizadas en varias categorías: las más nuevas, las mejores calificadas, para principiantes, intermedios y avanzados.
webdosanddonts.com es un sitio muy sencillo pero sumamente útil para estar al tanto de las últimas tendencias en cuanto a diseño y desarrollo web. Vale la pena visitarlo.
webdosanddonts.com

Imágenes de fondo “background-image” CSS

La propiedad CSS background-image se usa para insertar una imagen de fondo.

body {
background-color: #FFCC66;
background-image: url(“butterfly.gif”);
}

h1 {
color: #990000;
background-color: #FC9804;
}

Los damascos se ven mucho como web Fondo, en “La Galería de inspiración” hay una colección muy buena. En la Sección Varios fondos de pantalla del heno Tipos de descargar el párrafo patrones. Ver en Inspiración galería

 

Leer más…

La propiedad ‘background-color’ en CSS


La propiedad background-color describe el color de fondo de los elementos.

El elemento <body> contiene todo el contenido de un documento HTML. Así pues, para cambiar el color de fondo de una página, la propiedad background-color debería aplicarse al elemento <body>.

También se pueden aplicar colores de fondo a otros elementos, entre ellos, a los encabezados y al texto. En el ejemplo que sigue se aplicarán diferentes colores a los elementos <body> y <h1>.

body {
background-color: #FFCC66;
}

h1 {
color: #990000;
background-color: #FC9804;
}

Propiedad color en CSS

La propiedad color describe el color de primer plano de un elemento.

Por ejemplo, imagina que queremos que todos los títulos de un documento aparezcan con color rojo oscuro. Todos los títulos están marcados con el elemento <h1>. El código siguiente establece el color de los elementos <h1> como rojo.

h1 {
color: #ff0000;
}
Los colores se pueden introducir como valores hexadecimales, como en el ejemplo anterior: #ff0000; o se pueden usar los nombres de los colores: “red” (rojo), o bien como valores rgb: (rgb(255,0,0)).

Añadir comentarios en CSS

CSS permite incluir comentarios entre sus reglas y estilos. Los comentarios son contenidos de texto que el diseñador incluye en el archivo CSS para su propia información y utilidad. Los navegadores ignoran por completo cualquier comentario de los archivos CSS, por lo que es común utilizarlos para estructurar de forma clara los archivos CSS complejos.
El comienzo de un comentario se indica mediante los caracteres /* y el final del comentario se indica mediante */, tal y como se muestra en el siguiente ejemplo:
/* Este es un comentario en CSS */

Navegador de artículos