A-blog

06.12.2009 @ 11:04:18, by code, 113 words, 74 views
Categories: Web Development

Javascript Boxes

La tendencia en los últimos tiempos viene siendo usar divs flotados sobre nuestro web content con un background que opaque ese content para resaltar lo que mostramos en el div. Mejor conocidos como boxes. Desde Lightbox en adelante, han surgido multitud de boxes que utilizan esta técnica sumamente útil y de moda. Los mejores que he visto, con licencias open source, son los siguientes:

Basados en jQuery:

Facebox (facebook style box) ColorBox FancyBox

Basados en Prototype / Scriptaculous:

LivePipe (ofrecen múltiples UI controls) Modalbox Lightbox2

Basados en Mootools:

Multibox

Quieren ver más boxes?

Vean estos listados que incluyen screen captures: http://www.dottony.com/30-useful-ajax-lightbox-and-modal-dialog-solutions/ http://www.designlabelblog.com/2009/03/20-ways-to-create-javascript-modal.html

23.11.2009 @ 18:37:35, by code, 101 words, 76 views
Categories: Web Development, Software, Ubuntu

NetBeans CVS over ssh

Recientemente tuve prolemas al intentar conectarme a un repositorio CVS desde NetBeans 6.7.1 en Ubuntu 9.10. Básicamente no se resolvía la conexión via SSH. Probé las diferentes alternativas de conexión que brinda NetBeans pero de ninguna forma pude conectarme al repo. La solución fue instalar el siguiente package:

libnetbeans-cvsclient-java
NetBeans CVS Client library

La conexión via ssh estaba correctamente configurada de la siguiente forma con "Use internal SSH": :ext:usuario@server.com:/var/lib/cvs Vi que en varios foros referían a este tema, pero en ninguno mencionaban el issue del paquete faltante. Now you know! :)

23.11.2009 @ 18:10:28, by code, 44 words, 58 views
Categories: Web Development, CSS

CSS Menu Maker

Este sitio es simplemente genial! Permite crear menus customizados y super atractivos en cuestión de minutos y con mucha facilidad. Primero seleccionamos un template. Luego lo customizamos. Y por último, bajamos el código (CSS y HTML). Para agendar: http://www.cssmenumaker.com/

09.10.2009 @ 17:18:06, by code, 54 words, 73 views
Categories: Internet, Web Development

Charts

Si necesitamos incorporar chars en nuestros web projects XML/SWF Charts es una interesante alternativa. Su nombre hace una excelente descripción de las tecnologías involucradas. Ofrecen múltiples formatos de chars, con lo que podemos satisfacer múltiples necesidades. Es la herramienta de charting utilizada en el sistema de bloggings b2evolution.

08.10.2009 @ 15:32:30, by code, 184 words, 92 views
Categories: Web Development, Javascript

LightWindow, super modal windows made easy!

LightWindow es un sistema de ventanas modales desarrollado en Javascript. Nos permite mostrar "popups" dentro de la página al mejor estilo Lightbox, pero soporta todo tipo de contenido! Lo grandioso es que nos permite generar estos in page popus sólo agregando una clase CSS a un link o imagen, y si el link apunta a un video o archivo SWF lo reproduce directamente dentro del popup. Además soporta agregado de información mediante tags adicionales como title, author y caption y se pueden pasar parámetros para setear el tamaño y posicionamiento del popup. Simplemente genial! Un ejemplo de cómo embeber una movie pasando params (una pavada!):

<a href="http://images.apple.com/movies/newline/the_number_23/the_number_23-tlr1_h.640.mov" class="lightwindow" params="lightwindow_width=640,lightwindow_height=290">Link Name</a>

Hace poco usé Modalbox, otro sistema parecido, pero LightWindow, con todas sus prestaciones y facilidad para mostrar todo tipo de contenido dentro de los popups con mínimo esfuerzo y posibilidades de configuración por parámetros me parece más interesante. Enjoy!

29.09.2009 @ 16:53:33, by code, 148 words, 68 views
Categories: Internet, Web Development

Word AutoCorrect, a web developers enemy!

Debería escribir un llamado a la solidaridad más que un post común y corriente. Entre todas las funcionalidades de Word, el AutoCorrect puede ser el peor enemigo de los web developers. Por qué? Porque entre otras cosas reemplaza ciertos caracteres que, si bien se representarán bien en aplicaciones Windows como Dreamweaver, NetBeans y hasta en el SQL Server Management Studio, al momento de mostrar una página web en nuestro browser sólo podrán ser vistos como caracteres raros. La solución? Desactivar esta maldita funcionalidad! Por favor, procedan de la siguiente forma: - Desde el menú principal ir a Tools / AutoCorrect options... - Seleccionar el tab AutoFormat - Destildar las opciones:

"Straight quotes" with "smart quotes"
Ordinals (1st) with superscript
Fractions (1/2) with fraction character
Hyphens (--) with dash

Una máxima relacionada: Jamás mezclar Article Marketers y AutoCorrect! Ver nota relacionada.

11.09.2009 @ 00:40:27, by code, 182 words, 134 views
Categories: Internet, Web Development, Development

Online Diagraming Tool

Gliffi es una excelente aplicación online de creación de diagramas. Permite crear los siguientes tipos de diagrama:

Floorplan
Flowchart
BPMN
UML
ERD
Network
User Interface

