Entradas con la etiqueta ‘plugin’

Cordova – Problema de seguridad al cargar archivos del dispositivo

Publicado por Iván Gajate el 30 de noviembre de 2016 en Desarrollo Web, JavaScript | No hay comentarios »

Si estamos tratando de cargar un archivo desde el móvil, por ejemplo tras buscarlo con el explorador de archivos de Android, seguramente nos dará un error como este:

Refused to connect to 'content://...' because it violates the following Content Security Policy directive...

Esto es debido a que las rutas de tipo “content://…” no son rutas válidas cuando hacemos un window.resolveLocalFileSystemURL (plugin File)

Para obtener la ruta real (del tipo file:///…) necesitamos usar Cordova Plugin FilePath, así:

window.FilePath.resolveNativePath('content://com.android.externalstorage.documents/document/...', successCallback);
 
function successCallback(realPath){
   console.log(realPath);   // file:///storage/emulated/0/Android/data...
}

Lo he encontrado tras mucho buscar, en Ourcodeworld

Descargar Cordova Plugin FilePath

Sublime Text – Side By Side Plugin

Publicado por Iván Gajate el 17 de noviembre de 2014 en Desarrollo Web | Los comentarios están cerrados.

He instalado este plugin en Sublime para comparar dos archivos, uno al lado del otro, con los scrolls sincronizados.
Es muy útil porque añade renglones en blanco para que se vean ambas páginas en paralelo.

https://bitbucket.org/dougty/sublime-compare-side-by-side

Sublime Text – Mis plugins

Publicado por Iván Gajate el 19 de julio de 2013 en Desarrollo Web | Los comentarios están cerrados.

Estos son los plugins que tengo instalados en el Sublime Text para editar HTML, JavaScript y CSS. Son pocos pero ya se me hacen imprescindibles 🙂
Eso y mis atajos de teclado y algún snippet que iré poniendo.

 

 

Como siempre, para instalarlos, abrimos la paleta de comandos  Tools > Command Palete , Install Package y vamos buscando cada plugin.

Hammer.js

Publicado por Iván Gajate el 24 de junio de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

Interesante librería que he descubierto gracias a q-interactiva 😉
Sirve para detectar los eventos de touch, drag, swipe, etc… *todos* los dispositivos (escritorio, iPad y otras tabletas, móviles…), y parece que funciona muy bien 🙂

http://eightmedia.github.io/hammer.js/

Funciona como plugin de jQuery o de forma independiente y pesa ná y menos 🙂

Sublime Text – Sublime Linter

Publicado por Iván Gajate el 13 de mayo de 2013 en css, Desarrollo Web, JavaScript | Los comentarios están cerrados.

Otra de plugins imprescindibles 🙂

Esta vez es el Sublime Linter, un plugin que nos marca los errores en CSS y JavaScript. Muy útil para evitar perder horas hasta que te das cuenta de ese paréntesis que se te ha olvidado o de esa propiedad CSS que no está bien escrita. Un ejemplo de JavaScript:

Y estas son mis preferencias del plugin (Preferences > Package Settings > Sublime Linter > Settings User), para que no me marque demasiados errores que yo se que no lo son o no me interesan (como algunas reglas CSS para Internet Explorer 6 por ejemplo):

{
	"sublimelinter_delay": 0.5,
	"sublimelinter_gutter_marks_theme": "bright",
	"jshint_options":
	{
		"evil": true,
		"regexdash": true,
		"browser": true,
		"wsh": true,
		"trailing": false,
		"sub": true,
		"eqnull": true,
		"unused": true,
    		"undef": true,
    		"devel": true,
    		"boss": true,
    		"smarttabs": true,
    		"jquery": true
	},
	"csslint_options":
	{
		"adjoining-classes": false,
		"box-model": false,
		"box-sizing": "warning",
		"compatible-vendor-prefixes": "warning",
		"display-property-grouping": true,
		"duplicate-background-images": false,
		"duplicate-properties": true,
		"empty-rules": true,
		"errors": true,
		"fallback-colors": "warning",
		"floats": "warning",
		"font-faces": "warning",
		"font-sizes": "warning",
		"gradients": "warning",
		"ids": false,
		"import": "warning",
		"important": false,
		"known-properties": true,
		"outline-none": "warning",
		"overqualified-elements": "warning",
		"qualified-headings": "warning",
		"regex-selectors": "warning",
		"rules-count": "warning",
		"shorthand": "warning",
		"star-property-hack": "warning",
		"text-indent": "warning",
		"underscore-property-hack": "warning",
		"unique-headings": "warning",
		"universal-selector": "warning",
		"vendor-prefix": true,
		"zero-units": "warning"
	}
}

Para instalarlo como cualquier otro plugin de Sublime, abrimos la paleta Command

Abrimos el paquete instalador

E instalamos el Sublime Linter:

 

 

 

Sublime Text – Duplicar línea

Publicado por Iván Gajate el 9 de mayo de 2013 en Desarrollo Web | Los comentarios están cerrados.

Uno de los atajos de teclado que mas echaba de menos era el de seleccionar un bloque de texto y duplicarlo entero. Por defecto me duplica las palabras seleccionadas, pero yo quiero que me duplique el bloque completo, aunque no lo haya seleccionado por completo.
Y he encontrado un plugin que lo hace!! 😉

https://github.com/wjthomas9/duplicate-lines

Para instalarlo como cualquier otro plugin de Sublime, abrimos la paleta Command

Abrimos el paquete instalador

E instalamos el Duplicate Lines.

Ahora nos debemos asegurar de poner un atajo de teclado (Preferences > Key Binding – User):

{ "keys": ["super+alt+down"], "command": "duplicate_lines" }

Ojo que pone duplicate_lines, con “s” al final. El anterior que puse era solo duplicate_line, y era el que lo hacía mal 🙂

SublimeText – Plugin Emmet

Publicado por Iván Gajate el 22 de abril de 2013 en Desarrollo Web | 2 comentarios »

Otro plugin maravilloso que me ha enseñado hoy Javi es Emmet, para escribir a toda leche CSS en Sublime Text 🙂
Ahora basta con poner

w50

pulsar tabulador, y él te pone

width: 50px;

Mola eh? 🙂

Aquí toda la documentación: http://docs.emmet.io/cheat-sheet/

Para instalarlo como cualquier otro plugin de Sublime, abrimos la paleta Command

Abrimos el paquete instalador

E instalamos el Emmet:

JS – Nicescroll

Publicado por Iván Gajate el 4 de abril de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

He encontrado este plugin de jQuery para hacer el típico scroll que desaparece cuando no se está usando. Sobre todo mola porque es super fácil de usar y de tunnear 🙂

http://areaaperta.com/nicescroll/demo.html

jQuery(".contenedor").niceScroll({cursorwidth:"8px", cursoropacitymax:0.5});

 

 

Deshabilitar el Plugin de Flash Temporalmente

Publicado por Iván Gajate el 21 de febrero de 2011 en Desarrollo Web, Flash, Sin categoría | 6 comentarios »

Si queremos probar por ejemplo cómo se vería nuestra página sin el plugin de Flash instalado (iPad, iPhone, gente sin el plugin instalado o deshabilitado…), podemos deshabilitarlo temporalmente en (Firefox):

Herramientas > Complementos > Plugins

Se activa y se desactiva en el momento, y no hace falta reiniciar el navegador. Ideal para hacer pruebas del contenido alternativo de nuestra web.

En Chrome se puede hacer lo mismo, escribiendo en la barra de dirección:

about:plugins

Plugin Flex Formatter para Eclipse

Publicado por Iván Gajate el 11 de octubre de 2010 en eclipse | 16 comentarios »

Este es uno de mis plugins favoritos de Flex, permite configurar casi cualquier aspecto del formato de nuestro código, por ejemplo el poner las llaves de las funciones en la misma línea, que es algo que me saca de quicio 😉

Una vez configurado, se pulsa el icono de la barra de herramientas (o con su atajo de teclado) y listo, deja nuestro código formateadito como a nosotros nos gusta.

Flex Formatter se puede descargar de aqui y estas son algunas de las cosas que permite configurar: