Snippets y Tags de autocompletado para geany (por mi)

Como sabran me gusta Geany y lo uso profesionalmente,asi que me vi obligado a ayudar en su desarrollo y e hecho una libreria de snippets para HTML/XHTML,XML,CSS,Javascript,PHP muy grande. Ademas,el autocompletado para Javascript lo hicieron y se cayo el servidor asi que busque el codigo fuente y genere mi propio archivo tags (para autocompletado) y lo envie a el equipo de Geany. aca les dejo el archivo RAR para que lo bajen y disfruten de el,otra novedad es que los plug-ins de HTML y XML los meti dentro de los snippets de PHP para ayudar a los desarrolladores y diseñadores aun mas. aca esta el link:

http://www.4shared.com/file/wMeRuZAU/conf_geany.html

lo subi en 4shared porque ahi nunca se borra pero si quieren un mirror diganme.

PD: incluye un paquete para plug-ins pero solo para geany en windows.

Integrar GIMP a Kompozer

logo de kompozer

Algo que el software libre para diseño gráfico y web siempre a envidiado a los propiedades (Microsoft Expression,Suite Adobe,Corel Graphic Suite) es la integración con el resto de los productos de las suite.

Ahora si bien yo en mi Post anterior sobre convertir Gráficos y vectores en CYMK con Scribus.

Si bien la suite B.I.G (Blender,Inkscape,GIMP) como le dicen algunos,se integra perfectamente,cosa que pueden comprobar y Scribus y OpenOffice tambien se integran al 100% entre ellos y con la Suite BIG.

Ahora hablaremos sobre como integrar Kompozer y GIMP como si se tratasen de Dreamweaver y Fireworks o Photoshop.

Si bien no me gusta usar programas WYSIWYG pero… Kompozer tiene usos adecuados que ya e mencionado antes.

Asique… Comenzemos.

Abrimos el kompozer y vamos a Herramientas > Preferencias.

http://img219.imageshack.us/img219/3929/screen1yr.png

Bien,vamos a la pestaña aplicaciones y seleccionamos la opcion de Editor de Imagenes en la parte de aplicación.

Ok,busquemos el link del ejecutable de GIMP,en mi caso (y en el de la mayoria si usan Windows) es:

C:\Archivos de programa\GIMP-2.0\bin\gimp-2.6.exe

La configuracion les quedara asi:

Ven,ya los mejores Software libres para diseño se integran entre si como las suites privativas.

Saludos.

¿que editor web elegir o IDE elegir? Geany VS notepad++ VS Bluefish

esta es una decisión muy MUY importante y acá te dejare una comparación de las principales opciones a tener en cuanta comparando varios aspectos: (soy completamente imparcial)

Facilidad de uso:
Ganador: UN EMPATE notepad++ y bluefish

notepad++ es muy facil de usar,esta hecho para usuarios novatos,usuarios regulares,webmasters y programadores,pero no es tan productivo y rapido de trabajar como geany o VIM.

Funciones:
Ganador: UN EMPATE geany y bluefish

Comodidad al trabajar con HTML:
Ganador: Notepad++

DEMASIADO BUENO PARA HTML.

Comodidad al trabajar con CSS:
Ganador: Geany

el navegador de etiquetas,explorer de archivos,block de notas incorporado y las opcion de buscar en la barra de herramientas sin tener que abrir otra ventana o navegar un menu,lo hacen lo mejor para CSS,ademas de su intellisence,auto-cerrado de signos y su gran cantidad de snippets para ser mucho mas eficiente.

Comodidad para javascript:
Ganador: Bluefish

gracias a sus snippets,intellisense,insertor de etiquetas,auto-cerrado de signos,lo hacen muy productivo.

PHP:

Ganador: Geany

si lo sabes usar tiene docenas de funciones de que facilitan el PHP.

yo personalmente me quedo con Geany,y tu?

Usos adecuados de Kompozer

como sabrás kompozer es un editor WYSIWYG,es decir,es visual y nos genera el codigo HTML y CSS.

Es útil para diseñar sitios web profesionales,validos y accesibles. La pregunta es,me estoy volviendo loco?

NO,mira,kompozer si bien es un editor WYSIWYG y por lo tanto no es una buena practica hacer sitios con el,junto a el tienes un editor que te ayudara a hacer menus con CSS,un asistente para tablas,etc.