Algo super interesante es que además de todos los dibujos predefenidos permite subir nuestras propias imágenes y hacer búsquedas mediante Yahoo! de cualquier imágen que necesitemos para completar nuestro diagrama. Otra utilidad es la de compartir diagramas, permitiendo el diseño colaborativo de los mismos, una funcionalidad realmente excepcional que se asemeja a la funcionalidad provista por Google Docs.

CSS Colors by Name

A la hora de escribir código CSS es más fácil recordar algunos colores por el nombre y utilizarlos así directamente: white, black, red, green, blue, yellow, orange, etc. Así que, ahí va una buena referencia: http://www.w3schools.com/css/css_colornames.asp

21.05.2009 @ 22:15:57, by code, 224 words, 250 views
Categories: Web Development, PHP, Linux

nano PHP syntax highlighting

nano es un editor de texto para Linux que corre desde consola. Es uno de los más utilizados actualmente dada su facilidad de uso y prestaciones. Como desarrollador de PHP habituado a IDEs como NetBeans, Eclipse y ZendStudio, y editores de texto como Notepad++ y EditPadPro, las veces que tuve que abrir archivos PHP desde el shell de linux sentí la inmediata falta de vida en el código ocacionada por el monótono color gris con el que nano lo formatea por defecto. No cabe duda que el resaltado de sintáxis es un gran beneficio para nosotros los programadores. Entonces surje la pregunta: Cómo resaltar sintáxis PHP en nano?

Web Templates

Si queremos publicar un website con un diseño agradable (aunque no customizado) y en forma muy rápida y económica la mejor alternativa es bajar un template que se adapte lo mejor posible a nuestra idea y contenidos, modificarlo y subirlo. Estoy convencido de que lo mejor en la mayoría de los casos es crear un diseño customizado que se adapte a nuestras necesidades, pero también vale considerar la alternativa de adaptarnos a un template que nos resulte agradable. A continuación, la lista de los mejores sites de descarga de templates gratuitos que encontré: http://www.freecsstemplates.org http://www.oswd.org http://www.freewebsitetemplates.com http://www.freewebtemplates.com http://www.free-css.com Enjoy!

28.04.2009 @ 12:44:54, by code, 76 words, 64 views
Categories: Web Development, Programming

Prettier code

Como desarrollador puedo asegurar que es una experiencia realmente desagradable leer código mal indentado. Sólo con tabular adecuadamente nuestro código podemos hacerlo mucho más legible. La premisa es: Indentar siempre! Si nos llegamos a encontrar con código sin indentación o mal indentado y no tenemos a mano un IDE que pueda formatearlo por nosotros, a no desesperar, porque existe una web tool que puede sernos de gran ayuda: Tabifier Enjoy!

06.04.2009 @ 14:40:58, by code, 64 words, 68 views
Categories: Web Development, Programming

UTF8 Character Encoding Tables

Trabajando en desarrollo de aplicaciones web es muy probable que más de una vez tengamos que recurrir a una tabla que nos muestre las equivalencias entre ciertos caracteres y su representación en UTF8. Un recurso para tener a mano: http://www.tony-franks.co.uk/UTF-8.htm Y una tabla un poco más completa: http://www1.tip.nl/~t876506/utf8tbl.html

01.12.2008 @ 01:39:59, by code, 465 words, 761 views
Categories: Web Development, Databases, MySQL

MySQL corrupted tables fix

Qué peor que perder todos los datos de nuestro blog o alguno de nuestros sites que utilizan base de datos y donde hemos dedicado gran tiempo y esfuerzo en crear contenidos? Algo así me pasó el día de ayer; me vi ante la situación de haber perdido años de publicaciones y contenidos muy valiosos para mí. En mi sevidor Windows Server 2003 tengo corriendo MySQL 5.0.27 community nt con InnoDB. Unos segundos luego de iniciar el servicio el mismo se detenía con un mensaje de error muy poco explicativo en el event viewer de Windows:

Event Type:	Error
Event Source:	Service Control Manager
Event Category:	None
Event ID:	7034
Date:		30/11/2008
Time:		12:43:51 p.m.
User:		N/A
Computer:	PEGASUS
Description:
The MySQL5 service terminated unexpectedly.  It has done this 3 time(s).

For more information, see Help and Support Center at http://go.microsoft.com/fwlink/events.asp.

AJAX multiple requests

Al enviar múltiples AJAX requests en forma simultánea podemos encontrarnos con serios problemas si no lo manejamos adecuadamente. Si utilizamos el mismo objeto para todos los requests que corren en forma simultánea el comportamiento será indeseado, ya que los diferentes estados de cada uno se pueden pisar mutuamente haciendo que, aleatoriamente, algunos requests sean procesados y otros no, y algunos quizás se procesen más de una vez (rarísimo!). A continuación una buena lectura sobre el tema con código de ejemplo (orientado a objetos): http://javascript.about.com/library/blajax13.htm

20.11.2008 @ 23:21:42, by code, 89 words, 70 views
Categories: Internet, Design, Web Development

Download Icons

Si hacemos desarrollo web o diseño de aplicaciones, más de una vez nos habremos encontrado con la necesidad de conseguir íconos que representaran determinadas funcionalidades de la aplicación. Más de una vez esta tarea fue realmente tediosa, pero a partir de ahora tenemos una magnífica solución a todas nuestras necesidades icónicas: http://www.iconfinder.net Tiene un buscador que nos ayuda a encontrar íconos que están muy bien catalogados y por lo tanto es muy fácil hallar lo que estamos buscando; y lo mejor de todo: es gratuito! :D

Next Page >>