JsFiddle – Edita, testea y comparte HTML, CSS y Javascript

Muy buena herramienta, así lo definiría en tres palabras. Se trata de un editor en línea que permite no sólo escribir el código, sino también compartirlo, y aún mejor, ver la previsualización de lo que estamos haciendo. Bastante útil creo yo, sobretodo en el ámbito educativo, pues el maestro puede proporcionar a los alumnos cierto código, y luego estos jugar con él e interpretarlo. O bien, pasarles un código que tenga errores, y que ellos los detecten, o etc. Y obviamente, también para los profesionales que quieren compartir el trabajo con otros colaboradores, para pulir aún más el código o lo que se pueda presentar.

En fin, que si andas metido en el desarrollo web Front End te vendrá bastante bien la herramienta, pues como sus creadores la describen es «Un campo de juego para desarrolladores web, una herramienta que puede ser utilizada de diferentes maneras. Uno puede utilizarla como editor en línea para crear snippets de HTML, CSS y JavaScript. El código puede ser compartido con otros, publicado en un blog, etc. Además, los desarrolladores de JavaScript pueden detectar bugs fácilmente»

Web: jsfiddle

Visto en: wwwhatsnew

Crea, personaliza y publica tu sitio web con Microsoft Webmatrix

Microsoft WebMatrix es una herramienta fantástica, Open Source, que te permite desarrollar sitios completos desde cero hasta su implementación. Les dejo un fragmento de la pagina de microsoft que describe muy bien sus caracteristicas.

«WebMatrix es una nueva herramienta de desarrollo de Microsoft que incluye todo lo necesario para el desarrollo de sitios web. Comenzar a partir de aplicaciones web Open Source, plantillas predefinidas o simplemente empezar escribiendo código desde cero. Desarrollar sitios web nunca ha sido tan fácil.»

Leer más

Windows Phone 7. Capítulo III

Windows phone 7
Windows phone 7

Hace un tiempo les comente de un libro que se esta publicando por capítulos que a mi parecer es muy bueno para los desarrolladores que quieren empezar con el mundo de Windows Phone 7, el creador es Josué Yeray Julián Ferreiro, él se mostró contento por haber publicado su libro en Punto Geek  :) , en esta ocasión se publico el capítulo III, está más que interesante.

Leer más

Programación – Snippets, sobre todo para PHP

 

¿Snippets? Sí, los Snippets son fragmentos de código que puede ser reutilizables no sólo por quien lo realizó, sino que son digamos, «algo general», aplicable a cualquier proyecto. Están compuestos por clases y funciones, y tienden a dar solución a una tarea en específico. O al menos así los entiendo.

Si ya los conocías, sabrás que sirven para ahorrar tiempo al desarrollar aplicaciones o proyectos, ya que no ocupas reinventar la rueda. Simplemente aplicarlos y ya está. En una entrada anterior les recomendé un sitio para descargar scripts sobre Javascript. En esta ocasión, les presento a 7devs, donde encontrarán principalmente Snippets para PHP. Además de abarcar otros lenguajes como Java, Python, XHTML, etc.

Algunos ejemplos de lo que pueden encontrar, para PHP son:

Uno de esos sitios para marcar como favorito, por si algún día llegasen a ocupar algo.

Web: 7devs

Programación – Escribe tu código organizadamente

El orden a la hora de escribir código viene a ser para la programación lo que la posición de los jugadores en un partido de fútbol. Mientras más organizados estén, mejor. Con lo anterior en mente, me permito sugerir lo que a mí y otros programadores nos ha funcionado, y seguramente podrás también aplicar: Code Indenting.

Antes de continuar, sólo mencionar que estos consejos están pensados para los que van comenzando, ya que no es hasta participar en proyectos más grandes cuando se toma en cuenta el orden del código. Tanto para ti, como para los demás miembros el equipo.

Aplicar el Code Indenting no es complicado, sólo requiere que el programador esté muy atento a lo que va escribiendo, y tras cada “cambio de jerarquía”, dar a la siguiente línea de código un espacio mayor a la anterior, de tal forma que se visualice que el código se va adentrando, y que forma parte directamente de las líneas que estén un espacio menos adentro que ella misma. Bastante complicado de explicar con palabras, pero tómese como referencia el siguiente ejemplo, seguramente lo podrás asimilar mejor:

if ($result = $mysqli->store_result()) 
{ 
    while ($row = $result->fetch_assoc()) //SE RECORREN TODOS LOS RESULTADOS
    {
        echo 'utf8_encode($row['algo_id']) ';
    } //FIN DE WHILE
} //FIN DE IF

Mientras que un código desorganizado se vería como el siguiente:

if ($result = $mysqli->store_result())
{while ($row = $result->fetch_assoc())
{echo 'utf8_encode($row['algo_id']) ';}}

La pregunta ahora es, ¿Cuál se te hace más sencillo de comprender? Según tu respuesta, será la técnica que debas utilizar. Como mencionaba, a mi me sirve más en el que se utilizó Code Indenting, porque puedo visualmente comprender más rápido lo que sucede en esa parte del código. Pero no es regla, ni mucho menos una ley, pero sí una buena práctica.

Y como detalle extra, los comentarios son sumamente importante, por lo que también sería bueno que comenzaras a comentar tu código. A la larga tu mismo lo agradecerás, porque uno tiende a olvidar para que funcionaba cierta sección de código :P

