General

Mobile first en Drupal

Mobile First

Mobile first en general

“Mobile first” es un método de diseño que propone comenzar un desarrollo web con el diseño de la versión mobile del mismo, con el objetivo de aprovechar una serie de beneficios que mencionaremos a continuación.

Lo interesante del enfoque es que es independiente de si realmente implementaremos una versión mobile o no. La idea sería proceder como que sí lo haremos (y seguramente lo haremos!), aunque eso no sea lo importante.

Esto no es más que una aplicación al mundo web de filosofías más amplias y pre-existentes que hablan de “el poder de lo menos”, “menos es más” o “la creatividad es hija de la necesidad”.

Caso de éxito: “ Desarrollo de sitio WEB de código abierto Drupal ” Pro Chile

drupal

En esta oportunidad compartimos con ustedes un caso de éxito llevado a cabo por Intellego.

Los invitamos a ver la presentación:

Mobile en Drupal 8

Mobile!

El área móvil (Mobile) es una de las iniciativas oficiales de Drupal 8, es decir, ha sido identificada como una de las (hasta el momento) áreas estratégicas de desarrollo de la plataforma en esa versión.

En estos días, muchos asegurar que aun no existe una plataforma CMS que sea realmente amigable e integrable (mobile friendly) con el mundo Mobile y los responsables de las visión de Drupal han asumido el reto de asumir ese papel en el futuro próximo.

Iniciativas oficiales para Drupal 8

Future

Las iniciativas oficiales para Drupal (“official Drupal initiatives”) son un conjunto de aspectos de Drupal que se consideran estratégicos y sobre los cuales, por lo tanto, se desea hacer foco al comenzar el desarrollo de una nueva versión de Drupal.

Estar al tanto de estas iniciativas nos permite saber hacia donde está yendo Drupal y conocer con mayor certeza qué es aquello que los líderes del proyecto Drupal consideran importante y estratégico de cara al futuro, dándonos valiosa información para plantearnos el tipo de soluciones que buscamos ofrecer a nuestros clientes, de modo que estas estén correctamente orientadas, en la misma dirección en la que se encuentra el futuro.

Sitio de Twitter para desarrolladores, en Drupal

salve-a-terra--twitter_4251_1280x800

Durante esta semana, la por todos conocida empresa Twitter anunció el lanzamiento de su sitio para desarrolladores, que ha sido construido sobre la plataforma Drupal.

Este es un nuevo paso en el reconocimiento que muchas grandes empresas vienen haciendo de la plataforma y seguramente empujará a muchas otras empresas a seguir el ejemplo de Twitter, especialmente para sitios con eje en la gestión de comunidades, como en este caso.

La dirección del sitio es http://dev.twitter.com

Esta noticia ha sido cubierta por una gran cantidad de medios, por lo que puede encontrarse más información googleando algo como: Drupal Dev Website Twitter.

En Drupal Soul no tenemos dudas de que pronto estaremos nuevamente dando noticias de esta naturaleza!

PD: qué buena está la ballena de Twitter!

Incorporar la etiqueta Code en el contenido del nodo

Para mostrar código en un nodo, se puede utilizar el módulo
Code Filter: http://drupal.org/project/codefilter

Reciéntemente lo he probado y para lo que es HTML y PHP funciona 10 puntos.
Un módulo un poco más avanzado (soporta varios lenguajes de programación) es el Geshi Filter: http://drupal.org/project/geshifilter

Aquí va un ejemplo de lo que se puede hacer con el codefilter.
Supongamos que quiero mostrar un código de CSS para contar a alguien como solucionar un inconveniente de estilos.
Entonces encierro mi código dentro de la etiqueta code y se verá algo así.

.clase-ejemplo {
font-weight: bold;
font-size: 12px;
}

Agregar un Collapsible Fieldset en cualquier parte de tu sitio

Incluir el siguiente código dentro del nodo.

Nota: Tienen que activar el formato de entrada PHP (input format)

<?php
drupal_add_js
('misc/collapse.js');
?>

<fieldset class=" collapsible collapsed">
  <legend>More Info</legend>
  <div class="fieldset-wrapper">
    <h3>Content goes here</h3>
    <p>
    Lots of hidden text.
    Lots of hidden text.
    Lots of hidden text.
    Lots of hidden text.
    Lots of hidden text.
    </p>
  </div>
</fieldset>

Node import: mejorar performance

Speed

Ante la necesidad de importar 80000 registros, desde un archivo CSV a un sitio Drupal, nuestro primer impulso fue utilizar el módulo Node Import, para garantizar que todo el proceso de creación de nodos fuera lo más limpio posible y se usaran todas las buenas prácticas existentes, las cuales asumimos incorporadas al módulo.

El resto del sitio ya estaba construido y nos dispusimos a realizar la importación, para llegar a la amarga conclusión del que proceso era extremadamente lento, aun cuando los datos importados eran extremadamente simples: un tipo de contenido CCK, con tres campos.

Crear archivo gitignore en Windows

Un archivo .gitignore hace que se ignoren los archivos especificados en el mismo, al momento de trabajar con GIT.

Un ejemplo claro sería trabajar con el archivo settings.php en forma local y que luego no queremos que modifique lo que se encuentra en el repositorio online. Ya que por ahí el settings del repositorio es el definitivo.

Para crear un archivo .gitignore en windows nos encontramos con la dificultad de que el sistema operativo no te permite crear el archivo sin extensión alguna y tira un mensaje de error.
Para solucionar este inconveniente, se puede hacer desde el Guit Bash Here y tipear:

touch .gitignore

Eso creará el archivo vacío (en mi caso lo creó en c:/windows que luego se puede editar desde un editor de texto y agregar los archivos o carpetas a ignorar:

Solución a la visualización del View Showcase

Versión: 6.x-2.1

Al cargar una página que utilice view showcase, notarán que el slider se desacomoda al comienzo, y tarda entre 1 o 2 segundos en acomodarse, lo que causa una sensación de baja calidad en quien entra al sitio.

El problema ocurre porque el view showcase, en esos segundos iniciales, carga todos los items al mismo tiempo, y luego se ocultan volviendo a la normalidad.

La solución a este problema es la siguiente:

1. Entrar a la carpeta del módulo y copiar los archivos
views-showcase-view.tpl.php
css/views-showcase.css

2. Entrar a la carpeta del theme y pegar los archivos
nombredeltheme/views-showcase-view.tpl.php
nombredeltheme/css/views-showcase.css

3. Limpiar cache (admin/settings/performance)

Syndicate content