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-5b2d1129f2e63438296640/] 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: 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+00:00 13 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+00:00 17 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+00:00 2 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 [...]

2017-09-19T10:54:09+00:00 8 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+00:00 11 de junio de 2012|Categorías: Actualidad|Etiquetas: , , , |Sin comentarios

Yahoo! Axis

Yahoo! Axis en acción Yahoo!, que parece estar más viva que nunca, acaba de lanzar su propio navegador web, Yahoo! Axis. Esta nueva apuesta de Yahoo! es una aplicación gratuita, mezcla de navegador y buscador de contenidos multimedia, preparada tanto para el escritorio de tu ordenador personal como para iPhone y iPad, de momento no hay noticias sobre dispositivos Android. Utiliza HTML5 y no soporta Adobe Flash. En el caso de los ordenadores personales, se trata, en realidad, de un modulo instalable en Mozilla Firefox, Google Chrome, Safari o Microsoft Internet Explorer. Uno de los puntos fuertes de [...]

2018-06-12T18:51:20+00:00 25 de mayo 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+00:00 20 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 [...]

2017-03-27T18:07:59+00:00 15 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+00:00 14 de mayo de 2012|Categorías: Noticias|Etiquetas: , , , , , |Sin comentarios

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

2018-01-30T13:33:29+00:00 11 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. [...]