javascriptkit – Recursos más que probados para Javascript

javascriptkit

Si para tu proyecto web ocupas desarrollar algo en Javascript, no gastes energías. Quizá ya alguien lo hizo antes, y te puedes ahorrar unos cuantos minutos. Existen sitios que nos ayudan justamente en esa tarea: Encontrar scripts útiles, y que ya han sido probados, de tal forma que sólo los tengamos que implementar, por lo que el tiempo que te ahorres, lo podrás invertir en otras tareas, quizá más importantes.

Uno de estos sitios es javascriptkit, donde, como se observa en la imagen superior, encontraremos recursos para menús, ventanas, frames, uso de cookies, efectos especiales, slideshows, links, entre un montón de etcéras más que no aparecen ahí, pero que pueden descubrir y probar visitando el sitio. Les recuerdo que se trata de scripts gratuitos, y aunque quizá ya algunos estén pasado de moda, de algo nos podrán servir. Si no, de cualquier forma vale la pena curiosear un poco.

Web: javascriptkit

stackoverflow – Preguntas y respuestas sobre programación

stackoverflow

Si eres programador, sabrás lo difícil que a veces resulta recordar alguna función misma del lenguaje que utilizas, o quizá quieras optimizar el código y no tengas una idea clara de como hacerlo. Para esos casos en los que por más darle vuelta al problema no encuentras una solución viable existe stackoverflow. Donde a manera de pregunta, podrás plantear tu problema, y esperar a que la comunidad detrás de este servicio trate de dar respuesta a tu problema.

Debo decir que stackoverflow es una comunidad muy seria, de profesionales. Por lo que no esperes que te resuelvan cualquier duda. Es decir, lo muy básico se asume que ya lo sabes. Además, preguntas que ya se han hecho se tienden a eliminar, al igual que preguntas sobre casos muy concretos (El típico: «Tengo que sumar dos valores y elevarlos al cuadrado, ¿Me ayudan?»). Para evitar molestias, primero revisa la FAQ.

Otro punto a mencionar es que la red está completamente en Inglés, por lo que quizá represente una desventaja. Pero vamos, que este lenguaje es sumamente importante dominarlo dentro del mundo del desarrollo de software. Por lo que habrá que esforzarse un poco y tratar de integrarlo en nuestro día a día a como de lugar.

Web: stackoverflow

ZobyHost – Hosting gratis de 1GB

zobyhost hosting gratis

Si vas comenzando con la programación para web, y quieres probar tus creaciones en el mundo de verdad (Internet), y no sólo en tu Localhost, podrías hacer uso de lo que nos ofrece ZobyHost. Este hosting gratuito resulta bastante interesante, puesto que entre lo que ofrece encontramos:

  • 1 GB de espacio de disco
  • 30 Gb de transferencia mensual
  • 20 Bases de datos MySQL
  • 20 Dominios agregados
  • 20 Subdominios agregados
  • 20 Dominios parqueados
  • 1 Cuenta FTP
  • Soporte PHP
  • Sin publicidad forzada

Además también podrás instalar fácilmente:

  • WordPress
  • Joomla!
  • Drupal
  • osCommerce
  • phpBB
  • SMF

Como verán, para ser gratis es una buena opción. Aunque claro, si su proyecto sale del campo académico y de pruebas, quizá deberían considerar contratar un servicio de hosting de verdad, por eso de asegurar la calidad y el siempre estar en línea.

Web: zobyhost

Personaliza las alertas de confirmación con jQuery y AJAX

A Clean jQuery AJAX Alert Box

En muchos proyectos se requiere de cierta interacción con el usuario, ya sea para que este de su permiso, se le brinde un aviso, o cualquier otra cosa que requiera llamar su atención. Para ello se utilizan generalmente las llamadas a la función alert de javascript. Pero para mi gusto siempre han sido algo feas.

Con Clean jQuery AJAX Alert podremos lograr lo mismo, sólo que de una manera más estética y atractiva visualmente. Haciéndole un favor tanto al usuario, como a nuestro diseño, ya que este no se verá corrompido por las alertas por defecto tan difícil de configurar de los navegadores.

Su implementación es muy sencilla, son pocas líneas de código las que utilizaremos, y como único parámetro le diremos la URL de la página a la que se redirigirá con una respuesta afirmativa del usuario, y claro, el ID del elemento con el que vayamos a interactuar, como se observa a continuación:

$(function() {
$('#id_elemento').alertBox({
href: 'pagina_de_resultado.html'
});
});

Ahora bien, si gustas ver como funciona, da click acá: Demo

Descargalo desde: thefinishedbox

Tu próximo sitio web diseñado fácilmente

jmockups

jmockups se trata de un sitio donde podrás realizar sin complicación alguna los boceto del diseño de tu próxima página web. Para utilizarlo no ocupas instalar nada, ya que todo lo harás desde su página web, y tampoco es complicado, por lo que a más de uno le vendrá bien esta herramienta.

Tenemos a nuestra disposición una serie de elementos prediseñados, que serán lo que darán cuerpo y simulará ser el contenido de nuestro sitio web. Por ejemplo, podremos hacer uso de cajas de texto, botones, links, imágenes (Se pueden añadir imágenes personalizadas si proporcionamos el link que apunte hacia ellas), además de contar con zonas donde irá el texto, separadores, etc. etc.

Leer más