Herramientas de diseño web: Webflow, Edge reflow y Macaw

Herramientas de diseño web: Webflow, Edge reflow y Macaw

por | Jun 2, 2014 | Diseño gráfico, Diseño web, Internet

Herramientas de diseño web: Webflow, Edge reflow y Macaw

Para prepararse para una charla sobre los papeles cambiantes de los diseñadores y desarrolladores, dadas en CÓMO interactivo hace unos meses, me entrevisté con más de 20 tiendas web . Validado por mi propia experiencia, he encontrado que muchos de ellos enfrentan desafíos encajan diseño de respuesta en su flujo de trabajo y el papel de la mayoría de los diseñadores web había cambiado para incluir la programación de una forma u otra. Al menos la mitad de los diseñadores sabían HTML y CSS bien pero quería una forma más visual para llegar a ella. Bueno, una nueva generación de herramientas de diseño visuales sensibles ha llegado. Estas herramientas de diseño que responden son para cualquier persona que entiende de HTML y CSS (o está dispuesto a aprender ) y quiere diseñar visualmente una página web de respuesta – y tienen código para mostrar. Algunas de las más nuevas y visuales constructores de sitio web de respuesta son Webflow, Adobe Edge Reflujo CC y Macaw. Sí , un millón de personas están ahí fuera, incluyendo Squarespace , FROONT y caballete, pero nos centraremos en unos pocos en este artículo. Mi intención no es campeón de estas herramientas, sino más bien para que se familiarice con ellos y discutir sus puntos fuertes y débiles . Para que conste , soy un desarrollador de front-end que -creo sitios web que responden utilizando varios marcos y mi propio código como punto de partida (junto con WordPress). Siempre he sido recelosos de código generado, por una buena razón (recuerde GoLive ? ), Pero también entiendo que herramientas como éstas tienen un tiempo, un lugar y, sí, un público. Usted podría utilizar una de estas herramientas en el proceso de diseño para crear composiciones que responden , sin importar si usted tiene la intención de usar el código generado. Incluso me he tomado a través de algunos de prototipado rápido. ¡Blasfemia! Por lo tanto, vamos a echar un vistazo, a partir de Webflow.

Webflow

Al igual que todas las herramientas que discutiremos, Webflow es un recién llegado a la escena. Es un editor de arrastrar y soltar en el navegador para crear sitios web que responden sin tener que mirar el código . Se requiere una suscripción mensual y tiene múltiples niveles de precios para los individuos y equipos . Incluido en todas las suscripciones está organizando en una red de distribución de contenidos mediante un subdominio ( yoursite.webflow.com ), a menos que quieras pagar unos dólares más para el hospedaje de dominio personalizado . Pero es posible también exportar simplemente el código generado y llevarlo donde quiera. ¿Cómo va el código que genera Webflow , usted pide? Se basa en Bootstrap 3.0, y, sí , algunos de nosotros podría escribir más limpio, más claro , más código semántico, pero dijo todo , el código de Webflow es relativamente limpio. Después de registrarse y el registro, es llegar al salpicadero del Webflow . Esto es donde el control de su cuenta , administrar la configuración del sitio web y comenzar su sitio web. Por defecto, no hay mucho excepto un gran botón azul que mira a la cara , que le insta a crear un sitio web . Puede utilizar una plantilla o empezar de cero. Incluso hay un mercado para las plantillas, de pago y gratuitos , donde se puede vender sus propias plantillas WebFlow .

Primeros pasos con Webflow

Primeros pasos con Webflow

Bloques de construcción

Una vez que haya comenzado un sitio web, te llevan en el diseñador de Webflow, donde sucede la magia. En el diseñador, que actualmente es reconocida sólo en Chrome y Google Canary (que es básicamente Chrome para desarrolladores, con nuevas características que se agregan casi todos los días), se le está mirando fijamente a su primera página en el explorador , con una barra de herramientas a la izquierda y varios los paneles de la derecha. Operaciones genéricos (por ejemplo, agregar páginas , la edición y vista previa) están a la izquierda, y los contenidos y opciones de formato meollo de la cuestión están a la derecha. Desde el panel de «+ » a la derecha, puede arrastrar elementos de diseño (divs o elementos HTML5 fijados a un max-width o un ancho de 100 %) y una cuadrícula personalizable en el diseño de escritorio por defecto. Con su estructura básica en su lugar, usted puede comenzar a insertar contenido de la página. Webflow viene con un conjunto de componentes web estándar (incluyendo listas , enlaces y bloques de texto ) y una serie de widgets personalizables (como iconos de redes sociales y deslizadores sensibles ) que puede arrastrar en la estructura de la página. Para las imágenes , puede utilizar GIF , JPG , PNG o SVG , así como imágenes optimizadas para la retina y Hi- DPI pantallas. También puedes arrastrar el widget »

Diseñador de Webflow

Diseñador de Webflow

Insertar » en el diseño para añadir su propio código.

DISEÑO

Mientras Webflow es arrastrar y soltar, la experiencia no es como el diseño en Photoshop o Illustrator. El contenido se genera encaja más como un rompecabezas y se posiciona utilizando propiedades CSS típicos como el padding, margen y posición. Como un codificador , agradezco la eficacia con Webflow muestra visualmente la estructura HTML y CSS propiedades. Como resultado , el conocimiento de HTML y CSS de trabajo es necesaria, y constructores de sitio web por primera vez puede ser un poco perplejo por algunas de las opciones, pero eso es lo que la ayuda video es para , junto con los iconos en línea de ayuda («?» ) por todas partes. Para ser honesto , el panel de estilo a la derecha, donde se ajusta la mayoría de las propiedades de CSS , es relativamente intuitivo, y la forma en que maneja las propiedades CSS , como relleno y el margen es muy inteligente . Codificadores de CSS podrían sentir que carece y quiere ver el código . Contenido compartido entre páginas es bastante simple , y algunos contenidos relacionados con SEO- , como los títulos y descripciones , se puede establecer por página .

Editar estilo

Editar estilo

DEFINIR SU DISEÑO DE RESPUESTA

Cuando se trata de cómo el contenido responde realmente a la medida del navegador, sigue Webflow cómo la industria inicialmente se acercó el diseño de respuesta : durante tres dispositivos o puntos de interrupción. A medida que agrega y diseñar su contenido y áreas, se puede determinar los tamaños de los dispositivos ( de tres) que van a aparecer en . También puede previsualizar fácilmente el diseño en los tres tamaños desde dentro de la interfaz . En la actualidad, los puntos de corte no se pueden editar en el diseñador, a menos que agregue su propio código en el tablero de instrumentos o exportar el código y editar el CSS a otra parte.

El cambio entre los puntos de interrupción

El cambio entre los puntos de interrupción

Las fuentes, los medios de comunicación, FORMAS Y VINCULACIÓN

  • Fuentes

