Organizando automáticamente la carpeta de descargas

Organizando automáticamente la carpeta de descargas

A quien no le ha pasado que tras un tiempo la carpeta de ‘descargas’ se convierte en un auténtico caos. Vídeos, imágenes, documentos, aplicaciones; de todo, vamos descargando de todo a una única carpeta y cuando nos acordamos de organizarla nos encontramos con el faenón de tener que ir moviendo archivo por archivo.

Vamos mediante la aplicación Hazel a organizar automáticamente nuestra carpeta. Hazel es una de esas geniales aplicaciones que nos facilita la vida y que por ello se convierte en imprescindible, en este caso, permitiéndonos crear reglas para organizar nuestros archivos automáticamente.

Para ello utilizaremos la aplicación junto a las utilísimas etiquetas de OSX. Por si no lo sabes, las etiquetas son un modo visual de etiquetar archivos y un muy buen modo que tiene el Finder para filtrar ficheros y ayudarnos con las búsquedas.

Para empezar escogeremos alguna de las etiquetas que ya por defecto nos trae el sistema operativo y le cambiaremos el nombre, este paso es opcional aunque recomendable con fines de organización.

En mi caso yo escogí la etiqueta Violeta y la renombré como ‘Software’. Esto me servirá para etiquetar los archivos de la carpeta Descargas que sean Aplicaciones para que Hazel aplique las pertinentes reglas. Puedes, naturalmente, elegir la etiqueta que quieras.

