Categorías
Sin categoría

Eliminar o cambiar el borde de color de los input y textarea con foco

Cambiar el borde de color en cualquiera de los campos de nuestro formulario es una tarea muy sencilla que seguro en alguna ocasión nos hemos planteado. ¡Sí! hablamos de ese borde con sombra que afecta en el focus de un input o textarea en un formulario, ya sea un formulario de contacto, de recogida de información del usuario o para una newsletter.

Eliminar o cambiar el borde de color de los input y textarea con foco

La solución es muy simple y te la paso a continuación.

Cambiar el color y la sombra de input y textarea

textarea:focus, input:focus, input[type]:focus {
    border-color: rgb(255, 144, 0);
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px rgba(255,144,0,0.6);
    outline: 0 none;
}
Eliminar o cambiar el borde de color de los input y textarea con foco

Eliminar el color del campo de input y textarea

Si de lo contrario tan solo queremos eliminar cualquier sombra al hacer focus en el campo del formulario:

textarea:focus, input:focus, input[type]:focus {
    outline: 0 none;
}
Eliminar o cambiar el borde de color de los input y textarea con foco

Espero haberte ayudado en este sencillo post! 🙂

Categorías
Sin categoría

Recursos para CSS3

CSS es el lenguaje de programación que nos permite separar el estilo de una página de su estructura y CSS3 es el último estándar de CSS.

Aquí encontrarás un listado de recursos útiles para este estándar que te pueden ser de ayuda al igual que hemos hecho con HTML5.

CSS Generator

Generador de lenguaje CSS3 para diferentes propiedades que queramos aplicar a objetos dentro de nuestra página.

CSS3 Generator

CSS3 Maker

Generador de lenguaje CSS3 para diferentes propiedades que queramos aplicar a objetos dentro de nuestra página.

CSS3 Maker

CSS Tricks

Creación de diferentes formas y figuras en CSS3 sin necesidad de utilizar imágenes. Muy útil para reducir el peso de tu página web.

CSS Tricks

Borwserhacks

En esta página encontrarás Hacks que te ayudarán a resolver los problemas que te puedan ocasionar diferentes navegadores. ¡Muy útil!

Browser Hacks

CSS3 Please

Haz cambios de las propiedades CSS3 sobre un objeto y visualiza los resultados al momento.

CSS3 Please

¡Si conoces alguna página que nos pueda servir de ayuda no dudes en decírnoslo! 🙂

Categorías
Sin categoría

Recursos para HTML5

HTML5 es la última actualización del lenguaje de la World Wide Web. La combinación de texto y etiquetas que forma la estructura básica de las páginas web.

Si aún casi no has empezado con HTML5 te aconsejo que primero veas el post ya escrito sobre Empezando con HTML5 donde conocerás la estructura básica de una página en HTML5. Si esto para ti ya es historia, espero que estos enlaces te puedan servir como recursos útiles para tu desarrollo. 🙂

HTML5 BOILERPLATE

Plantilla para desarrolladores front-end  creada en HTML5, compatible con navegadores antiguos y preparada para Responsive Design.

HTML5 Boilerplate

INITIALIZR

Es el código de Boilerplate simplificado con el fin de simplificar y acelerar al máximo la creación de páginas web con las últimas tecnologías.

Initializr HTML5

HTML5 Doctor

En esta página encontraremos un diccionario web de HTML5 donde podemos consultar cualquier etiqueta de HTML5 además de todas las novedades de este lenguaje.

Html5 Doctor

HTML5 Bookmarks

Recursos y novedades múltiples sobre HTML5.

HTML5 Bookmarks

HTML5 ROCKS

Un recurso para los desarrolladores que quieran utilizar HTML5 hoy mismo, incluida información sobre funciones específicas y sobre cuándo utilizarlas en tus aplicaciones.

HTML5 Rocks

Find me by IP

Soporte en diferentes navegadores de las propiedades, atributos, selectores, aplicaciones… en HTML5

Find me by IP

¡Espero que te sean de ayuda! 🙂

Categorías
Sin categoría

Instalar un servidor local en mi ordenador

MAMP es un programa cuyas siglas son acrónimos de Macintosh, Apache, MySql y PHP. Es una aplicación para Mac que te permitirá instalarte un servidor local en tu ordenador de manera muy sencilla.

Si necesitas saber qué es un servidor local y para qué sirve te dejo este enlace. Tener un servidor local en tu ordenador te servirá como almacén de páginas web y te permitirá instalarte y visualizar tus páginas si necesitas un gestor de contenidos desarrollado en PHP y MySQL.

Para ello, tan solo tienes que ir a la página oficial de MAMP y descargarte la última versión normal. Una vez instalada se abrirá una pantalla en tu ordenador:

instalar mamp en mi ordenador

Cuando las luces se nos muestren verdes, ya podemos disponer de nuestro servidor. Si haces click en «Abrir página de inicio» se abrirá una pestaña en tu navegador que te muestra el Panel de Administración de tu Servidor Local. La URL de acceso suele ser algo así como:

http://localhost:8888/MAMP/?language=Spanish

Tu almacén de páginas webs se encontrará en Aplicaciones > Mamp > htdocs y para visualizarlas en tu navegador tendrás que teclear:

http://localhost:8888/nombre_de_tu_proyecto

¡Ahora ya puedes disfrutarlo! En el próximo post, te mostraré como instalar wordpress en tu servidor local. ¡No dejes de estar atento! 😀