En estos días , las fuentes alojadas son una necesidad para cualquier diseñador que se precie . La integración de Google Fuentes o un kit de una cuenta Typekit se pueden hacer en el tablero de instrumentos , y esas fuentes serán entonces accesibles en el menú «Fuente» en el área de diseño .

  • Medios de comunicación

Adición de medios (incluyendo vídeo de Vimeo y YouTube ) es bastante fácil, también. Webflow utiliza Embedly incrustar el contenido de una larga lista de proveedores.

  • Formas

Formularios de contacto simples también están disponibles y se pueden instalar y diseñados con bastante facilidad. Usted puede tener los datos que se envían por correo electrónico: Sólo tienes que arrastrar los datos capturados del formulario de la configuración en el panel de control , o el gancho de la forma a otra secuencia de comandos (o simplemente insertar su propio código de formulario).

  • Vínculos

Aparte de las opciones de vínculos típicos (como entre las páginas de sitios web , correo electrónico y teléfono ) , Webflow permite vincular a las secciones de las páginas, con desplazamiento suave entre anclajes insertados automáticamente. También puede insertar un bloque de enlace, que es un área de contenido con un solo vínculo que se le aplica . También puede ajustar fácilmente la apariencia de sus vínculos por el estilo de ellos.

TRABAJANDO CON EL CÓDIGO

Al igual que con la mayoría de otras herramientas, algunas de las características de HTML y CSS más avanzadas están ocultos de manera predeterminada en el espacio de trabajo , pero se puede activar . Si te sientes aventurero , también puede asignar sus propias clases de contenido y cambiar el nombre y eliminar en el Administrador de estilos . Si usted es hábil con el código, puede insertar su propio en las etiquetas de la cabeza y el cuerpo en el salpicadero. Esto abre la puerta a la adición de los componentes personalizados , como plugins jQuery y mucho más . código de Inserción

Insertar código

Insertar código

Webflow es actualmente un constructor de sitio web estático y no está vinculado a un sistema de gestión de contenidos ( CMS) o el sistema de blogs. Usted puede exportar el código de su diseño Webflow utilizar como punto de partida para un WordPress (u otro) de proyecto o incluso como un archivo plano CMS. Pero una vez que se exporta el código, que pierde su conexión con el diseño original en Webflow . Una característica útil de Webflow es la posibilidad de guardar versiones de sitios web. En estos días, la mayoría de nosotros que desarrollan sitios web para ganarse la vida utilizan algún tipo de control de versiones , por lo que, en su forma más simple , podemos volver a versiones anteriores si se produce un problema. En el diseño de Webflow , puede crear manualmente una versión o dejar que WebFlow crear uno de forma automática cada 20 de salvar. Un punto de restauración se creará en la configuración de la página Web del tablero de instrumentos, y se puede añadir una nota en cada punto de restauración. Entonces , si pasa algo, puede restaurar el archivo completo (es decir, sitio web) a una versión guardada anteriormente. Por lo tanto, escribir una nota recordatoria en cada punto de restauración para explicar que la página web es una buena idea.

Restaurando versiones en CMS

Restaurando versiones en CMS

Publicando y exportando

La publicación en la red de entrega de contenido de Webflow (incluido en el presupuesto) es bastante simple , ya que está exportando , si usted prefiere tomar otra parte del código . Puedo imaginar varios usos para esto: las personas que lo usan para crear su propio sitio web de respuesta estática ; diseñadores lo utilizan de demostración de un diseño de respuesta o para pasar el archivo de código exportado a un desarrollador ; y desarrolladores usando piezas del código generado en sus proyectos. Webflow también permite a los usuarios trabajar en colaboración (que cuesta más), incluso mediante el intercambio de plantillas, la transferencia de sitios web para clientes y mucho más.

Exportando el código

Exportando el código

Adobe Edge Reflug CC

Edge reflug es parte de la familia de herramientas de borde y servicios que Adobe ha introducido en los últimos años . La familia incluye Edge Reflow , Edge Animate y Edge Inspeccione , y es una parte de la Creative Cloud , que está basado en suscripciones . A diferencia Webflow , que está basado en el navegador , Borde de reflujo es actualmente una aplicación que se descarga e instala en el disco duro . Debido a reflujo es todavía técnicamente en modo de vista previa pública (como una beta que está disponible para el mundo ) , no está todavía plenamente al horno , y las cosas cambiarán muy probablemente en versiones futuras sobre la base de sugerencias de los usuarios . Edge reflujo es una herramienta de diseño que captura las «de intermediarios» de un diseño de respuesta , que a menudo son difíciles de transmitir al dar el relevo un proyecto a un desarrollador o en la presentación de los conceptos de diseño a un cliente. En otras palabras, Edge reflujo hace que los archivos de Photoshop más sensible amigable.

Bloques de construcción

Al comenzar un proyecto en el reflujo , puede seguir uno de varios métodos . Usted puede crear un proyecto de reflujo que contiene las páginas de su sitio web y empezar a partir de un lienzo en blanco, por así decirlo. Puede importar imágenes de la web y el contenido de Photoshop y luego construir su diseño; hacer esto , incluso se podría importar el contenido en su proyecto de reflujo directamente desde un archivo CC Photoshop (ersión 14.1 + only – CS6 y anteriores no funciona) si el archivo de Photoshop (PSD) se ha establecido correctamente.

Un tercer método es exportar un proyecto de reflujo desde Photoshop CC ( 14.1 + ) como punto de partida para un diseño de respuesta en reflujo . Esto le permite importar las formas , el texto y los activos que ha definido en el documento de Photoshop. Utilizando la tecnología de generador integrado en Photoshop CC (14.1 +), las imágenes optimizadas en la web se generan automáticamente a partir de los nombres de capa en Photoshop. Esta conexión es uno de los grandes puntos de venta de reflujo para aquellos de nosotros que confían en Photoshop para el diseño web .

Copiando CSS de Reflow

Copiando CSS de Reflow

  • DISEÑO

Cuando se trata de diseño , reflujo es bastante similar a Photoshop e InDesign . Cambia la posición de los elementos visuales , en lugar de editar el CSS y HTML para moverlos. Reflujo también requiere que se dibuje contienen elementos en el espacio de diseño , en lugar de arrastrarlos en (como en Webflow) . El flotador : izquierda declaración se aplica a todos los elementos en reflujo por defecto, así que arrastrar el contenido que se encuentra en la página puede ser doloroso al principio. Una vez más , sin embargo, la aplicación que obliga a entender los conceptos de HTML y CSS , porque la mayoría de las funcionalidades relacionadas con el diseño se basa en ellos. Para ayudar a su diseño, Reflujo viene con una rejilla editable que le permite editar las columnas, canalones y opacidad. Cada punto de interrupción de respuesta puede tener un ajuste de rejilla diferente. Puede crear múltiples páginas, y lo más parecido a la adición de CSS es copiar y pegar los estilos visuales de un elemento a otro . Reflujo también le permite acceder a las opciones de base de CSS para el estilo del cuerpo (llamada la » página» ) y el div que contiene (que todas las páginas tienen reflujo ).

  • DEFINIR SU DISEÑO