[aesop_image imgwidth=”100″ img=”https://tonidg.es/wp-content/uploads/2015/02/Etiquetas-del-Finder.png” alt=”Etiquetas del Finder” align=”center” lightbox=”off” caption=”Etiquetas del Finder” captionposition=”center”]

Vamos ya a crear una regla en Hazel que si detecta un archivo etiquetado como ‘Software’ en la carpeta descargas nos los mueva a otra ubicación. Abriremos la aplicación y en su ventana principal:

[aesop_image imgwidth=”100″ img=”https://tonidg.es/wp-content/uploads/2015/02/Menu-principal-Hazel.png” alt=”Menu principal Hazel” align=”center” lightbox=”off” caption=”Menu principal Hazel” captionposition=”center”]

  1. Le damos al botón ‘+’ (añadir) y navegamos a la carpeta ‘Descargas’.
  2. Esta será la carpeta donde se apliquen las reglas de la parte derecha de la aplicación ‘Rules’.
  3. En ‘Rules’ le damos al botón ‘+’ para añadir una regla.

Se nos abre la ventana ‘Reglas’ desde donde crearemos la acción a realizar dentro de la carpeta ‘Descargas’

[aesop_image imgwidth=”100″ img=”https://tonidg.es/wp-content/uploads/2015/02/Creando-reglas-Hazel.png” alt=”Creando reglas en Hazel” align=”center” lightbox=”off” caption=”Creando reglas en Hazel” captionposition=”center”]

  1. Nombraremos la regla, en mi caso la he denominado ‘Mover Software a HD1’
  2. Le diremos como condición que si ‘todas’ (all) las condiciones de la regla se cumplen.
  3. Si el archivo tiene la etiqueta de Color (Color label)…
  4. Seleccionamos el color de la etiqueta que renombramos al principio como ‘Software’, en mi caso Violeta.
  5. Aplicaremos la acción ‘Mover’ (Move) el archivo.
  6. A una carpeta donde queramos tener todo el Software descargado, en mi caso está en un segundo disco.

Ya estará lista la regla, le damos a OK y podemos volver al principio para hacer lo mismo creando así diferentes reglas para diferentes tipos de archivos.

Lo único que tendremos que hacer tras descargar algún archivo es etiquetarlo desde el Finder y Hazel se encargará de moverlo y organizarlo por ti.

Cambiando algunas animaciones del interfaz de OSX

Cambiando animaciones al maximizar

A alguno de vosotros podrá no gustarle el tiempo por defecto en que OSX anima la acción de maximizar ventanas, más si contáis con ordenadores antiguos esta anímación puede hacer parecer lento al sistema.

Para modificar estos tiempos incluso eliminarlo y provocar que sea instantáneo contamos con un comando de terminal.

Accederemos a Terminal desde ‘Aplicaciones -> Utilidades -> Terminal’ o bien  + ESPACIO y tecleando “Terminal” en Spotlight y escribimos el siguiente comando:

defaults write -g NSWindowResizeTime -float 0.003

Naturalmente podemos volver a los valores por defecto, para ello introduciremos:

defaults delete -g NSWindowResizeTime

Evitando que Safari muestre los Favoritos

Evitar que safari muestre los favoritos

Con la llegada de Yosemite y la versión 8 de Safari nos encontramos con una nueva opción en el navegador de Apple en la que al hacer click en la barra de direcciones se nos despliega una ventana mostrando una lista con los Favoritos y sitios visitados frecuentemente.

He de decir que personalmente me encanta pero tiene una pequeña pega. Quien no se ha encontrado en esa situación en que estás mostrando algo a alguien o estás navegando acompañado y, por privacidad, no hubieras querido que se muestren esos Favoritos o lista de sitios visitados con frecuencia.

Para este o cualquier otro caso podemos desactivar la funcionalidad; simplemente dirígete a las preferencias de Safari + , -> pestaña ‘Búsqueda’ y desactiva la opción ‘Mostrar Favoritos’.

Maqueta de iPhone 6 creada únicamente con CSS

Instalando todas las Google Web Fonts en Mac

Te traigo esta maqueta de iPhone 6 diseñada a base de CSS, ideal para explorar el dibujado de formas simples.
[codepen_embed height=”268″ theme_id=”11391″ slug_hash=”ByQMMx” default_tab=”result” user=”DaBhai13″]See the Pen <a href=’http://codepen.io/DaBhai13/pen/ByQMMx/’>iPhone 6 CSS</a> by Zakariya Baig (<a href=’http://codepen.io/DaBhai13′>@DaBhai13</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

Ocho trucos esenciales para .htaccess en WordPress

Wordpress

El archivo .htaccess es un potente archivo de configuración para servidores web que siempre deberías utilizar en caso de poseer un WordPress autoalojado. El archivo se halla en la raíz de la instalación, en este artículo voy a darte unas sugerencias para utilizarlo y mejorarlo.

Primero de todo busca tú .htaccess en la raíz de WordPress y copialo y pégalo en otra carpeta. Una consideración para los usuarios de Mac, el archivo podría estar oculto te recomiendo utilizar un pequeño widget para el Dashboard con el que conmutar la visibilidad de archivos de tú sistema.

Vayamos a los fragmentos de código, insértalos al final del documento.

Denegar el acceso al .htaccess desde el exterior

Para evitar ataques externos podemos limitar el acceso al archivo a FTP.

# Denegar el acceso a  .htaccess y .htpasswd si está en uso
<FilesMatch "(\.htaccess)">
Order deny,allow
Deny from all

 

Prevenir el Hotlinking de imágenes

El hotlinking de imágenes puede ser un auténtico problema. La técnica consiste en acceder a imágenes alojadas en otro servidor o sitio web y servirlas desde allí, esto se hace comúnmente para ahorrar ancho de banda y afectando consecuentemente al propietario del sitio linkeado.

Reemplaza ‘tusitioweb.com’ por la dirección de tú sitio. La última línea es la ruta a una imagen que aparecerá en lugar de la imagen a la que te hayan hecho Hotlinking.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?tusitioweb.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?tusitioweb.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ http://i.imgur.com/g7ptdBB.png [NC,R,L]

Ten en cuenta que si tienes un proveedor de Feeds externo como Feedburner podrían no aparecer imágenes en este.

Activar el caché del navegador

Algunos archivos pesados de tú sitio nunca cambian por lo que es una buena idea almacenarlos en el caché del navegador. Archivos CSS o JavaScript en caché se ejecutan mucho más rápido si solo necesitan ser cargados durante la primera visita. Si tú visitante retorna no necesitará volver a recargarlos mejorando notablemente el rendimiento de tú web.

## EXPIRACIÓN DEL CACHÉ ##
ExpiresActive On
ExpiresByType image/jpg "acceso 1 año"
ExpiresByType image/jpeg "acceso 1 año"
ExpiresByType image/gif "acceso 1 año"
ExpiresByType image/png "acceso 1 año"
ExpiresByType text/css "acceso 1 mes"
ExpiresByType text/html "acceso 1 mes"
ExpiresByType application/pdf "acceso 1 mes"
ExpiresByType text/x-javascript "acceso 1 mes"
ExpiresByType application/x-shockwave-flash "acceso 1 mes"
ExpiresByType image/x-icon "acceso 1 año"
ExpiresDefault "acceso 1 mes"
## EXPIRACIÓN DEL CACHÉ ##

 

Banear permanentemente una dirección IP

Si deseas denegar el acceso a tú web a una determinada (y conocida) IP, bien porque estás cansado de intentos de ataque a tú cuenta de administrador o por comentarios Spam inserta estas líneas sustituyendo la IP por la de tú atacante.

order allow,deny
deny from 123.456.78.9
deny from 987.654.32.1
allow from all

 

Denegar el acceso a determinados archivos

Hay algunos archivos importantes de tú instalación de WordPress a los que deberías proteger de acceso desde el exterior. Este fragmento no funciona en instalaciones de WordPress multisitio.

# Bloquea solamente los archivos-include.
RewriteEngine On
RewriteBase /
RewriteRule ^wp-admin/includes/ - [F,L]
RewriteRule !^wp-includes/ - [S=3]
RewriteRule ^wp-includes/[^/]+\.php$ - [F,L]
RewriteRule ^wp-includes/js/tinymce/langs/.+\.php - [F,L]
RewriteRule ^wp-includes/theme-compat/ - [F,L]

 

Protege la carpeta wp-content

La carpeta wp-content es la más importante de WordPress. Ella incluye las carpetas de temas, plugins, imágenes, etc, esto la convierte en el mayor objetivo de posibles atacantes. Crea un nuevo archivo .htaccess, inserta el código y súbelo a tu sitio ‘tusitioweb.com/wp-content’.

Order deny,allow
Deny from all
Allow from all

 

Desactiva el interface XML-RPC

Con el interface XML-RPC puedes utilizar programas externos para publicar posts o editar comentarios, esto incluye las aplicaciones móviles de WordPress o software como Desk. Este interface es el utilizado por muchos ataques DDoS por lo que podrías considerar desactivarlos con estas simples líneas.

Order Deny,Allow
Deny from all

Usa este código si tu WordPress no tiene funcionalidad de Blog, si quieres utilizar las versiones para dispositivos móviles o tienes blog utiliza el siguiente.

  
    BrowserMatch "Poster" allowed
    BrowserMatch "WordPress" allowed
    BrowserMatch "Windows Live Writer" allowed
    BrowserMatch "wp-iphone" allowed
    BrowserMatch "wp-android" allowed
    Order Deny,Allow
    Deny from All
    Allow from env=allowed

En este ejemplo los siguientes clientes están bloqueados:

  • Poster
  • Blogs WordPress
  • Windows Live Writer
  • WordPress para iOS
  • WordPress para Android

Puedes borrar los clientes que no necesites bloquear o añadir nuevos.

Bloquea la muestra de errores PHP

Este es un punto muy importante, un posible atacante provoca un error PHP para que el error generado le muestre la ruta en el navegador. Podemos evitarlos sencillamente con:

php_flag display_errors Off

 

Por último aunque no menos importante

Deberías proteger ciertos archivos de WordPress por la única razón de que tu eres el único que necesita acceder a ellos. Esto protege tú instalación de por ejemplo, exploits URL.

#Bloquea el acceso a archivos importantes desde el exterior
Order allow,deny
Deny from all
Order allow,deny
Deny from all

# PROTEGE readme.html
Order Allow,Deny
Deny from all
Satisfy all

# PROTEGE readme.html de edición
Order Allow,Deny
Deny from all
Satisfy all
Order allow,deny
Deny from all

# Bloquea exploits URL 
RedirectMatch 403 \[
RewriteEngine On
RewriteBase / 
RewriteCond %{THE_REQUEST} ^[A-Z]+\ /(([^/\ ]+/)*)/+([^\ ]*)
RewriteRule ^ /%1%3 [L,R=301]

 

Y esto es todo, en 5 minutos tendrás tus instalaciones de WordPress bien protegidas.

Espectacular conmutador de estado con CSS

Código CSS

[codepen_embed height=”268″ theme_id=”11391″ slug_hash=”dxAhE” default_tab=”result” user=”maturo”]See the Pen <a href=’http://codepen.io/maturo/pen/dxAhE/’>Switch Button #2</a> by Cainã Maturo (<a href=’http://codepen.io/maturo’>@maturo</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

Creando un instalador USB de OSX Yosemite

Escritorio MAC

Aún existiendo Apps dedicadas a la creación de unidades USB autoarrancables la forma mas sencilla de crearlas es, desde la aparición de un comando Terminal en OSX Lion, hacer uso de dicho comando.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2015/01/1420262231_full.jpeg” alt=”OSX Yosemite” align=”center” lightbox=”off” caption=”OSX Yosemite desde un Boot USB” captionposition=”center”]

Simplemente descarga la última versión de OSX Yosemite.

Lanza el Terminal desde ‘Aplicaciones -> Utilidades o CTRL + P para abrir Spotlight y escribiendo Terminal.

Y dispara el siguiente comando:

sudo /Applications/Install OS X Yosemite.app/Contents/Resources/createinstallmedia --volume /Volumes/Untitled --applicationpath /Applications/Install\ OS\ X\ Yosemite.app --nointeraction

Verás el progreso de la creación de la unidad en el Terminal, una vez finalizado ya tendrás preparada tú unidad.

Formateando el menú ‘Abrir con’ del Finder

Instalando todas las Google Web Fonts en Mac

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2015/01/Regenerar-lista-de-programas-Abrir-con.png” alt=”Regenerando lista de programas ‘Abrir con’ del Finder” align=”center” lightbox=”off” caption=”Regenerando lista de programas ‘Abrir con’ del Finder” captionposition=”center”]

Al hacer click derecho sobre un archivo se nos abre una ventana contextual con una lista de opciones entre las que se incluye el famoso ‘Abrir con’.

Desde esta opción se despliega otra lista con una de los programas disponibles. Esta lista puede haber degenerado con el tiempo por la instalación y desinstalación de programas.

Vamos a regenerarla con un comando de Terminal dejándola con una lista de programas disponibles en el momento de ejecutar el terminal.

Al ejecutarlo verás como el disco duro se pone a trabajar, este proceso puede tardar unos segundos durante los cuales se genera una nueva lista. Al terminar verás como Terminal vuelve a aceptar comandos.

Para ello abre el terminal pulsando CTRL + ESPACIO, escribe TERMINAL y copia y pega el siguiente comando:

/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/LaunchServices.framework/Versions/A/Support/lsregister -kill -r -domain local -domain system -domain user

Plataforma de desarrollo WordPress en la nube con MAMP y Dropbox

Plataforma de desarrollo Wordpress con MAMP y Dropbox

AL desarrollar en MAMP tenemos la limitación de tener los archivos locales en el ordenador instalado. Imaginemos un caso de ejemplo en que tenemos un ordenador en casa, otro en la oficina y además utilizamos un portátil. En esta entrada crearemos una plataforma con MAMP + Dropbox para poder desarrollar la misma instalación de WordPress en local desde cualquiera de esos ordenadores.

1. Instalando Dropbox

Descargamos e instalamos MAMP y Dropbox si no los tienen ya.

La instalación de Dropbox no tiene nada de particular, más que necesitarás crear una cuenta si no la tienes, después de instalado y logueado se crea una nueva carpeta en el Finder con un acceso directo a la nube. Ahora puedes crear una carpeta donde incluirás tus archivos, en mi caso la llamo ‘desarrollo’.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/Dropbox.png” alt=”Carpeta Dropbox creada en el Finder” align=”center” lightbox=”off” caption=”Carpeta Dropbox creada en el Finder” captionposition=”center”]

2. Instalando MAMP

El instalador de MAMP ofrece a modo de prueba la versión PRO, puedes omitirla durante el proceso de instalación.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/instalar-MAMP1.png” alt=”Personalizar la instalación de MAMP” align=”center” lightbox=”off” caption=”Personalizar la instalación de MAMP” captionposition=”center”]

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/instalar-MAMP2.png” alt=”Omitiendo la instalación de MAMP PRO” align=”center” lightbox=”off” caption=”Omitiendo la instalación de MAMP PRO” captionposition=”center”]

