domingo, 14 de diciembre de 2014

Herramientas Web para Desarrolladores y Diseñadores

Existen muchas herramienta para el desarrollo de paginas web, o desarrollo de aplicaciones, haciendo referencia en cuanto a código fuente así como de diseño de aplicaciones, voy a resaltar algunas paginas que uso para tal motivo, por ejemplo cuando no estoy desarrollo en mi casa o mi oficina donde tengo instalados los programas que uso normalmente para tal propósito, la idea es ir agregando según vea conveniente y según las recomendaciones que me realicen, comencemos.

Convertir archivos

Una pagina web que uso para realizar conversión de archivos es http://archivo.online-convert.com, cuando estoy diseñando una pagina y necesito realizar conversiones de imágenes ya sea porque el diseñador me paso solo un tipo de formato de la imagen, uso esta pagina para realizar dicha conversión, por ejemplo algunas imagenes como iconos me gusta convertirlos a svg aunque hay veces que los resultados no son los deseados por ejemplo con los archivos svg y en cuanto al tamaño del archivo a convertir, esta página nos ofrece un gran número de formatos de tipo de archivo a convertir, como son crear y convertir archivos comprimidos, archivos de audio, tipos de documentos, y hasta video, etc.

Tambien uso otra pagina mobe (http://www.mobilefish.com/) para este tipo de propositos, eso si tiene algunas restricciones en sus servicios, pero ademas de realizar conversion de algunos tipos de archivos tambien contiene informacion valiosa, tutoriales, noticas, la verdad ofrece un gran contenido para desarrollo y diseño, en esta pagina si he obtenido buenos resultados al convertir imagenes al formato svg (http://www.mobilefish.com/services/image2svg/image2svg.php), muy recomendada.


Manejo de colores y paletas

Hay veces que necesitamos realizar una combinación de colores para algún diseño, debo decir que es una tarea que consume mucho tiempo a mi por ejemplo para tomar estas decisiones tengo que debatir filosóficamente, psicológicamente, matemáticamente bueno en fin me consume mucho tiempo, hay herramientas que realizan una combinación de colores que pueden ser usadas para el diseño por ejemplo de una página web o un documento, me ha ayudado mucho en cuanto a ahorrar tiempo, si soy programador y estos los conceptos como combinacion de colores se me hacen complejos de asimilar, para esto uso Kuler o bueno antes se llamaba así ahora se llama Adobe Color CC, ojala no lo cierren al público.

Tambien uso paletton.com (que buen nombre), me parece genial esta pagina, su interfaz de usuario sobre todo en la combinacion de colores se hace un poco compleja pera nada que superes con probar unas cuantas veces y lo mejor de todo esque te permite ver ejemplos de una pagina web con la paleta de colores creada, y lo que es mejor aun en el ejemplo puedes modificar la saturacion, el brillo, contraste, etc, y tienen un dehacer y reacer, endefinitiva una muy buena herramienta, mas que recomendado.


Manejo de fuentes (tipos de archivo letra)

Hay algunas paginas que uso con el propósito de obtener tipos de archivos de fuentes a partir de uno en especifico o simplemente para convertir los tipos de fuentes, uno de estos es elconvertidor, es una página que sirve para convertir varios tipos de archivos; pero he obtenido buenos resultados al convertir archivos de tipo de fuentes, como por ejemplo cuando el diseñador de milagro te pasa la fuente con la que ha hecho los matachos de la web, y te la pasa el archivo de las fuente en formato ttf, pero esta esta corrupta o con errores y no la puedes convertir a ningún otro tipo, pues esta pagina me salvo una vez con un tipo de fuente con dicho problema y me la convirtió a formato otf y lo bueno es que la paso sin errores.

También usó una muy buena fontsquirrel, esta pagina es genial, porque  de un archivo de fuente te genera un paquete con varios tipos de archivo de fuente, en si las mas usadas, y lo que me encanta es que te genera el archivo del tipo de fuente para manejarlo como archivo svg (scalable vector graphic), muy recomendada esta pagina.

También hasta el momento hay un gran aliado y es google con todos sus productos, como drive para hostear archivos y hasta una página web, google docs, google maps google site para crear una página básica, y algo que me ha gustado mucho son las google apps, realmente son geniales y hay muchas aplicaciones de desarrollo algunas muy buenas de pago y alguna freeware, pero de esto hablaré en otro post mas dedicado a los servicios de google así como de google cloud platform esta última me ha parecido genial algo muy potente y al alcance de todos hasta el momento, ¿porque hasta el momento? porque hasta el momento (2014-12-14) los servicios gratuitos que ofrecen están habilitados y porque simplemente ellos deciden hasta cuando dejan sus servicios de forma gratuita.

jueves, 25 de septiembre de 2014

Saludos

Solamente decirles que voy a empezar a escribir nuevamente, y pedir disculpas a las personas que me han escrito y no he logrado dar respuesta, es mejor hacer un borrón y cuenta nueva, tengo preparado varias cosas pero por el momento esta en P de pensado, jejeje, no siendo mas les dejo mi cuenta de twitter, jejeje, si, si ya me conocen apenas abrí la cuenta, @drincastX, Saludos !!!!!!!

Guía github

GITHUB 

Github es una sistema para almacenar proyectos, se usa mucho para proyectos de software pero realmente se puede generalizar a proyectos de archivos, tomando un proyecto de software como una colección de archivos y directorios, en si es una plataforma para controlar las versiones de un proyecto usando git (software para el control de versiones). 

Como usa Git, básicamente este software gestiona los cambios realizados en los diferentes archivos de un proyecto, el conjunto de archivos que compone un proyecto se gestiona por medio del concepto de repositorio, que en si es el contenedor de un proyecto. Uno de los conceptos importantes es el de commit que significa guardar los cambios en el repositorio, esto es, por ejemplo: si se ha descargado el proyecto para trabajar en un equipo local y se realiza modificaciones en los archivos descargados sin realizar un commit, estos cambios no se reflejaran en el servidor, en este caso en GitHub, al realizar el commit se suben estos cambios al servidor permitiendo que los demás colaboradores del proyecto puedan ver los cambios realizados.

GitHub nos provee dos formas de trabajar, uno son los repositorios públicos los cuales están abiertos a todo público, este público puede ver todos los archivos del proyecto, la otra, son los repositorios privados que nos permite conceder permisos especiales sobre el acceso del repositorio, esta forma se habilita cuando usamos GitHub en modo de pago. 

Usando GitHub

Que necesitamos para empezar a usar GitHub como nuestro servidor de control de versiones para nuestros proyectos, realmente se necesita muy poco, básicamente son crear una cuenta en GitHub, crear un repositorio para trabajar y contar con un software cliente en el equipo de trabajo que se conecte con GitHub para la gestión de los proyectos.

Creando la cuenta: sencillo, entrar a la pagina de GitHub (https://github.com/) y crear una cuenta, ¿que nos pide?, un nombre de usuario, un email y una contraseña, al realizar esto ya tenemos una cuenta free lista para el uso, ahora iniciamos sesión y procedemos al segundo paso que es el de crear un repositorio.

Creando el repositorio: solamente presionamos en el botón que dice New repository, y nos aparece una página en la cual debemos poner un nombre al repositorio, también podemos realizar una descripción del proyecto y seleccionar el tipo de repositorio ya sea público o privado pues si tienes plata hazte con uno privado, también tenemos la posibilidad de iniciar el repositorio con un archivo README, y luego de hacer esto presionamos el botón Create repository, al realizar este paso ya se tiene el repositorio creado.


Ahora, ¿como hacemos para trabajar desde un equipo personal?, como esto es una guía rápida pues me voy por la opción más fácil, si cuentas con un equipo con SO Windows vista, 7, 8, 8.1 o OS X 10.8 o superior, puedes descargar la aplicación cliente de https://github.com/, lo encuentras al final de la página así como el vínculo para Mac, (más adelante puede que explique cómo realizarlo desde la página y desde una consola de comandos).

Al instalar la aplicación ya tenemos todo listo, solo es iniciar la aplicación, iniciar sesión con la cuenta que se creó en GitHub y ya podemos crear copias o mejor dicho clonar los repositorios.



Como clonar los repositorios pues fácil, damos clic sobre el mas que esta en la esquina superior izquierda, seleccionamos clone, seleccionamos el repositorio que deseamos clonar y luego damos clic en Clone, ahora ya podemos agregar archivos o editarlos.



Como agregamos archivos, pues solo es cuestión de dirigirnos a la carpeta donde clonamos el proyecto y agregamos el documento. Por ejemplo en este caso agregue una carpeta llamada Docs y dento de ella un documento Word





Desde la aplicación ya podemos ver los cambios realizados desde la opción que dice Uncommitted changes, luego presionamos el botón Commit to master para guardar nuestros cambios.




Hasta este momento solo hemos confirmado los cambios que deseamos almacenar en el servidor pero aún no hemos subidos dichos cambios al servidor, para subir estos cambios al servidor debemos realizar una sincronización entre el repositorio local y el del servidor, esto lo hacemos por medio del vínculo Sync que se encuentra en la parte superior derecha al realizar esto se suben los cambios al servidor y los guarda.



Al realizar todo esto nos debería salir en la aplicación de escritorio el siguiente mensaje.



Bueno comprobemos desde la página web a ver qué ha pasado





Otro concepto que se maneja es el de organización, se puede crear organizaciones en la cuenta, una forma simple de describir un poco su definición es que una organización es un contenedor de repositorios, pero se tiene un control más amplio en cuanto a los permisos que se da sobre los repositorios, por ejemplo puede existir varios administradores, varios desarrolladores de código, pero todos tienen acceso a diferentes repositorios y pueden tener permisos diferentes.

Para crear una organización seleccionamos el botón + que está en la parte superior derecha de la página web y seleccionamos New organización.



Al entrar en la organización tenemos la opción de crear repositorios, crear equipos por repositorio.




Bueno esta fue la guía rápida, iré añadiendo contenido con el tiempo, saludos.

Referencias