Debido a que el diseño de respuesta es el propósito de reflujo en la vida, la única cosa que realmente llama la atención es cómo se defina visualmente los puntos de interrupción . En Reflow , está representado todo el espectro de respuesta ( no sólo los tres tamaños de los dispositivos , como en Webflow ) . Si partes de su rotura de diseño entre el móvil y la tableta , por ejemplo , puede agregar fácilmente un punto de interrupción haciendo clic en un botón y hacer los cambios necesarios . Reflujo incluso le permite establecer puntos de interrupción máxima y mínima , lo que significa que usted puede diseñar móvil primero , si quieres. Definición de los puntos de interrupción en Reflow Definición de los puntos de interrupción en reflujo (Grande vista previa) Las fuentes, los medios de comunicación.

  • Fuentes

Fuentes de una cuenta Typekit se puede utilizar fácilmente en la interfaz al conectar el kit. Reflujo también viene con acceso a Edge Web Fonts (una colección de fuentes web hospedados de Adobe, Google y otros) . medios de comunicación Porque no se puede inyectar su propio código a menos que modifique el código generado , la adición de medios en el borde de reflujo no es posible. Se puede establecer un marcador de posición para los medios de comunicación (como imágenes ) , usándolo como una señal visual para el sitio web de producción. Formas En Reflow , puede añadir una serie de elementos típicos de formulario , como botones , campos de texto y botones de radio (entre otros) . Inserción de estos elementos de formulario en la página no añadir una etiqueta de formulario con el código generado ; así, los elementos de formulario no están hechas para ser funcional fuera de la caja . Esto nos recuerda una vez más que de reflujo es actualmente una herramienta maqueta , más adecuado para la creación de un diseño a prueba de concepto de que para generar código listo para la producción . enlace En la última versión de Edge Reflujo CC , se puede enlazar a páginas dentro del proyecto y a direcciones URL externas , así como los estados de control como la libración y activa en cualquier objeto en el diseño.

INTEGRACIÓN CON UN CMS

Reflug actualmente no tiene manera de integrar con un CMS a menos que tome el código que se genera y lo hace usted mismo fuera de la aplicación .

TRABAJO CON EL CÓDIGO

Edición de código no es el propósito de reflujo , ya que está destinado a ser utilizado como una herramienta de diseño visual . Sin embargo , utilizando el panel Elementos , puede nombrar a los elementos y organizar el código (es decir, para el DOM) en una jerarquía que tenga sentido para usted ( y tal vez a su desarrollador) .

Si usted está mirando para agregar cosas como una presentación de diapositivas jQuery, desplazamiento suave o un video o insertar su propio código HTML , entonces tendrá que modificar el código generado en otra aplicación. El panel Elementos El panel Elementos (Grande vista previa) Publicación y exportación Tenga en cuenta que el borde de reflujo tiene actualmente ningún exportador o funcionalidad de publicación . Al previsualizar la página web en un navegador compatible , reflujo genera el código HTML y CSS, pero los comentarios en línea que advierten contra el uso del código en un entorno de producción.

Editar tags en el outline

Editar tags en el outline

 

A juzgar por la respuesta en los foros de Edge de reflug, esto no ha impedido que la gente lo intente. Reflug te permite mostrar, copie y pegue el código CSS generado utilizar más aguas abajo en su página web real. Copiado CSS del reflujo Copiado CSS del reflujo (Grande vista previa) Para una mirada al interior de cómo Reflujo produjo, echa un vistazo en cuenta el proceso de Aaron Shekey.

Macaw

La última aplicación de la escena es Macaw, que acaba de ser lanzado al público como la versión 1.0 el 31 de marzo. Macaw se posiciona como una herramienta de diseño web que también escribe HTML semántico y CSS. Creo que el lema lo dice todo : «Deja de escribir código, empezar a dibujar ella. » Como Edge Reflow, Macaw también es una aplicación que se descarga e instala en el disco duro y está vinculada a una cuenta registrada. Pero a diferencia de Webflow y Edge Reflujo CC , no hay ninguna cuota mensual. Usted sólo paga un precio por una sola vez.

Después de pasar unos días con Macaw , te puedo decir que tiene un gran potencial como herramienta de diseño de páginas web sensibles . Esa es una buena manera de decir que es un bastante impresionante versión 1.0 , con algunos errores . Viniendo de un fondo de la web , puedo decir que la interfaz es bastante intuitiva , aunque me encuentro que faltan características básicas como los menús de contexto del botón derecho y zoom. Pero teniendo en cuenta que un puñado de personas inició esta cosa , no una corporación grande , estoy impresionado.

La interfaz del Macaw Interfaz (vista previa Large) del Macaw Bloques de construcción Cuando se inicia un proyecto Macaw, que se enfrentan a una página en blanco , que es el lienzo de diseño. Usted puede empezar a añadir elementos de diseño a la página mediante la importación de imágenes y añadir marcos de texto y el formato a ir con ellos, o usted puede ir directamente a la adición de puntos de interrupción que se podría esperar de su uso. La interfaz del Macaw es bastante simple, y el diseñador promedio realmente no se necesita mucho tiempo para descifrar dónde están las cosas – es decir, el tiempo que tienen un conocimiento de HTML y CSS de trabajo . Como Reflow , Macaw es bastante similar a Photoshop e InDesign en su acercamiento al diseño. Usted dibuja y recolocar los elementos visuales , en lugar de tener que editar el CSS y HTML. Stream es el nombre del motor que calcula todas las propiedades que colocan los elementos de diseño en el flujo del documento estático.

Al igual que con Webflow y reflujo , usted tiene que entender HTML y CSS conceptualmente , porque la mayoría de la funcionalidad de diseño se basa en ellos. Elementos de diseño en Macaw Elementos de diseño en Macaw (Large vista previa) DISEÑO Macaw tiene lo que parece ser una característica muy útil, llamado modo de visualización , que muestra los elementos de diseño en la página como » normal» o » contorno » o » alambre «. Debido a que muchos de nosotros va a utilizar Macaw como wireframing y maqueta herramienta , al ver el contenido como contornos negros ( «perfil «) o cajas de color gris ( » alambre «) será útil. El modo de vista del Macaw El modo de vista del Macaw (Large vista previa)

DEFINIR SU DISEÑO

Después de haber trabajado en el borde de reflujo durante un tiempo , me sorprendió la forma en que el espacio de trabajo Macaw similar . Como Reflow , Macaw permite definir puntos de interrupción visual , aunque su interfaz no es tan elegante como reflujo de en mi opinión. Todo el espectro de respuesta se representa ( no sólo los tres tamaños de los dispositivos , como en Webflow ) . Si partes de su rotura de diseño entre los puntos de interrupción , puede agregar fácilmente un punto de interrupción y hacer los cambios necesarios . Tristemente, Macaw actualmente no permite el diseño móvil primero porque no se puede establecer puntos de interrupción máximo y mínimo . El DOM también se bloquea en los puntos de corte más pequeñas , lo que impide la adición de contenido ( las herramientas están aún en gris ) . Pero la gente está charlando en foros del Macaw que los puntos de corte min- width (por diseño -mobile primero ) están llegando. Establecer puntos de interrupción en Macaw Establecer puntos de interrupción en Macaw (Large vista previa) Las fuentes, los medios de comunicación,

FORMAS Y VINCULACIÓN

Fuentes Fuentes web de Google se integran en el espacio de trabajo, y también se puede acceder a las fuentes Typekit conectando su cuenta en el menú «Fuente» del área de diseño . medios de comunicación Actualmente, Macaw ofrece una manera fácil de insertar los medios de comunicación , tales como videos de YouTube. Puede, sin embargo , introducir un elemento de marcador de posición y ate algo de JavaScript a la misma, a través del » scripts » del panel. Formas Macaw tiene una variedad de elementos de forma típica , incluyendo botones, campos de texto y botones de radio, que se pueden agregar a un diseño . Al igual que en reflujo , se trata de representar visualmente un formulario, no para crear una forma de trabajo real . Si te sientes aventurero , puedes elementos de forma de agrupar y cambiar la etiqueta a formarse en el editor de esquema. Esto por lo menos le dará las bases para una forma funcional si tiene la intención de usar el código generado en su sitio de producción. enlace Puedes enlazar a páginas creadas en un proyecto, así como el tipo de enlaces en el menú » Vínculos».

TRABAJO CON EL CÓDIGO

Lo más parecido a trabajar con código en Macaw (aparte de editar el código publicado) es editar elementos en el panel de esquema, que es una representación del DOM. En el panel de esquema , puede cambiar las etiquetas HTML , jerarquía y el contenido de pedido, solicitar nombres de CSS y más. También se pueden crear estilos globales (CSS) que se pueden aplicar a su contenido. Edición de etiquetas en el panel Contorno Edición de etiquetas en el panel Contorno (Grande vista previa)

INTEGRACIÓN CON UN CMS

Como Reflow , Macaw no se integra con un CMS. Algunas personas en la comunidad Macaw están tratando de averiguar un flujo de trabajo de Macaw para WordPress (y otros plataformas ) , pero no hay una conexión directa todavía. Publicación y exportación Macaw tiene una opción de publicación que lleva a una ventana de vista previa . A diferencia de reflujo, Macaw ofrece opciones para la exportación , en «Configuración de publicación.» En el cuadro de diálogo de ahí, puede elegir las páginas para exportar , inyectar código (como Google Analytics) en la cabeza o el cuerpo , adaptar el CSS a sus necesidades (escribiendo abreviaturas , la adición de prefijos de proveedores , la consolidación de estilos , etc), genera imágenes optimizadas para pantallas de alta definición y más. Los ajustes que dicen que el código generado no es sólo para mostrar. Una vez publicada , se le llevará a una ventana de vista previa , donde se puede ver todo el código (HTML , CSS , JavaScript ) e incluso ir a la vista previa de la página en el navegador predeterminado . De las tres aplicaciones , el código del Macaw es el más conciso y lo más cercano a lo que un desarrollador de front-end en realidad podría escribir.

Opciones para publicar código

Opciones para publicar código

CONCLUSIÓN

Estas herramientas de diseño están aquí para quedarse de una forma u otra. Desde dispositivos móviles llegaron a la escena, que hemos estado tratando de configurar nuestros flujos de trabajo para dar cabida a los diseños sensibles. Estas herramientas podrían potencialmente salvar esa brecha cuando es usado como punto de partida para el diseño de aplicaciones para usuario o simplemente para wireframes y prototipos.
Como era de esperar, ya he visto la gente trata de construir un gran sitio web basado en CMS con reflug y luego se quejan cuando no pueden inyectar su slideshow de respuesta preferida o lamentarse de que el código no es lo que iban a escribir. Tenga en cuenta que el guacamayo y reflujo tienen el propósito de ser parte de un flujo de trabajo, no al principio y al final. Mediante el uso de estas herramientas, ya que tienen por objeto (y no obligarlas a nuestro flujo de trabajo), podemos cruzar el umbral de la capacidad de respuesta, que puede salvar a nosotros mismos ya nuestro tiempo y dolores de cabeza clientes.

Qué aporta el diseño a los negocios

Qué aporta el diseño a los negocios

por | Mar 28, 2014 | Creatividad, Diseño gráfico, Diseño web, Marketing, Negocio digital, Publicidad

Desde Design Council han preparado un motion explicando para qué le sirve el diseño a los negocios. El diseño no sólo aporta valor añadido a tu negocio, sino que te permite enfocar los esfuerzos en tus clientes y por lo tanto mejorar tus ingresos y aumentar tu proyección.

La inversión en diseño significa centrarte en qué utilidad puedes dar con tu producto a la sociedad porque estás buscando soluciones a problemas reales sin basarte sencillamente en la intuición.

Qué es un megamenú y su uso

Qué es un megamenú y su uso

por | Mar 17, 2014 | Diseño web, Internet, Marketing, Publicidad

Qué es un megamenú y su uso en páginas web.

El megamenú es un menú enriquecido nacido de una evolución de los menús desplegables. El megamenú permite dividir el contenido en secciones, mostrar imágenes, widgetizarlo, incluir un formulario de contacto o cualquier otra cosa que se incluya en una web normal. Permitiendo así mostrar mucha más información y dar un orden lógico a menús que antes se desplegaban hasta el infinito. Además conseguimos tener una nueva herramienta de marketing mostrando banners publicitarios que enganchen a las personas que simplemente estaban navegando por el menú.

Captura de pantalla 2014-03-17 a la(s) 09.48.48

Toda gran empresa debería de usar los megamenús para simplificar la navegación dentro de su web. Haciendo así que las personas tengan claras las diferentes secciones dentro de las que están y reduciendo el número de clics.

¡Puedes reducir la cantidad de clics necesarios para llegar a un formulario de contacto de tres golpes de ratón a uno!

Es importante que los megamenús estén diseñados como listas con las etiquetas <ul> y <li> para que google indexe correctamente el contenido y que dentro de cada menú, esté clasificado correctamente con sus etiquetas <h2> y subsiguientes.

Normalmente, debido a esta forma de lista, los megamenús están divididos en bloques, podemos modificar el ancho y el alto de estos bloques. Se puede permitir que cada bloque tenga un alto diferente, aunque es aconsejable que todos los bloques tengan la misma altura para no descolocar al visitante aunque una sección tenga menos elementos que otra. También es importante que el megamenú cargue rápidamente porque el usuario entiende que está cargando un menú normal y no otro trozo de html y es importante el escaneo vertical, por encima del horizontal porque el uso habitual es leerlo de arriba a abajo y en orden alfabético.

Sitios como la casa blanca en su web whitehouse.gov han implantado el megamenu para facilitar la navegación por la web. Nosotros lo hemos implantado en diseños propios como la editorial ItsBook como se puede ver en la siguiente imagen.

Editorial ItsBook sin mostrar el megamenú

Editorial ItsBook sin mostrar el megamenú

 

Editorial ItsBook mostrando el megamenú

Editorial ItsBook mostrando el megamenú

 

Insertar objetos interactivos en 3d en tu web con jquery

Insertar objetos interactivos en 3d en tu web con jquery

por | Mar 4, 2014 | Diseño web, Tiendas online

Insertar objetos interactivos en 3d en tu web con jquery es muy sencillo.

¿Cuántas veces habéis querido insertar uno de esos llamativos objetos interactivos en 3d que pinchas con el ratón encima de ellos y puedes moverlos?

Se puede crear un objeto interactivo en 3D mediante imágenes y un simple javascript.

Al clickar sobre la imagen arrastramos el objeto de tal modo que parece que estamos realizando un giro en 3D. En realidad estamos cargando un grupo de imágenes que componen ese movimiento 360º, creando el efecto óptico de que es un objeto que estás girando. El efecto es perfecto para una galería de perfumes por ejemplo. Aunque tendremos que tener todas las imágenes que componen el movimiento alrededor del objeto.

Funciona en todos los navegadores modernos, Chrome, Firefox y Safari, tanto en ordenadores como en smartphones y tabletas, en IE, como siempre, unas veces si o otras no…
El jQuery reconoce el orden de las imágenes por el número que va al final de cada uno de los archivos, tenedlo en cuenta a la hora de guardar las imágenes y nombradlas como imagen_1.jpg, imagen_2.jpg, …

Para ver el ejemplo y descargar el código gratuitamente podéis ir a ésta página.

Nuevo proyecto: Página web de Sugoi Corporation

Nuevo proyecto: Página web de Sugoi Corporation

por | Feb 26, 2014 | Diseño web, Posicionamiento, Últimos trabajos

Nuevo proyecto en Jorgedelbarrio.com: Página web de Sugoi Corporation. Sugoi Corporation es una agencia de viajes personalizados. Sus fundadores son el diseñador gráfico Daniel López y el biólogo Víctor Crego.

Ofrecen viajes a medida para cada persona y la web debía de transmitir que ellos mismos han viajado por dichos lugares y son capaces de facilitar el viaje a cualquiera.

Han confiando en jorgedelbarrio.com para lanzar su proyecto en la web. Estoy contento de haber participado en un proyecto que nace y les deseo la mejor de las suertes. Podéis ver el proyecto en éste enlace:

Enlace al proyecto de Sugoi Corporation

Entrevista con Matt Mullenweg y Mike Poco, pilares de WordPress

Entrevista con Matt Mullenweg y Mike Poco, pilares de WordPress

por | Feb 25, 2014 | Diseño web, Internet, wordpress

Entrevista con Matt Mullenweg

P : Matt , que ha asistido a casi cada Cumbre desde sus inicios y fue el primer orador que se anunciará y la única persona que ha vuelto cada año para asistir. ¿Qué hay en la cumbre que le trae de vuelta a Dublín cada año, y qué se puede compartir con alguien que nunca haya asistido?

Matt: Me encanta Irlanda y he visitado varias veces antes de la Cumbre . Disfruto de las actividades y la gente que me encuentro .

P : A través de los años , más código se está convirtiendo en la práctica habitual en cualquier sitio web . Está WordPress haciendo planes para integrar características como etiquetas de esquema o Facebook Open Graph en el núcleo?

Matt : Estamos dispuestos a adoptar y normas de apoyo , pero en general no se integran las etiquetas que son propiedad de un tercero.

P : ¿Tiene algún plan para un » desde cero reconstrucción «, o tal vez a caer deprecated.php y hacer un limpiador, una versión más ligera de 4,0?

Matt: Reescribimos o refactorizamos alrededor de 10 a 15% de WordPress en la mayoría de versiones, por lo que podemos decir que mantenemos a los usuarios actulizados y les damos nuevas características de forma rápida, mientras se hace la «reconstrucción desde cero» de forma incremental. A veces, las funciones antiguas tardan un tiempo, como se anotó con deprecated.php . Eso es porque tratamos de ser bueno de compatibilidad con versiones anteriores , por lo que la gente puede actualizar a la última versión sin preocupaciones.

P : Algunos desarrolladores de WordPress dicen que los usuarios y los roles son generalmente bastante limitadas en el núcleo y que no un montón de grandes extensiones existen para mejorar las características que los roles de usuario pudiera suministrar . ¿Hay algún plan para evolucionar esta sección del núcleo?

Matt : No estoy al tanto de cualquier cosa que no se puede hacer con el usuario y las funciones del sistema. Por lo general, Voy por el reclamo opuesto, que los roles y capacidades son demasiado complejos.

P : En WordCamp Europa , usted mencionó brevemente que iba a ser más práctico con el desarrollo del núcleo. ¿Nos puedes hablar sobre ello?

Matt : Me refiero a la 3.8, la versión que salió el 12 de diciembre.

P : Si WordPress no existiera hoy en día, ¿Qué CMS utilizaría en este momento?

Matt: Probablemente usaría algo a medida.

P : sitios web temáticos Premium y plugins han crecido cada vez más fuera del repositorio oficial . ¿Tiene algún plan para que en WordPress.org se puedan servir plugins premium GPL ambiente en un repositorio , de forma similar a los temas ofrecidos en WordPress.com?

Matt : No tenemos planes de transferir productos alojados o vender en WordPress.org.

P : ¿Usted tiene un plugin en particular no realizado po Automattic que podría compartir con los usuarios?

Matt : Claro , me gusta Dropbox fotos Carretilla de carga lateral, Email Publicar cambios y … casi todo lo demás que me encanta está cubierto por Jetpack.

P : ¿Qué consejo le daría a cualquiera que esté pensando en desarrollar un tema o plugin?

Matt : El diseño y la usabilidad son más importantes que nunca. Fíjate en un amigo o que vaya a usar el plugin de principio a fin, y te dará un montón de ideas sobre cómo hacerlo mejor.

P : ¿Usted y / o su equipo central son cada vez más activos en grupos y / o foros? Grupos de Facebook , tales como Advanced WP son muy activos.

Matt : Tenemos poco tiempo y es bastante difícil mantener el ritmo de la actividad en WordPress.org , pero somos felices cuando las conversaciones acerca de WordPress están sucediendo en cualquier lugar, y yo tratamos de hacer mella en donde puedo.

P : ¿Cuáles son los mayores desafíos que enfrenta el crecimiento de WordPress , más allá de la alimentación «sólo» del 20% de la Web?

Matt: Creo que el móvil es muy difícil porque es fundamental en las plataformas cerradas.

