Notepad ++ es una aplicación excelente que nos permite la edición de archivos de texto, así como su visualización por supuesto mejorando infinitamente las características del visor de windows, el notepad o cuaderno de notas.
Sin embargo, hay una característica que siempre hecho de menos y es la capacidad de poder refrescar el contenido de los archivos: si estás mirando un log o un archivo que puede haber cambiado con el tiempo, tendrás que volver a abrirlo o quitar el foco de la aplicación y volver a ella para que te pregunte si deseas recargar el archivo, lo cual es bastante molesto.
Por suerte existe una opción más cómoda que es la recarga manual del fichero que tengamos abierto. Para ello, iremos a "Archivo" (o "File" si está en inglés) y elegiremos la opción, Recargar desde el disco. Y ya está! Esto hará que el fichero se recargue mostrando el contenido más reciente
Para mejorarlo todavía más, podemos ir a "Settings" y "Shortcut mapper" (en español será algo como "Ajustes" y "Atajos de teclado") y allí podemos definir una combinación de teclas para hacerlo todavía más cómodo: yo personalmente elijo CTRL+F5 para recargar el contenido del fichero en notepad++ puesto que se asemeja al recargar de los navegadores.
miércoles, 8 de febrero de 2012
Cambiar el dominio al acceder a un ordenador remoto
En muchas ocasiones tenemos que acceder a ordenadores remotos, ya sea a través del escritorio remoto, a través de unidades de red o de carpetas compartidas entre ordenadores. Si el sistema y la red están configurados para solicitar nombre de usuario y contraseña, antes de poder controlar remotamente o ver los archivos tendremos que introducir las credenciales.
Windows por defecto asocio nuestro propio dominio a la ventana de login, de manera que no podremos elegir un dominio distinto para acceder. Para solucionar esto, en el nombre de usuario habrá que anteponer el nuevo dominio con el que queremos autenticarnos seguido de una barra invertida:
De esta manera accederemos al otro ordenador en un dominio diferente al que aparece por defecto y no deberíamos tener problemas con la autenticación.
Windows por defecto asocio nuestro propio dominio a la ventana de login, de manera que no podremos elegir un dominio distinto para acceder. Para solucionar esto, en el nombre de usuario habrá que anteponer el nuevo dominio con el que queremos autenticarnos seguido de una barra invertida:
NUEVODOMINIO\usuario
De esta manera accederemos al otro ordenador en un dominio diferente al que aparece por defecto y no deberíamos tener problemas con la autenticación.
martes, 7 de febrero de 2012
Centrar un DIV posicionado absolutamente
Para centrar un div, por muchos es conocido el método de aplicarle un margen como sigue:
Sin embargo este método no nos servirá si el div que queremos centrar está posicionado absolutamente. En el caso más básico, podemos tener lo siguiente:
La solución para estos casos pasa por situarlos en el centro de la pantalla (50%) con un margen a la izquierda negativo de la mitad de su ancho. Digamos que nuestro DIV tiene 600px de ancho, para centrarlo:
Pero podemos ir un poco más allá. Hasta aquí hemos supuesto que conocemos el ancho del DIV que queremos centrar, pero no siempre es así, en ocasiones, el contenido de un DIV es dinámico y cambiará constantemente. El método anterior no nos servirá. La solución aquí es meter nuestro div dentro de un contenedor que nos ayudará a centrarlo:
Y así quedará perfectamente centrado en la página
margin: 0 auto;
Sin embargo este método no nos servirá si el div que queremos centrar está posicionado absolutamente. En el caso más básico, podemos tener lo siguiente:
<body> <div style="position:absolute"></div> </body>
La solución para estos casos pasa por situarlos en el centro de la pantalla (50%) con un margen a la izquierda negativo de la mitad de su ancho. Digamos que nuestro DIV tiene 600px de ancho, para centrarlo:
<body> <div style="position:absolute;width:600px;top:0;left:50%;margin-left:-300px;"></div> </body>
Pero podemos ir un poco más allá. Hasta aquí hemos supuesto que conocemos el ancho del DIV que queremos centrar, pero no siempre es así, en ocasiones, el contenido de un DIV es dinámico y cambiará constantemente. El método anterior no nos servirá. La solución aquí es meter nuestro div dentro de un contenedor que nos ayudará a centrarlo:
<body>
<div style="position:absolute;left:50%;">
<div style="position:relative;left:-50%;"></div>
</div>
</body>
Y así quedará perfectamente centrado en la página
Medir elementos de la web con firefox
Existe un plugin para firefox que nos permite medir cualquier elemento en la web creando una regla sobre cualquier página y permitiéndonos saber sus dimensiones exactas.
Esta utilidad será de especial interés para los desarrolladores web interesados en inspirarse de otras páginas web donde el ancho de los elementos no siempre es conocido.
Sin embargo este plugin tiene limitaciones: la más importante que yo he encontrado es que no permite medir elementos flash. Este caso es especialmente importante pues no existen archivos CSS para los elementos flash, quedando dependientes totalmente de herramientas de este tipo. En este caso peculiar no tendremos mucha ayuda, quedando la regla oculta por el objeto flash y no pudiendo por tanto medir adecuadamente
Enlace al plugin: MeasureIt
Esta utilidad será de especial interés para los desarrolladores web interesados en inspirarse de otras páginas web donde el ancho de los elementos no siempre es conocido.
Sin embargo este plugin tiene limitaciones: la más importante que yo he encontrado es que no permite medir elementos flash. Este caso es especialmente importante pues no existen archivos CSS para los elementos flash, quedando dependientes totalmente de herramientas de este tipo. En este caso peculiar no tendremos mucha ayuda, quedando la regla oculta por el objeto flash y no pudiendo por tanto medir adecuadamente
Enlace al plugin: MeasureIt
viernes, 3 de febrero de 2012
Declarar variable en un batch script
Un básico de los script de windows o archivos batch: ¿Cómo declarar una variable?
set variable=value
Parece una tontería pero como no codifico generalmente en este tipo de lenguaje, se me olvida y tiendo a usar las comillas y los punto y coma de java y php que son mis dos lenguajes predilectos.
Estilos en wordpress
¿Nunca te has visto buscando entre el código de wordpress para
conseguir que una parte apareciera en un color diferente? ¿Nunca has
intentado toquetear para que cierta imágen apareciera un poco más
arriba? Si estás leyendo esto, seguramente sea así. Yo también... y al
final casi siempre he encontrado una solución más sencilla que mis
intentos de cambiar el código fuente del blog.
Todos aquellos cambios que se refieran a estilos, generalmente pueden hacerse sin necesidad de tocar los archivos .php, para eso están las hojas de estilos. Y wordpress y sus themes aplican estilos a casi todo lo que se te ocurra.
Por ejemplo, una de las cosas que quería hacer el otro día es colorear de manera diferente el elemento del menú actual, es decir, aquel en el que me encontrar en cada momento. Mi primera reacción fue meterme en el código php y tratar de coger la categoría del post para luego poder identificarla en el menú.... patrañas!! Wordpress ya aplica una clase css específica a aquel elemento que sea el actual y dándole un estilo específico en el archivo .css conseguiremos nuestro objetivo.
¿Cómo saber esto? Bueno, pues lo mejor es navegar un poco por la web e ir inspeccionando el código que se genera en cada una de las páginas y secciones. Para ello el Firebug para firefox es una gran herramienta que te dirá las clases CSS que tiene cada elemento, pudiendo observar que efectivamente, el elemento de un menú que está seleccionado, tiene una clase especial o que cada uno de los elementos de una barra lateral tienen un estilo que se puede modificar igualmente para todos en el mismo sitio.
Si con esto no tienes suficiente, entonces posiblemente si que tengas que modificar algún archivo PHP y podrás hacerlo desde la propia administración del blog. A ser posible no modifiques más que los archivos que ahí se presentan, el resto ya forman parte del core de wordpress y si crees que necesitas cambiar algo de ahí... replantéatelo, seguramente estés haciendo algo mal o lo estés viendo desde la perspectiva complicada.
Si por último, tienes que hacer demasiados cambios, plantéate hacer tu propio theme (en inglés).
Todos aquellos cambios que se refieran a estilos, generalmente pueden hacerse sin necesidad de tocar los archivos .php, para eso están las hojas de estilos. Y wordpress y sus themes aplican estilos a casi todo lo que se te ocurra.
Por ejemplo, una de las cosas que quería hacer el otro día es colorear de manera diferente el elemento del menú actual, es decir, aquel en el que me encontrar en cada momento. Mi primera reacción fue meterme en el código php y tratar de coger la categoría del post para luego poder identificarla en el menú.... patrañas!! Wordpress ya aplica una clase css específica a aquel elemento que sea el actual y dándole un estilo específico en el archivo .css conseguiremos nuestro objetivo.
¿Cómo saber esto? Bueno, pues lo mejor es navegar un poco por la web e ir inspeccionando el código que se genera en cada una de las páginas y secciones. Para ello el Firebug para firefox es una gran herramienta que te dirá las clases CSS que tiene cada elemento, pudiendo observar que efectivamente, el elemento de un menú que está seleccionado, tiene una clase especial o que cada uno de los elementos de una barra lateral tienen un estilo que se puede modificar igualmente para todos en el mismo sitio.
Si con esto no tienes suficiente, entonces posiblemente si que tengas que modificar algún archivo PHP y podrás hacerlo desde la propia administración del blog. A ser posible no modifiques más que los archivos que ahí se presentan, el resto ya forman parte del core de wordpress y si crees que necesitas cambiar algo de ahí... replantéatelo, seguramente estés haciendo algo mal o lo estés viendo desde la perspectiva complicada.
Si por último, tienes que hacer demasiados cambios, plantéate hacer tu propio theme (en inglés).
miércoles, 1 de febrero de 2012
Altura de un DIV igual que la de sus hijos
Hoy vuelvo con un poco de CSS. Es una cuestión que se me ha planteado en muchas ocasiones: digamos que tienes un div contenedor de otros dos o tres divs con una altura no definida que varía en función del contenido que le vayamos a meter. Estos divs estarán colocados con un float para que tengan la forma de columnas y queden uno junto al otro. Un ejemplo de esta estructura sería:
Cómo he comentado, si a los divs internos (columna1 y columna2) les aplicamos un estilo para que "floten" quedarán en forma de columna: float:left;
Sin embargo tendremos un problema con el contenedor que no se adaptará a la altura de los hijos y se quedará con una altura de 0
Para solucionar esto, hay que añadir un último div a la estructura que no tenga la propiedad float y con un clear:both como se ve a continuación:
De esta manera quedará solucionado el problem y el div padre se quedará adaptado a la altura de la más alta de las dos columnas
Visto en muchos sitios, pero cogido de aquí
<div id="contenedor">
<div id="columna1">contenido de altura variable</div>
<div id="columna2">
<div id="sub1">mas contenido</div>
<div id="sub2">mas contenido</div>
...
</div>
<div>
Cómo he comentado, si a los divs internos (columna1 y columna2) les aplicamos un estilo para que "floten" quedarán en forma de columna: float:left;
Sin embargo tendremos un problema con el contenedor que no se adaptará a la altura de los hijos y se quedará con una altura de 0
Para solucionar esto, hay que añadir un último div a la estructura que no tenga la propiedad float y con un clear:both como se ve a continuación:
<div style="clear:both;"></div>
De esta manera quedará solucionado el problem y el div padre se quedará adaptado a la altura de la más alta de las dos columnas
Visto en muchos sitios, pero cogido de aquí
Suscribirse a:
Entradas (Atom)