2.1 Configurando MAMP

Ahora accede a las preferencias y edita la ruta de la carpeta ‘htdocs’ apuntándola a la creada dentro de Dropbox.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/Configurando-MAMP.png” alt=”Configurando MAMP” align=”center” lightbox=”off” caption=”Cambiando la carpeta de desarrollo de MAMP” captionposition=”center”]

2.2 Creando base de datos en MAMP

Por último, Inicia los servidores, accede desde la página de inicio de MAMP a Tools -> phpMyAdmin y crea una nueva base de datos, en mi caso la llamo ‘desarrollo’.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/crear-base-de-datos.png” alt=”Creando base de datos” align=”center” lightbox=”off” caption=”Creando nueva base de datos” captionposition=”left”]

3. Instalando WordPress

Descarga WordPress desde el repositorio oficial y descomprímelo en una carpeta de Dropbox, en mi caso lo hago dentro de ‘desarrollo’.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/wp-config.png” align=”center” lightbox=”off” caption=”Wordpress dentro de la carpeta desarrollo en Dropbox” captionposition=”center”]

3.1 Editando el wp-config.php de WordPress

Se iniciará la sincronización de los archivos en Dropbox, ahora cambia el nombre del fichero ‘wp-config-sample.php’ por ‘wp-config.php’ abrelo y edítalo con el nombre de tú base de datos y acceso.

  • El nombre de tú base de datos: en mi caso ‘desarrollo’
  • Usuario MySql: ‘root’
  • Contraseña MySql: ‘root’

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/wp-config2.png” alt=”Editando wp-config” align=”center” lightbox=”off” caption=”Editando wp-config.php” captionposition=”center”]

