Diseño web

Diseño web: Crear efecto CSS3 a un botón HTML5

16 oct 2014

Ya vimos cómo crear fondos de degradados de color y posteriormente, aplicando ese mini-tutorial, os mostramos cómo crear botones profesionales con CSS3 y HTML5.

En esta ocasión os enseñaremos a darle efecto al botón, agregando profundidad al mismo. Para ello únicamente jugaremos con las dos sombras (box-shadow) que tenemos declaradas en nuestro archivo CSS y la posición del elemento.

Éste será el resultado:
Haz click
Leer más

Diseño web: Crear botones profesionales con CSS3 y HTML5

24 jul 2014

ACTUALIZACIÓN: Si te interesa, puedes ver cómo crear un efecto con CSS3 al botón.

En esta entrada vamos a mostrar cómo crear botones con aspecto profesional para tu página web con CSS3 y HTML5. Para ello utilizaremos la información que ofrecimos en el anterior artículo sobre cómo crear fondos de degradados de color junto a otras propiedades más.

Éste será el resultado:
Botón de ejemplo
Leer más

Crear fondos de degradados de color con CSS3

23 jul 2014

Gracias a CSS3 es posible crear fondos de degradados de color (gradient colors) sin necesidad de utilizar ninguna imagen, disminuyendo así el tiempo de carga de la página web.

Existen dos tipos de degradados para tal propósito:

  • linear-gradient
  • radial-gradient

La sintaxis para linear-gradient es la siguiente (por defecto la dirección es de arriba hacia abajo):

background: linear-gradient(direction, color-stop1, color-stop2, …);

Leer más

Prestashop 1.5.4 disponible para descargar

6 abr 2013

Logo Prestashop

Prestashop, una plataforma de código abierto y gratuita para crear tiendas online, acaba de lanzar su última versión acompañada de interesantes mejoras. Mucha gente se está animando a complementar las ventas de su tienda física con las que proporciona el comercio electrónico (e-commerce). Incluso clientes nuestros comienzan sus proyectos directamente con la venta online y, posteriormente, han terminado montando la tienda física. Leer más

Testsize: Prueba el diseño de tu web en cualquier resolución de pantalla

20 ene 2013

Screenshot Testsize

Cuando diseñas una página web tienes que tener en cuenta que todos los visitantes no tendrán la misma resolución de pantalla. Para ello existe una web, Testsize, que muestra el diseño en varios tamaños de pantalla: 1024x600px, 1280×1024, etc. Una herramienta útil para tener un control sobre la página que estamos creando y así evitar futuros quebraderos de cabeza.

Wordfence: plugin de seguridad para WordPress

18 sep 2012

Logo Wordfence

Según el último estudio de BuiltWith Trends del 14 de septiembre de 2012, del millón de los principales sitios webs, el 62,08% funciona gracias a WordPress. Por ello es importante tener 100% seguro nuestro CMS, para evitar futuros quebraderos de cabeza.
Para ello se creó Wordfence, un plugin muy completo para mejorar la seguridad de WordPress, ya que incluye un firewall, antivirus, escaneo de URL’s maliciosas e información del tráfico en tiempo real (incluyendo rastreadores o arañas web). Leer más

Utilizar cualquier fuente en tu web con @font-face

9 abr 2012

Font face Font Squirrel

Un detalle importante a la hora de diseñar una web es el tipo de fuente que queremos utilizar. Como es lógico, los ordenadores de todos los internautas no tienen instaladas las mismas fuentes, por lo que si utilizamos una fuente que no venga instalada por defecto en el  sistema operativo posiblemente no se verá como deseamos. Si vamos a utilizar algún tipo de fuente no común (entendamos por común Arial, Times New Roman…) es conveniente subir el archivo correspondiente de la fuente a nuestro servidor. Pero el proceso no acaba aquí, si alguna vez has diseñado una página web sabrás los calentamientos de cabeza que dan los distintos navegadores (en especial Internet Explorer). Leer más

Ventajas e inconvenientes de usar CMS de código abierto (WordPress, Drupal o Joomla)

17 mar 2012

Wordpress Joomla Drupal

Para empezar conviene explicar qué es CMS (Content Management System). Es un sistema de gestión de contenidos que permite la publicación y administración de contenidos a través de un panel de control, utilizado comúnmente para la creación de webs dinámicas, por ejemplo blogs y tiendas online (comercio electrónico). Los CMS de código abierto más conocidos son: WordPress, Drupal, Joomla, Movable Type, Prestashop, Magento, Zencart, Concrete5… 

El uso de CMS de código abierto o la creación de una web a medida depende de las necesidades de cada uno. Las ventajas más interesantes del uso de CMS de código abierto son las siguientes:

  1. Rápida instalación: con los conocimientos justos se instala y configura en tu servidor.
  2. Simplicidad: suelen tener una interfaz amigable para la gestión de los contenidos.
  3. Personalización intuitiva: existe un gran número de plugins y themes (gratuitos y de pago) que se instalan en sencillos pasos.
  4. Precio económico: puesto que no hay que empezar de cero, el coste es bastante inferior a una web a medida.
  5. Respaldo por parte de su comunidad de usuarios: los CMS más conocidos disponen de una gran comunidad de usuarios. Leer más