aca señalare buenos usos y consejos sobre kompozer:

Haciendo menus con CSS: el usar CSS para los menus y darle dinamismo con las multiples opciones que nos da CSS,es ademas de potente y mas comodo que usar las llamadas “javascript stylesheet” que se usaban en netscape,aunque,aun se usan lineas de comandos de javascript stylesheet para hacer algunos menus. Eso si,CSS con la potencia que nos da a la hora de maquetar y diseñar menus,se vuelve un poco tedioso el hacer menus con CSS si son muy complejos,por eso mismo,un asistente con los menus siempre nos viene bien y kompozer,genera el codigo del menu bastante limpio,asi que hacemos el menu en kompozer y luego copiamos el html y css en el sitio entero,es decir en la pagina web que lo desees,asi mismo te recomiendo que una vez insertado el menu,valides el html y css del sitio y tambien valides con tawdis.


Asistente para tablas:
quien no se rompe la cabeza por las tablas a la hora de presentar datos tabulados,bueno,usa el asistente para tablas de kompozer y haz el mismo proceso de limpiado y de validacion que con el menu,aunque kompozer crea codigo bastante limpio,solo que ahi que quitar los
que tanto les gusta poner y validar por si un warning en el html y bueno,para darle accesibilidad a la tabla.


Procesador de texto:
con su corrector ortográfico puedes usarlo como procesador de texto para remplazar word y el codigo que te genere para el texto lo copias dentro de un

,el codigo que genera kompozer para el texto es valido,solo que no lo mete en un

,pero si lo copìas y lo megas dentro de un

es 100% valido,recuerda SIEMPRE,escoger el doctype que uses en tu sitio para que cierre las etiquetas adecuadamente segun el doctype que uses,yo suelo usar el XHTML 10 Strict,obviamente valido.

y ustedes,que otros usos adecuados creen que tenga kompozer (ademas de hacer paginas enteras,porque como es visual no es apto para webs profesionales).

PosteoMax: un nueva libreria CSS

logo

PosteoMax es una libreria CSS hecha por mi que esta destinada a Bloggers,desarrolladores web y programadores web que esten programando un sistema de posteo,de noticias,de boletines o simplemente para darle mas estilo a tu blog.

con ella podras reducir el tiempo de desarrollo de tus proyectos,actualmente es muy nueva y le falta cubrir algunas necesidades,pero luego ire expandiendola.

si deseas mas imformacion o deseas colaborar puedes ir a la seccion “Libreria PosteoMax” de este mismo blog.

pronto añadere un link de linkbuck que al apretarlo,parecera una que les dira que esperen un tiempo mientras re-dirreciona,si espera,los rediccionara a la pagina de inicio de este blog y yo recibire 1 centavo,si repites este proceso,seguiré ganando dinero,que usare para costear parte de los gastos miscelaneos de la libreria.

E-books sobre diseno web con software libre

aca les dejo unas descargas de unos e-books sobre diseno web con software libre,algunos son tambien de fotografia o de diseno grafico pero bueno,es parte de lo que un buen webmaster debe saber.

Diseno web con kompozer:

bueno,aunque,como yo,escribas tu codigo a mano,vale la pena aprender a usar kompozer para ahorrarte buen tiempo o para hacer algo algun detalle en CSS que se te a olvidado ( como hago yo :P )

Javascript

una vez uses kompozer,aprende javascript,ahora podras denominarte “webmater amateur”

XHTML:

HTML.. No necesita presentacion.

CSS Basico:

ya casi puedes llamarte webmaster freenlancer.

manual de gimp

todo disenador web o grafico con software libre debe saber usar GIMP.

Manual de OpenOffice

estoy loco?,no,lo necesitaras con el tiempo.

inkscape logo a logo

vectores,escencial.

bueno,me despido,aca ya tienen mucho para leer :D,recuerden que para descargar solo denle click a las imagenes

de vuelta a lo basico

Ultimadamente como vereis me mude a bluefish,pero en windows aun tiene pequeños problemas,asi que volvi a lo anterior y me quede con mis programas favoritos:

