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: Esto es una etiqueta: 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 [...]

2018-04-17T14:26:06+02:0017 de abril de 2018|Categorías: Tutoriales|Etiquetas: , , , , |Sin comentarios

Estrenamos nuevo diseño web

Ayer por la tarde inauguramos un nuevo diseño web en APG para poder mostrar la misma información de forma mucho más clara y sencilla a nuestros visitantes. El nuevo diseño web se ha realizado sobre el mismo tema premium de WordPress Avada con el que veníamos trabajando el sitio web en los últimos años. Los cambios más fundamentales se encuentran en el rediseño del menú, donde se ha abandonado el diseño vertical del anterior diseño y se ha vuelto al clásico diseño horizontal superior. En el menú también se ha abandonado el fondo negro cambiándolo por un fondo blanco con [...]

2018-06-12T18:08:00+02:0013 de diciembre de 2017|Categorías: Art Project Group|Etiquetas: |Sin comentarios

Google y el diseño web sensible

  ¡Genial! Art Project Group está optimizada para móviles. Según anunció ayer mismo la propia Google en Continuing to make the web more mobile friendly parece ser que en el próximo mes de mayo empezará a dar aún más protagonismo a los sitios web que utilizan diseño web sensible y que tienen una versión específica o perfectamente adaptada para dispositivos móviles, vamos lo que se denominan sitios web mobile-friendly. Gracias a este nuevo ajuste de su algoritmo de búsqueda, Google dará prioridad en los resultados de las búsquedas realizadas desde dispositivos móviles a los sitios web que pasen [...]

2017-12-13T15:28:00+01:0017 de marzo de 2016|Categorías: Noticias|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 [...]

2018-06-12T18:56:32+02:002 de diciembre de 2014|Categorías: Art Project Group|Etiquetas: , , , |Sin comentarios

¿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 [...]

2018-09-21T13:54:39+02:008 de noviembre de 2013|Categorías: Tutoriales|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 [...]

2017-12-13T15:26:55+01:0011 de junio de 2012|Categorías: Actualidad|Etiquetas: , , , |Sin comentarios

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 [...]

2017-12-12T19:01:01+01:0020 de mayo de 2012|Categorías: Noticias|Etiquetas: |1 comentario

¿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 [...]

2018-10-08T09:03:55+02:0015 de mayo de 2012|Categorías: Noticias|Etiquetas: , , , , |Sin comentarios

HTML5, ¿presente o futuro?

HTML5 Mucho se habla sobre el HTML5 y su funcionalidad en la web actual, pero ¿realmente es una buena idea utilizar HTML5 hoy?. La respuesta a esta pregunta no es fácil, en primer lugar, HTML5 viene de la mano de CSS3 y JavaScript, por un lado tanto HTML5 como CSS3 se encuentran todavía en fase de desarrollo, y al ritmo al que van las cosas, todavía tardará algún lustro en finalizarse el desarrollo completo de ambos estándares, por el otro, tal y como llevamos sufriendo desde el nacimiento de la Internet y de los primeros estándares HTML, cada navegador web [...]

2017-03-27T18:07:59+02:0014 de mayo de 2012|Categorías: Noticias|Etiquetas: , , , , , |Sin comentarios

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. [...]

2017-03-27T18:07:59+02:0010 de mayo de 2012|Categorías: Noticias|Etiquetas: , , , , , |Sin comentarios

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 [...]

2017-03-27T18:08:00+02:009 de marzo de 2012|Categorías: Noticias|Etiquetas: , , , , , , |Sin comentarios

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, [...]

2018-06-12T18:26:37+02:007 de marzo de 2012|Categorías: Actualidad|Etiquetas: , , |Sin comentarios