3.2 Accediendo a WordPress

Por último, accede a la instalación de WordPress en la ruta ‘localhost:8888’ desde el navegador y sigue los pasos para finalizar la configuración.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/Finalizando-instalacion-de-Wordpress.png” alt=”Finalizando instalacion de WordPress” align=”center” lightbox=”off” caption=”Finalizando la instalacion de WordPress” captionposition=”center”]

4. Instalando Symbolic Linker

Por desgracia, MAMP no permite mover la ubicación de las bases de datos y nosotros necesitamos tenerlas ubicadas en la nube.

Descarga e instala Symbolic Linker, este pequeño plugin de servicio nos permitirá crear enlaces simbólicos o de referencia de una manera muy sencilla. Lo que en realidad haremos será crear un enlace simbólico de la base de datos local de MAMP apuntando a una carpeta en Dropbox o explicado llanamente, una carpeta que apunta al contenido de otra carpeta.

4.1 Aplicando Symbolic Linker

Vamos a crear un enlace simbólico en Dropbox a la carpeta que contiene la base de datos de MAMP localmente alojada en tú disco duro, para ello navega en el Finder a la carpeta ‘Aplicaciones -> MAMP -> DB’ y haz click en el botón derecho del ratón escogiendo del menú contextual ‘Servicios -> Crear enlace simbólico’.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2015/01/crear-enlace-simbolico1.png” alt=”Crear enlace simbólico” align=”center” lightbox=”off” caption=”Creando enlace simbólico” captionposition=”center”]

