jump to navigation

Paginador en la consola de MySQL, MariaDB 12.3.14

Posted by Migsar in Computación.
Tags: , , , , , , , ,
add a comment

Es un tip rápido para los que usan la consola de MariaDB o en su defecto MySQL, hay resultados que no caben en la pantalla, en algunas situaciones se puede usar el scrolling, pero existen otras en las que no, como cuando se accesa un servidor y sólo tiene línea de comandos, en este caso es útil un paginador, lo interesante es que se puede usar cualquiera que se utilice normalmente en la línea de comando de Linux, por ejemplo, less, para esto sólo es necesario escribir en la consola pager seguido del nombre del comando de linux:

MariaDB: pager less

Anuncios

Algunas cosas sobre desarrollo web 14.1.14

Posted by Migsar in Desarrollo Web.
Tags: , , , , , , ,
add a comment

Poco a poco fui quedándome con PhpStorm como editor favorito, ofrece muchas funciones que me gustan para la edición, como envolver algo con tags o tener live templates(que hacen que sea más fácil programar al permitir shortcuts para escribir estructuras de programación) e integra muchas herramientas, tiene las partes para servidor y autoupload, git, vagrant, file watchers (que sirve para compilar automaticamente scss, less o coffeescript). Me considero desarrollador conceptual, pues muchas veces escribo el código mínimo indispensable y paso mucho más tiempo pensando ideas, es decir, no soy para nada un codificador notable, ni me divierto como algunos dicen escribiendo líneas y líneas, me divierto haciendo dibujitos y sitios y pensando en nuevas aplicaciones. En fin, todo esto sirve como introducción a emmet y una serie de herramientas que han surgido y que simplifican tanto el paso de lo creativo a la implementación que es difícil no ponerse a desarrollar las ideas. Lamentablemente creo que muchas de estas herramientas son bastante desconocidas en México, así que espero que el post que pongo despierte la curiosidad al respecto. Para muestra un botón.

Emmet

Cheat Sheet

Esto:
div#menu>(ul.lista>li.clase${Elemento $}*5)+footer>p{Hola mundo}

Produce:
<div id="menu">
<ul class="lista">
<li class="clase1">Elemento 1</li>
<li class="clase2">Elemento 2</li>
<li class="clase3">Elemento 3</li>
<li class="clase4">Elemento 4</li>
<li class="clase5">Elemento 5</li>
</ul>
<footer>
<p>Hola mundo</p>
</footer>
</div>

También existen distintos compiladores de CSS que ayudan mucho como:

  • Less
  • Sass (Me gusta más porque tiene herramientas como Compass y Susy pero no he usado demasiado Less y apenas empezaré con Myth)
  • Myth

En este caso no pongo como se utilizan, pero en esencia es lo mismo, permiten repetir menos código al usar agrupaciones y variables y crean un código más comprensible cuando está bien estructurado.

Bootstrap con LESS para Drupal en Windows usando WinLess 03.12.13

Posted by Migsar in Computación.
Tags: , , , , , ,
add a comment

Realmente no me gusta Windows y creo que lo mejor para el desarrollo es Linux, en todo caso Mac, sin embargo, por motivos ajenos a mí, en el trabajo he tenido que usar Windows. Hoy en la mañana estaba batallando con un sitio que usa Drupal 7 y su theme está diseñado a partir del módulo o tema de Bootstrap 3.0, ahora, cuando se crea el subtema, copiando los archivos que dicen subtema de la carpeta del tema principal, indica que hay dos modos de usarlo, el primero es usando el CSS ya compilado que trae el tema principal y el segundo, compilando nuestra propia versión a partir de archivos LESS. Respecto a esto, es extraño que el subtema tenga los archivos LESS pero el tema principal no, así que es necesario bajar el source del módulo y copiar el directorio less al directorio bootstrap.

El segundo problema es cómo compilar less en Windows, ya que de inicio el instalador corre sobre node js y es un lío usar esas herramientas en Windows, la solución, fue instalar WinLess, un programita que tiene GUI, se agrega el directorio que contenga un folder llamado css y otro less y listo, lo corre cada que haya modificaciones en el directorio. También se puede usar para vigilar y compilar archivos individuales. Al compilar seguía apareciendo un problema, que se debía a que no encontraba los archivos LESS porque la referencia estaba mal, para este caso lo que tuve que hacer fue cambiar todas las referencias del archivo style.less de ../ a ../../ verificando que la ruta llegara al folder de bootstrap del tema principal.

Un último detalle fue que en el archivo variables.less del subtema en las últimas líneas aparece dos veces una variable @container-lg-desktop como @container-large-desktop, es necesario cambiarla en ambas ocasiones y listo, podemos escribir hojas de estilo utilizando LESS en Windows (es más rápido esto que usar alguna máquina virtual, sin embargo, si se tiene acceso al servidor es también posible hacer la compilación en éste).