P : Cuando fuiste a Leiden, hablaste brevemente sobre Mike y cómo mantenerse en contacto . ¿Has pensado en una reunión?
Matt: Eso sería genial, estoy seguro que vamos a ejecutar otra en algún momento en el futuro cercano.

P : ¿Qué podemos ver al lado de Automattic?

Matt: Manténgase en sintonía. 🙂

mike-little-award

Entrevista con Mike Poco

P : ¿Cómo te metiste en la programación?
Mike : De hecho, me escribió mi primer programa, hace mucho tiempo , en 1978. Yo estaba en sexto formulario, y un día a la semana que fui a la universidad local , que tenía una de esas cosas de la computadora. Y empecé a programar allí. Era muy vieja escuela , sino que era un terminal de teletipo , lo que significa que no tiene una pantalla – lo que escribió salió de la impresora en la parte posterior . Salvé mi programa en una cinta perforada. Eso estaba bien , pero no duró mucho ; nuestra clase tiene prohibido desde los ordenadores de la universidad debido a que uno de los chicos quedó atrapado fumar, que no era bueno. [ risas ]
Avance rápido de un par de años , y yo estaba trabajando con un par de bandas , y una de las bandas querían hacer algo de fantasía con lo que entonces eran los ordenadores domésticos . Acabé pidiendo prestado un ZX Spectrum (por lo que habría sido 1982 ) y me las arreglé para poner un programa en conjunto con él , que hemos completado . Aunque nunca logramos ponerlo en vivo en el escenario , realmente tengo el gusanillo de programación de eso. Me encantó la resolución de problemas, toma lo más lejos que pude y sólo hacer las máquinas bailan a mi código. Así es como conseguí el error , y yo sólo hemos mantenido en ella desde entonces.

P : Han pasado 10 años desde que lanzó WordPress . ¿Te das cuenta de lo grande que iba a ser? Y si no , ¿ha tenido alguna idea de lo grande que puede ser?

Mike : No, no en absoluto. No estaba pensando en absoluto en esos términos. Era más sobre la fijación de los software que Matt , yo y algunos otros estaban usando . [ Nota de la redacción : Matt Mullenweg y Mike Poco estaban trabajando con la b2/cafelog software de blogging basado en PHP abandonado, por Michel Valdrighi, que con el tiempo se convirtió en WordPress.] El software tenía algunos errores en ella, y nuestra intención principal era fijar la insectos y hacer algunos ajustes para que sea mejor.
En cuanto a mí , nunca tuve ningún pensamiento alineados en términos de cuota de mercado ni nada de eso . No soy realmente una persona orientada a los negocios , así que para mí era sólo acerca de la fijación del código, por lo que es mejor y ver cómo va.

P : ¿Cómo se siente ahora , sabiendo que más sitios web se están ejecutando en un sistema que se ha creado en parte que hay gente que vive en el Reino Unido?

Mike : Estoy asombrado cada día , mirando a la cantidad de cosas construidas sobre WordPress. Estoy asombrado por el tamaño de la comunidad , el número de plugins y temas , y todos los negocios que se ganan la vida a partir de WordPress. Estoy muy honrado por la pequeña parte que he jugado en el inicio de todo esto.

P : Se recuerda esta anécdota divertida en la mesa de la cena, en la que alguien dice: «Y, ¿qué haces ?» «Yo fundé este CMS» «Oh , ¿cómo se llama ?» «WordPress» «Utilizo eso!».

Mike : Sí , en realidad no es algo que hable. Voy a mencionar que en una situación como la de WordPress , pero en realidad no es algo que quiero presumir. Creo – y estoy feliz de decir esto – WordPress es tan bueno como lo es debido a todas las personas que han trabajado en él después de mí.

P : Es bueno saber que la comunidad es tan grande. Por otro lado, lo que creo son los mayores desafíos que enfrenta el crecimiento de WordPress?

Mike : Mantenerlo utilizable. De hecho , lo que hace aún más fácil de usar . Sé que hay varias líneas de trabajo en curso para lograr eso y hacer que sea aún más fácil para personas que empiezan . De hecho, me hago el entrenamiento WordPress, incluyendo un curso de principiantes , con personas que han tenido , literalmente, sólo un dabble rápido con WordPress.
Todavía me parece increíble lo difícil que es hacer las cosas fáciles . En general , las computadoras no son intuitivos . Una pantalla táctil es un poco más intuitivo que un teclado y un ratón. Tan pronto como se aprende lo básico en WordPress , es todo muy fácil, pero hasta que aprenda lo básico , que en realidad no lo es. Sé que se está poniendo mucho esfuerzo en hacer que estos primeros pasos mucho más fácil , por lo que la marca a alguien nuevo puede simplemente pulsar ese «one-click install» botón y se llevó fácilmente a través de los siguientes pasos.
Creo que este es el mayor desafío , ya que a medida que más y más personas utilizan WordPress, esencialmente, tendrás más personas que son menos conocedores de la tecnología , y es importante para que sea fácil para que vengan a bordo.

P : Estoy de acuerdo . Nuestros clientes en su mayoría utilizan WordPress. Se ve mal agüero para ellos durante unos 10 segundos , pero luego les dijo que tomar una respiración profunda , y después de 10 minutos que apenas hace clic con ellos. Usted mencionó que hace el entrenamiento . ¿Le parece que esto es parte de la evolución de WordPress? ¿Cree que los servicios de formación son más de la demanda ahora que WordPress personalizado construye, que es lo que tanto hacemos para vivir?

Mike : Yo creo que es una mezcla de ambos. Cuando usted tiene que construir un sitio con características muy específicas para un cliente, usted puede quitar la parte de desarrollo y hacer que sea mucho más fácil para el cliente para usarlo. Sin embargo, el entrenamiento que he estado haciendo es para un propósito más general. La gente que entreno están buscando para construir y administrar sitios para ellos mismos o las empresas para las que trabajan . Necesita saber una cantidad razonable de WordPress ( por ejemplo , la forma de construir o configurar un sitio con él). Hay un montón de cosas que la gente puede hacer con WordPress para hacerse un sitio sofisticado, pero no es para nada intuitivo y es donde ellos necesitan un poco de líder . Pero pueden hacerlo. A veces es muy sorprendente cómo incluso los usuarios experimentados aprenden nuevas cosas acerca de él o cosas que vinieron a lo largo después de que pasaron por esa curva de aprendizaje.

P : Me gusta considerarme un usuario experimentado y admitir que me sigue pareciendo nuevas funciones que no me conocen, y es bueno saber que es lo mismo para los demás. ¿La mayoría de los clientes sólo quieren ampliar sus conocimientos generales , o no quieren que su sitio de WordPress para hacer A, B y C, y dejar la programación para usted?

Mike : Es toda una mezcla . Por el momento, hay una división bastante equitativa entre la formación en el aula que yo hago y la formación de uno a uno . Tengo otras tantas consultas sobre cómo construir un sitio como llegue a las solicitudes de trabajo de desarrollo para los clientes existentes. Por un lado , tiendo a estar más interesados ​​en la parte de desarrollo – lo que WordPress pasar por el aro y la construcción de sitios sofisticados complejos que se extienden a WordPress y responden a las necesidades del cliente de una manera más interesante . Por otro lado , yo entrenando para principiantes absolutos. Les enseño la diferencia entre entradas y páginas , y cómo insertar imágenes.