El resultado, una nueva carpeta llamada ‘db symlink’. Ahora muévela a Dropbox, para ellos puedes seleccionarla y copiarla CMD + C y pegarla CMD + ALT + V. Observarás como se inicia la sincronización, tras esto, simplemente cambia su nombre a ‘db’.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2015/01/enlace-simbolico-en-Dropbox.png” alt=”Enlace simbólico en Dropbox” align=”center” lightbox=”off” caption=”Enlace simbólico en Dropbox” captionposition=”center”]

A partir de ahora todos los cambio hechos en la base de datos se verán reflejados en ‘db’ alojado en Dropbox manteniendo así una sincronización y permitiendo el desarrollo desde múltiples ordenadores.

5. Ajustando el resto de ordenadores

Ya solo nos queda configurar el resto de ordenadores, para ello (desde estos) repite el paso 2.1 cambiando la carpeta de desarrollo de MAMP a la que tenemos alojada en Dropbox.

Seguidamente creamos un enlace simbólico de ‘db’ en Dropbox, moviéndolo a la carpeta local en MAMP y borrando la original.

Y ya está, a partir de ahora podrás desarrollar desde cualquiera de tus ordenadores y los cambios se verán reflejados en el resto.

Usando QuickTime para grabar video de la pantalla del Mac

iMac escritorio editando hosts

En ocasiones puedes necesitar grabar un video de lo que ocurre en la pantalla de tú Mac, como por ejemplo para crear un How-To o pequeño tutorial para un amigo o familiar. Siempre puedes comprar una app dedicada como Camstasia pero para los casos mas usuales será más que suficiente la característica de grabación de pantalla de QuickTime.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/Menu-grabacion-de-video-en-OSX-con-Quicktime.png” align=”center” lightbox=”off” captionposition=”left”]

Iniciando la grabación

Acudimos al menú archivo y escogemos la opción “Nueva grabación de pantalla”. Se abrirá la aplicación en modo grabación.

[aesop_image imgwidth=”100%” img=”https://tonidg.es/wp-content/uploads/2014/12/Grabacion-de-video-en-OSX-con-Quicktime.png” align=”center” lightbox=”off” captionposition=”left”]

Escogiendo opciones

Selecciona la entrada de audio si quieres además grabar este con el video clickando la flecha hacia abajo justo al lado del botón de grabación.
Seguidamente inicia la grabación y sigue las intrucciones en pantalla para grabar todo el contenido de pantalla o una aplicación en particular.
También tienes la opción de mostrar los clicks del ratón durante la grabación.