-Kompozer
-Notepad++ (en linux y mac recomiendo y uso bluefish,pero,en windows,mi querido
notepad++ no es superado :D)
-Gimp
-Inkscape
-Photoscape (reemplazable con cualquier visor de imágenes)
-Dia (mi compañero inseparable para planificación y diagramación web)
-Abiword (como corrector ortográfico y para archivar textos)
-Filezilla (insuperable FTP libre y que sirve en todas las plataformas)

y también me gustara informaros que estoy creando plantillas que subiere en una nueva sección de este mismo blog,se podrán descargar gratuitamente y sin ninguna restricción en su uso,todos están basadas en los estándares y en la accesibilidad,sin olvidar la vistosidad y fácil mantenimiento y edición.

software que yo uso

Todas las aplicaciones que uso son multi-plataforma,menos Notepad++,para remplazarlo en linux recomiendo Quanta+ y en MAC recomiendo Bluefish,anim8or tampoco esta para linux,en vez de el usen blender (yo no uso blender por que solo tengo 447 de ram y 32 de video,pero los resultados son casi identicos),para photoscape no conosco alternativas :s

1- Kompozer:

imagen de kompozer

texto de articulo en softonic:

Crea tu propia web con KompoZer, un editor HTML del tipo WYSIWYG (“lo que ves es lo que obtendrás”), es decir, un editor visual que te ayudará a publicar en web lo mismo que tú has creado en el editor.

Cuenta con interesantes herramientas de depuración, de gestión de estilos CSS y publicación automática a tu FTP.

sitio web oficial: http://kompozer.net/
Version portable: Portableapps kompozer portable (esta desactualizada hasta el punto de que esta actualmente en la v.7.10)

Nota: solo uso kompozer para la creacion de archivos (X)HTML (luego los edito en notepad++) porque me da lidia empezar el documento desde 0 (y por algunos tutoriales del blog de joaclint istgud,haci lo hago todo como lo explica ahi y luego estudio el codigo del experimento) xD.

2- Notepad++:

screen de notepad++

texto de articulo en softonic:

A medio camino entre un bloc de notas mejorado y un entorno de desarrollo ligero, Notepad++ es un editor de texto potente y repleto de opciones.

Lo primero que salta a la vista es la gestión de los ficheros, que en Notepad++ se abren en pestañas totalmente organizables, con vistas alternativas para comparar texto, numeración de líneas, sangrías y zoom para aumentar el tamaño de letra. Además del modo a pantalla completa, Notepad++ se convierte en una nota flotante al pulsar F12, muy útil para tener el texto siempre a la vista.

Pero no todo se reduce a la lectura: las funciones de búsqueda y reemplazo admiten expresiones regulares, mientras que el menú Lenguaje activa el coloreado de sintaxis para casi cincuenta lenguajes de programación. Si el lenguaje que usas no aparece en la lista de Notepad++, tú mismo puedes crear una plantilla.

Por si fuera poco, Notepad++ se extiende mediante plugins, como el de sincronización con servidores FTP, el de control de cambios o el de auto-completado. Los TextFX, por otro lado, son funciones rápidas aplicables al texto, como ordenación de líneas, recuento de palabras, borrado de espacios dobles y un largo etcétera.

Completo y rápido, Notepad++ consume poquísima memoria. Es el reemplazo perfecto para el bloc de notas. Hay quien encuentra excesiva su abundancia de funciones, prefiriendo alternativas minimalistas, pero es casi indispensable para quien maneja código y texto puro a diario.

Pagina oficial: notepad-plus-plus.org/
Edicion portable: notepad++ portable

3- Gimp:

screen de gimp

editor de imagenes que no necesita presentacion.

web oficial: www.gimp.org/
Edicion portable: http://portableapps.com/apps/graphics_pictures/gimp_portable

4- Dia:

screen de Dia

programa de diagramacion web profesional,libre y de codigo abierto.

Pagina web oficial: http://live.gnome.org/Dia
Edicion portable:http://portableapps.com/apps/office/dia_portable

5-IcoFX

screen de icofx

el mejor editor de iconos de la historia,yo lo uso para hacerlo los favicons de mis webs.

segun softonic:

IcoFX es una de esas pequeñas sorpresas cotidianas capaces de alegrarnos el día: un programa que, bajo una apariencia simple y sencilla, esconde todo un editor de iconos preparado para ofrecerte todas las herramientas que necesites en la creación y edición de iconos para tu PC.