P : Al hacer WordPress pasar por el aro , ¿cuál ha sido el aro más difícil de saltar a través de , y ¿cómo lo harías?

Mike : La mayoría de los aros no son en realidad tan difícil de saltar a través . Esto suena un poco loco , lo sé, pero con los ganchos, las acciones y filtros , WordPress es un sistema de este tipo capaz ahora . Es un marco fantástico para construir lo sitio o incluso aplicación web que una persona quiere.
Han pasado unos años desde que he tenido alguna dificultad real de toma de WordPress hacer algo. Era para un cliente particular, con un sitio muy sofisticado . Dos de las cosas que quería era la capacidad de registrar nuevos usuarios, sin una dirección de correo electrónico u, opcionalmente, con una dirección de correo electrónico que ya pueda ser utilizado por otra persona. WordPress no le gustaba hacer eso en ese momento, así que esto era un problema muy difícil de superar. En realidad, en ese entonces , terminé de hacking código del núcleo para hacer eso. Desde entonces , WordPress ha puesto al día y suficientes filtros estén en su lugar ahora a moverse de maneras legítimas.
Para las cosas que necesito , la búsqueda de los ganchos de derecha y las funciones de la biblioteca suele ser suficiente . Yo podría estar aprendiendo cosas que no sabía antes, pero WordPress es todavía capaz de satisfacer las necesidades.

P : Sí, podemos incluso construir sitios de comercio complejas con WordPress. Usted dice que WordPress cubre casi todo lo que quieras. Sin embargo, si WordPress no existía en este momento, lo que CMS estarías utilizando?

Mike : Eso es una pregunta muy buena . Creo que el año pasado, cuando se me pidió esa pregunta , le dije Drupal. No creo que eso sea verdad ya. Yo no sé lo que estaría utilizando , para ser honesto. Sin WordPress , todavía podrían estar utilizando cualquiera que sea la última tendencia en Java es . Recuerdo a punto de entrar en todos los marcos declarativos , como la primavera , que eran muy populares de la última vez que trabajé a tiempo completo con Java. Pero eso sí, sin WordPress , lo que hizo que me llevara lejos de mi antiguo trabajo día en el desarrollo de Java , probablemente aún esté utilizando Java.

P : Entonces, ¿qué ha cambiado desde hace menos de un año cuando dijiste Drupal?

Mike : Probablemente he pensado un poco más sobre la cuestión . [ Risas ] He mirado en Drupal varias veces . Lo miré antes de llegar a b2/cafelog y también después de un determinado proyecto. Incluso empecé a trabajar con Drupal , porque en ese momento yo no estaba seguro de que WordPress era lo suficientemente bueno para lo que yo quería hacer. Terminé renunciando a Drupal porque era demasiado duro para lo que yo quería hacer . Y al final llegué a usar WordPress para ese proyecto en particular , y que encajo muy bien , aunque nos golpeamos algunas de las limitaciones de WordPress en el momento .
La última vez que usé Drupal , probablemente era la versión 4 o 5 , y desde entonces no he oído nada nuevo que me hace pensar que es lo que me gustaría utilizar para cualquier proyecto grande. Eso no quiere decir que no es capaz , es sólo que su curva de aprendizaje es probablemente similar a la que yo pasé cuando me enteré de todos los marcos de Java. Es la herramienta ‘ a ​​los desarrolladores , y se ha hecho para ser muy bien con arquitectura , y eso significa que no es una inversión que tiene que hacer , y yo no estoy seguro de que me gustaría seguir trabajando con Drupal cuando probablemente me cojo algo que tengo más experiencia con mucha más facilidad.

P : Usted ha hablado de otros marcos . ¿Alguna vez ha trabajado con uno en profundidad , como Laravel , Zend o CakePHP?

Mike : No realmente PHP. Solía ​​Zend en los primeros días en que era más una colección de librerías útiles que un marco . Jugué alrededor con CakePHP en los primeros días en que era una especie de emular el Ruby on Rails cosa de tipo , en los que utilice la línea de comandos para crear la estructura de su aplicación. Pero yo no he trabajado con seriedad cualquier frameworks PHP durante mucho tiempo.

P : ¿Utiliza algún software en particular para el desarrollo web?

Mike : He estado usando un editor para programadores llamado Epsilon desde hace más de 20 años ahora . La primera vez que usé en los días del DOS , anterior a Windows , en la década de los 90. Es mi herramienta de programación de elección, un editor de texto con un montón de campanas y silbatos. Lo único que echo de menos desde mis primeros días de programación es que no admite la depuración . De hecho, he estado investigando uno de los IDEs – PhpStorm – para hacer un poco de depuración adecuado , que me olvido de mis viejos días de programación C y la programación en ensamblador . De lo contrario , yo uso Inspector de Chrome para el nivel Web de frente las cosas , y todo lo demás que hago en un editor de texto plano.

P : ¿Alguna vez has utilizado un preprocesador CSS , como LESS , SASS o Stylus , o piensa hacerlo?

Mike : Yo todavía no tengo , porque Yo no suelen hacer mucho trabajo el tema . Estoy más en el nivel de complemento y ajustar temas , en lugar de crear algo . No soy un diseñador por cualquier tramo de la imaginación. Pero curiosamente , justo hoy me he programado una llamada telefónica con un cliente para hablar de eso exactamente. Probablemente vamos a utilizar una de esas herramientas porque tenemos una aplicación de WordPress muy sofisticado que tiene un tema principal con un montón de funcionalidades y media docena de temas infantiles. La gestión de los diferentes esquemas de color a través de los temas de los niños se está convirtiendo en un poco de una carga, y eso es exactamente lo que los pre-procesadores son para . Por lo tanto, voy a buscar en él muy pronto.
P : ¿Cuál es el lenguaje de programación que le gustaría aprender más?

Mike : No estoy muy seguro en realidad . En un momento intenté aprender Python, y yo sé que vagamente . Quizás Ruby – Yo ni siquiera sé lo que también. Lo curioso es que tengo tantos lenguajes de programación bajo mi cinturón que, al menos para los de procedimiento, que son todos del mismo a excepción de la sintaxis y la biblioteca llamadas. Un par de años atrás, sentí que necesitaba saber Python porque me estaba aconsejando a algunos niños que estaban aprendiendo a código. Creo que me pasé un día yendo a través de un tutorial de Python antes de sentir la confianza suficiente como para ayudar a alguien que acababa de comenzar . Nada de lo que he oído hablar de poco me hace pensar: » Oh , me gustaría mucho saber que , » porque la mayoría de estas lenguas tienen algún tipo de especialización , pero al final del día es sobre todo acerca de la sintaxis y las buenas bibliotecas.

