dotBLOG

Caido para mi o para todo el mundo?

Down for everyone or just me es un servicio que te permite verificar si un sitio web está caído o no. Es ideal para todos aquellos que alguna vez nos preguntamos si es problema nuestro de los DNS, la conexión, o realmente el servidor de la web está caído. Con solo ingresar la dirección de la web, nos dará el estado del servicio, si está Online o no. Obviamente está la posibilidad de que ellos no puedan abrirla

(more…)

Creado en CSS, IT, Internet, Minipost, Offline, PHP, Recursos Web | 1 Comentario »

Plantillas webs gratuitas y más

FlashVillage es un sitio dedicado exclusivamente al diseño. Ofrece una amplia variedad de Plantillas Webs (Templates) realizadas en Flash, vectores, Logos y muchos tutoriales. El sitio está formado por un grupo de profesionales que comparten su conocimiento de Flash, con todos los que no sabemos. Está de más decir que los recursos que ofrecen son de primera línea y no sencillos diseños como se pueden encontrar en otros sitios de la misma jerarquía!

Si no me creen, miren esta plantilla realizada en Flash llamada Osiris que pueden descargar gratuitamente con solo crear un usuario!

(more…)

Creado en CSS, Internet, Recursos Web | 1 Comentario »

Esconder imagen con HTML

Gracias a una nueva técnica implementada por Firefox y Safari, conocida como CSS3, se pueden lograr cosas muy raras con solo código HTML y CSS. Como por ejemplo este sitio web que te permite esconder una imagen mediante código la cual aparece cuando seleccionas el texto. Para probar como funciona, tenés que ingresar una palabra cualquiera, el tamaño de la imagen y el link URL de la imagen que querés que aparezca cuando se “pinta” el texto. Acá te dejo un ejemplo de lo que podes hacer.

(more…)

Creado en CSS, Internet, Offline, Rarezas, Recursos Web | Sin Comentarios »

Crear botones con CSS

Muchas veces nos vemos limitados con el diseño de los botones standards del HTML los cuales varian dependiendo del Sistema Operativo que el usuario corra, pero gracias a esta técnica mediante CSS ahora todos los visitantes van a ver el mismo botón el cual es 100% adaptable al formato de tu web.

Lo primero que tenemos que hacer es definir un estilo, dentro de los tags <headers> o añadirlo a tu hoja de estilos, dependiendo como hayas creado el sitio.

CSS

span.bouton
{
	background-color: #eee;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: sans-serif;
	font-size: smaller;
	cursor: pointer; /* me gusta que tenga la manito */
	cursor: hand; /* FUCK IE6 */
	color: #555
}
 
span.bouton:active
{
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

(more…)

Creado en CSS, Recursos Web | Sin Comentarios »

Pie de página fijo con CSS

Voy a detallar como hay que hacer para lograr crear un pie de página (footer) completamente fijo y adherido al fondo de la página web sin importar cuan larga sea. Lo primero que tenemos que hacer, es crear o abrir una web existente y agregar dos campos divs:

<div id="footer">
<p>Contenido del footer</p>;
</div>

(more…)

Creado en CSS, Recursos Web | 1 Comentario »

pForm Generador de formularios

Continuando con los generadores de formularios, les presento pForm. Un generador de código de formulario completamente gratuito. Cuenta con 25 estilos diferentes de formatos y colores, por lo que siempre vas a encontrar uno que se adapte al diseño de tu página web. Una vez seleccionado el diseño del formulario, procedemos a agregar los campos que necesitemos, por ejemplo una campo para el nombre, otro para el apellido, otro para el email, un campo mas grande para el mensaje… la generación del formulario se realiza con AJAX. (more…)

Creado en CSS, Recursos Web | Sin Comentarios »

Form Style Generator

Form Style Generator es un servicio web 2.0 que te permite generar de manera sencilla estilos para formularios webs. Tiene la capacidad de generar estilos para el fondo del formulario, bordes, formatos de texto y colores, etiquetas y hasta la opción de habilitar formatos condicionales cuando se activa un elemento del form con el evento hover. (more…)

Creado en CSS, Internet, Recursos Web | Sin Comentarios »

BrowserShot su web en distintos navegadores

Browsershots hace capturas de pantallas de su diseño web en distintos navegadores. Es un servicio de código abierto creado por Johann C. Rocholl. Cuando usted envía su dirección web, es añadida a la cola de trabajos. Un número de computadoras distribuídas abrirá su sitio web en su navegador. Luego se harán capturas de pantallas y se cargarán aquí en el servidor central. Es un servicio ideal para todos aquellos diseñadores que quieran evaluar el comportamiento de sus páginas webs en diferentes navegadores. Es un servicio gratuito y cuenta con la posibilidad de abonar para obtener mayor prioridad en la cola de procesos. (more…)

Creado en CSS, Internet, Recursos Web | 1 Comentario »

Esquemas de colores

Por si no sabías, cada color se relaciona de mejor forma con uno que con otro. Es decir que combinados podés crear un sitio muy lindo o terriblemente espantoso, todo depende de como los mezcles. Por ejemplo el amarillo y el violeta van de la mano, un ejemplo seria la camiseta de los Lakers. Gracias a Color Combos, ahora disponemos de muchisimos esquemas de colores totalmente optimizados que podés usar en cualquier diseño, desde una página web hasta una presentación para un trabajo. (more…)

Creado en CSS, Recursos Web | Sin Comentarios »

Un tip CSS para Firefox

Como todos sabemos, Firefox es probablemente el Navegador que más se adapta a los standares de diseño, y mucho más la versión 3 que es capaz de aprobar el Acid Test al igual que el nuevo Internet Explorer 8 (increible, no?). Este es un pequeño tip, hint, dato, ayuda… llamalo como quieras, que sirve para remover la linea punteada de los links (lease tags a) en CSS. Solo tenes que agregar la siguiente linea a tu hoja de estilo:

a {
 
outline: none;
 
}

Con esta propiedad, evitas que aparezca la linea punteada que rodea a los links, como por ejemplo la que se ve en este screenshot

Creado en CSS | Sin Comentarios »