Puedes diseñar iconos partiendo de cero, en cualquier tamaño, con profundidad de color de hasta 24 bits e incluso con soporte para efectos de transparencia (canal alfa). Si lo deseas, también puedes importar una imagen (BMP, PNG o JPG) o capturar un gráfico de tu pantalla para convertirlo en icono.

IcoFX incluye además más de cuarenta efectos y filtros especiales con los que darle el toque final a tus iconos y conseguir resultados verdaderamente atractivos y profesionales.

Pagina oficial:icofx.ro/
version portable: http://portableapps.com/apps/graphics_pictures/icofx_portable

6-Photoscape:

ya hable de el el post anterior :D

7-anim8or:

screen de  anim8or

en mi opinion muy bueno,casi identico al blender pero de menor peso y menos requisitos,la desventaja es que no puedo importar archivo SVG,cosa que hace todo mas facil.

Pagina oficial: http://www.anim8or.com/

8-Inkscape:

programa para edicion vectorial profesional,muy bueno.

Segun softonic:

Inkscape es un potente editor especializado en dibujo vectorial con el que lograrás resultados increíbles con unos pocos clics y sin complicadas operaciones.

Con Inkscape contarás con soporte para la mayoría de archivos gráficos digitales, una paleta de herramientas para dibujar y añadir figuras y líneas y la posibilidad de retocar cada elemento que añadas de manera individual y sin afectar al resto de la composición.

Uno de los puntos más fuertes de Inkscape es su variada selección de filtros y efectos. Gracias a ellos podrás añadir texturas, retocar el color y luz de un objeto y lograr dibujos profesionales.

Inkscape es un proyecto abierto y libre, en constante evolución y con una comunidad detrás que facilita documentación para aprovechar todas sus posibilidades.

Pagina web oficial: http://www.inkscape.org/index.php?lang=es
Edicion portable: http://portableapps.com/apps/graphics_pictures/inkscape_portable

9-abiword:

muy buena,alternativa libre a microsoft word,lo uso porque es muy liviano,trae un buen diccionacio de español para corregir errores ortograficos,ademas,consumo pocos recursos.

screen de abi-word

segun softonic:

AbiWord es un completo procesador de textos que poco o nada tiene que envidiar a otras aplicaciones del calibre de Microsoft Word o Wordperfect, con la importante ventaja de que es completamente gratis.

Además de su precio (nulo), AbiWord también ofrece otras interesantes ventajas como el hecho de ser tan liviano o instalarse rápida y fácilmente.

Entre otras características básicas, AbiWord incluye:

* Corrector ortográfico (mientras escribes o cuando quieras)
* Soporte para archivos RTF, TXT, HTML y Word, entre otros
* Posibilidad de insertar imágenes y columnas de texto
* Formato básico de texto (cursiva, negrita, alineación de párrafo, etc.)

pagina oficial: http://www.abisource.com/
Edicion portable: http://portableapps.com/apps/office/abiword_portable

Nota: yo lo uso para la fase lo que antes nombre para la fase de documentacion de sitio tamiben llamada la fase “bin laden” (porque todos saben que existe pero no saben donde).

y por ultimo:

Filezilla:

para mi el mejor programa programa FTP.

Segun softonic:

FileZilla es un cliente de FTP que incluye todo lo necesario en un programa de este tipo.

FileZilla incorpora un administrador de servidores FTP para guardar las direcciones de los que uses con más frecuencia y así evitarte tener que introducirlos cada vez.

La interfaz de FileZilla es similar a la del Explorador de Windows, y muestra tanto la carpeta de tu PC como las carpetas remotas, permitiendo el paso de archivos de una a otra simplemente arrastrándolos.

FileZilla soporta conexiones a través de servidores proxy y cortafuegos, puede continuar descargas interrumpidas (siempre que el servidor tenga soporte para ello) y te permite poner los archivos que quieres subir o descargar en cola.

Pagina oficial: http://filezilla-project.org/
Edicion portable: http://portableapps.com/apps/internet/filezilla_portable

espero que les haya gustado mi post,ustedes también publiquen una lista de sus programas de diseño web y grafico como comentarios :D (solo los nombres,por favor).

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.