P : ¿Qué consejo le darías a alguien que está pensando en iniciar en WordPress como desarrollador tema o plugin?

Mike : En ambos casos, yo diría que definitivamente necesita aprender algo de código . Incluso los desarrolladores temáticos necesitan aprender algunas WordPress codificación a nivel de PHP. La clave es entender algunos aspectos de la arquitectura de WordPress – en particular, las acciones y filtros . Sin esa comprensión , tendrás dificultad para saber lo que estás haciendo, incluso si usted puede encontrar cosas que copiar y pegar y jugar con para que haga lo que quiera. Sin ese entendimiento fundamental , la gente realmente se esfuerzan y terminarán limitada, incluso si encuentran algo de éxito. Eso es clave para ambos roles : aprender algo de código , aprender los fundamentos de la arquitectura de WordPress, y tomar desde allí.

P : WordPress.org tiene páginas dedicadas a temas de desarrollo y los plugins, con requisitos mínimos. Siempre que puedo desarrollar algo, aunque no va en el repositorio , se desarrolla como si se quiere, de modo que me encuentro con las directrices.
Mike : Eso es correcto. Debería ser natural para ejecutar cualquier cosa a desarrollar a través del probador tema automatizado , y también para seguir las directrices de plugins . Desafortunadamente , las pruebas plugin no puede ser tan automatizado como el probador de tema . Pero seguir las directrices y normas de codificación , y nunca dejar de aprender.

P : ¿Usted tiene temas favoritos o desarrolladores del tema ?

Mike : Estoy muy encariñado con StudioPress y su marco de Génesis. Si estoy trabajando en un proyecto que no es del todo la costumbre o el cliente no tiene una preferencia , entonces yo estoy muy a gusto trabajando con esos temas , sobre todo porque me gusta su flexibilidad. Tienen una gran cantidad de acciones y filtros , y usted puede hacer un montón simplemente añadiendo y eliminando acciones. Incluso cambiar el orden de las acciones hace que el tema de hacer cosas diferentes en la página. Me gusta bastante esos.

P : ¿Tiene alguna plugins favoritos? ¿Hay que entrar en cada una de sus instalaciones ?
Mike : Hay algunos onces básicos que instalar, configurar y olvidar: Limitar intentos de conexión, WP Super Cache, de Yoast Google Analytics, SEO Yoast . Si no estoy aloja el sitio mismo, a continuación, un plugin de copia de seguridad decente, aunque no puedo recordar la parte superior de mi cabeza, que uno , si me alojo yo mismo , entonces la copia de seguridad es independiente de WordPress. Si el sitio tiene un montón de páginas , entonces voy a pegar el CMS Árbol en vista en allí, lo que hace que sea mucho más fácil de manejar una gran cantidad de páginas. Todo lo demás depende realmente de lo que el sitio tiene que hacer.

P : ¿Usted es todavía muy involucrado en la comunidad de WordPress. ¿Qué es exactamente lo que haces en términos de contribuciones de la comunidad ?

Mike : yo corro un meetup mensual WordPress en Manchester, que está prosperando. Me di cuenta el otro día que lo que ha estado pasando cinco años. Eso es enorme . Creo que hay cerca de 400 miembros de la quedada , y por lo general tienen alrededor de 30 a 40 por turno hasta el tercer miércoles de cada mes. También hago un poco de mi entrenamiento para madlab , donde se celebran las reuniones en . Es una organización sin fines de lucro que ofrece un espacio de encuentro para grupos de tecnología. Por lo tanto, hago un poco de mi entrenamiento para recaudar fondos para la misma. Yo también he estado involucrado en la mayoría de los WordCamps en el Reino Unido y algunas otras cosas relacionadas con WordPress – en Escocia y otros lugares. Todavía estoy en la lista de correo de edad WP Hackers y hacer la contribución extraño allí, a pesar de que ha estado bastante muerto desde hace un tiempo . Yo sólo sigo a mí mismo como implicados como pueda.

P : Entonces, eso es «todo» lo que haces? [ risas ]

Mike : Bueno, si tengo la oportunidad , trato de dar de nuevo a sí mismo WordPress. Me las arreglé para conseguir un poco de código en la versión 3.8 y 3.6 . En realidad no he tenido el tiempo para participar, lo cual no es una buena excusa. Crucemos los dedos , este año voy a hacer más contribuciones . Sin duda trato de mantenerse al día con lo que está pasando . Sólo estoy buscando una oportunidad de involucrarse más en la parte de desarrollo.

Q : Por último , WordPress ha estado creciendo constantemente en los últimos años y no muestra signos de desaceleración. ¿Por qué crees que WordPress es el CMS más popular? Con todas las otras opciones de la gente tiene ahora para producir contenidos ( por ejemplo, Tumblr y medio), ¿qué crees que se trata de WordPress, ambos. Com y . Org, que mantiene a la gente interesada?

Mike : Creo que WordPress es mejor para el usuario final que muchos de los otros, aunque sé que cosas como Tumblr son más fáciles de usar. Un problema con los alojados es que no tienes el control. A pesar de que WordPress.com está alojado , usted tiene mucho más libertad que con muchos de los otros, como Tumblr y Blogger y soluciones hospedadas por el estilo. Todavía es fácil de usar , y sé que muchos de los otros están emulando las cosas que hace WordPress.
Pero también hay una comunidad fantástica alrededor de WordPress, una comunidad que comparte y es muy útil . Así , una vez que alguien se entera de lo bueno y flexible WordPress es y cómo se puede doblar para hacer exactamente lo que necesitan, si alguien viene a ellos para pedir consejo , que van a recomendar WordPress en primer lugar porque han tenido la experiencia con y que han visto lo que puede hacer y ha proporcionado soluciones para ellos. Y crece así. La comunidad que lo rodea es muy amable , servicial e inclusivo , en primer lugar , y que viene a través . Cada vez que alguien está pensando en conseguir un sitio web , si te preguntan suficientes personas , varias de ellas se la recomendarán WordPress porque han tenido sus propias experiencias buenas con él. Es perpetúa a sí misma , que tiene que ser una buena cosa.
¡gracias!

Mike llegó a la conclusión de la entrevista mediante la suma de lo que él y Matt (y yo) quieren para el futuro de WordPress :
Recuerdo que Matt dijo en un momento, «Sería fantástico si todo el mundo usara WordPress y nadie supiera lo que era.» Todos tenemos televisores en nuestra habitación, y ni siquiera pensamos en cómo funcionan o cómo operarlos. Nos limitamos a usarlos, y ellos están ahí. Y sí, de vez en cuando que obtendrá uno nuevo que tiene algunos controles nuevos , pero sólo lo utilizan , y es una mercancía. Sería fantástico si WordPress se convirtió en el estilo. Por lo tanto, si alguien dice , «Creo que voy a hacer algo en la Web», lo que terminan haciendo es utilizando WordPress , lo sepan o no.