Diseño web

El placeholder, los campos de selección y Contact Form 7

¿Qué es un placeholder? Para los que aún no lo tengan claro el atributo placeholder o marcador de posición se incluyó en HTML5 para añadir información adicional a la que ya proporciona la propia etiqueta (label) de los campos de texto (input) y áreas de texto (textarea) de los formularios, por ejemplo el código HTML: [crayon-5ada02dc4fe41118189250/] Genera este resultado: En este simple ejemplo se puede apreciar claramente la diferencia entre una etiqueta y un marcador de posición. Digamos que el placeholder es ese texto que aparece de forma predeterminada antes de comenzar a escribir en el campo y que desaparece [...]

2018-04-17T14:26:06+00:00 17 de abril de 2018|Categorías: Art Project Group|Etiquetas: , , , , , , |Sin comentarios

TodoAccidente

Sitio web de TodoAccidente Tras haber contratado nuestro servicio Todo en uno hace varias semanas, TodoAccidente solicitó a Plantatercera un nuevo diseño del sitio web, y a APG la implementación del nuevo diseño web en su sitio web. Dicho y hecho Tras decidir los chicos de Plantatercera la plantilla premium sobre la que iban a realizar el diseño web definitivo, y tras recibir los diseños aprovados por el cliente, nos pusimos manos a la obra. Nuevo alojamiento web Lo primero que tuvimos que hacer es migrar el sitio web completo, de su alojamiento web original al nuevo VPS contratado con APG. Durante [...]

¿Cómo usar fuentes incrustadas o embebidas en las hojas de estilo en más de un dominio?

El otro día en ¿Es posible tener una única instalación de WordPress con múltiples nombres de dominio y múltiples bases de datos? explicamos cómo instalar sobre una única instalación de WordPress varios sitios web con más de un nombre de dominio y con distintas bases de datos, lo que siempre es muy interesante, pero tras lo cual nos puede surgir algún problema, como este que explicamos hoy. Si queremos hacer uso de fuentes incrustadas o embebidas en el código de nuestra hoja de estilo CSS, lo primero que vamos a necesitar es la fuente tipográfica que queremos utilizar y pasarla [...]

2017-09-19T10:54:09+00:00 8 de noviembre de 2013|Categorías: Art Project Group|Etiquetas: , , , , , , , , , , |Sin comentarios

Google recomienda el uso del diseño web sensible

Google en la última entrada publicada en su Webmaster Central Blog recomienda el uso del diseño web sensible para la construcción de sitios web optimizadas para teléfonos inteligentes (smartphones). Entre sus recomendaciones indica que sólo se debe emplear código CSS para optimizar la visualización del sitio web a los dispositivos móviles, y en el caso en el que no sea posible emplear exclusivamente CSS para ello, que se generen distintas versiones del código HTML de forma dinámica o distintas URLs para obtener los mismos resultados, tener diferentes versiones del sitio web en función del dispositivo donde se visualiza. Google incluso ha [...]

Diseño web sensible: herramientas

  The Responsinator Para todos aquellos que quieren realizar un diseño web sensible y no tienen a su disposición una gran cantidad de dispositivos diferentes para poder realizar distintas pruebas de visualización sobre ellos, deben hacer uso de distintas herramientas que existen a la disposición de los diseñadores web en Internet. Hoy vamos a hablar de dos de ellas: The Responsinator y Screenqueries: The Responsinator: gracias a esta aplicación podemos visualizar nuestro diseño web, simplemente introduciendo la URL que queremos visualizar, sobre un Apple iPhone en posición vertical (320 x 480) y horizontal (480 x 320), un dispositivo [...]

¿Y qué ocurre con el CSS3?

CSS3 Si ayer hablábamos sobre el HTML5, hoy le toca el turno a su hermano gemelo, el CSS3. En el caso del CSS3 su situación actual es complicada, ya que ninguno de los navegadores web que utilizamos, ni tan siquiera en sus últimas versiones, soportan el estándar CSS3 en su totalidad, y para hacerlo aún más complicado, cada uno de ellos posee una completa lista de alternativas al estándar que hace imposible la tarea de crear un diseño web crossbrowsing normalizado, ya que hay que utilizar infinidad de hacks para que nuestro trabajo sea correctamente (en mayor o [...]

Adobe Edge

Adobe Edge Como ya muchos sabéis, Adobe Edge viene a ser el futuro (o no ya tan futuro) sustituto de Adobe Flash para su uso en la Internet. Gracias a esta fantástica aplicación, que de momento es totalmente gratuita (aunque en esta nueva versión recién publicada se ha añadido una restricción de 95 días), y que viene incluida en el recientemente publicado Adobe Creative Cloud, es posible crear banners, animaciones, presentaciones, pequeños sitios web o todo aquello que se nos ocurra bajo HTML5, JavaScript y CSS3, en lugar de Adobe Flash, como hasta hace bien poco. Las grandes [...]

Normalización en WordPress

WordPress e un CMS muy utilizado y muy apreciado por los diseñadores web especialmente por sus funcionalidades para el posicionamiento web, tal y como explicamos en WordPress y el posicionamiento web, pero en ocasiones resulta un auténtico potro de tortura conseguir normalizar el código fuente de un sitio web creado bajo WordPress. Aunque también hablamos en su momento de la normalización o estandarización en Normalización, en esta ocasión queremos ayudar a solucionar los problemas específicos que nos genera WordPress, aunque es extensible a otros CMS com Joomla, Fork y otras aplicaciones web como tiendas virtuales bajo osCommerce o TomatoCart, por ejemplo. [...]

WordPress y el posicionamiento web

WordPress es un CMS que nos permite crear principalmente blogs, pero también sitios web corporativos. Está desarrollado en PHP y MySQL, y, dado que está publicado bajo licencia GPL, es de código fuente público, abierto y gratuito, y gracias a la gran comunidad que lo soporta, no hay prácticamente ninguna funcionalidad que se necesite en un blog o sitio web que WordPress no soporte vía plugin, que se cuentan por miles. Actualmente es probablemente el CMS más implantado de toda la Internet, en agosto de 2011 casi el 15% de la totalidad de los sitios web que componen la Internet estaban [...]

Tipos de diseños web: fijo, fluido o líquido, elástico y sensible

En el diseño web existen fundamentalmente 4 tipos de diseños. El diseño web fijo, o fixed web design en inglés, es, con diferencia, el más utilizado de la Internet, y es aquel que permanece inalterable sea cual sea el dispositivo donde se visualiza el sitio web. Es indiferente al tamaño de la pantalla y a la anchura del navegador web que la visualiza. Sean cuales sean las características del dispositivo, pantalla o navegador, siempre se visualiza el mismo tamaño preestablecido por el diseñador web en píxeles. El diseño web fluido o diseño web líquido, fluid web design o liquid web design, [...]