RSS Feeds

13.9.13

Editores de código online y social snippets

Cuando se trata de probar y compartir código de la manera más rápida posible(al vuelo/on the fly, nunca está de más tener a la mano un editor en línea que nos permita hacer exactamente eso, pruebas rápidas y lo mejor de todo con posibilidad de compartir los resultados en línea, para esos casos tenemos:

Pastebin
http://pastebin.com
Sin duda uno de los pioneros muy completo con soporte para una gran cantidad de lenguajes.

JSfiddle
http://jsfiddle.net/
Que nos permite seleccionar no solo HTML/CSS/Javascript sino también librerías como jQuery o YUI de Yahoo.

Codepen
http://codepen.io/
Para probar HTML/CSS/Javascript

Dabblet
http://dabblet.com/
Nos permite testear CSS/HTML al vuelo.

11.9.13

Observaciones sobre cómo configurar correctamente una conexión de HTTP a HTTPS, SSL

Cuando nos tomamos nuestro trabajo en serio es importante transmitir seguridad en nuestros clientes, y sobre todo cuando es un servicio web como un ecommerce, en estos casos una forma importante de hacerlo es mediante una conexión segura HTTPS, pero al momento de hacerse de una suelen pasarse por alto detalles que nos pueden resultar frustrantes si no sabemos como resolverlos.

Situación 1:
El primer detalle es cuando después de adquirir tu certificado SSL en chrome (por ejemplo) sigues viendo un icono de un escudo que notifica al cliente que hay contenido de fuentes no seguras, o en safari aún no puedes ver el icono del candado en tu barra de direcciones, para corregir esto tienes que cambiar la url de todos los scripts que cargues externamente por ejemplo:

De
<script src="http://servidorexterno.com/jquery.js">
a
<script src="https://servidorexterno.com/jquery.js">

Suele pasar cuando importas css de fuentes de google o librerías como jQuery desde un CDN externo a tu servidor.

Situación 2:
Otro punto importante es que tienes que redireccionar a tus usuarios para que accesen a una conexion segura desde cualquier url que este en tu dominio para dejar atrás el antiguo HTTP  y ahora surfear tu web mediante tu flamante HTTPS, para hacer esto basta con subir un archivo .htaccess a la raíz de tu sitio web con el siguiente código:

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.dominio.com/$1 [R,L]

Con esto todo el tráfico que acceda desde http será correctamente dirigido a una conexión https.

Espero que les sea útil.

18.6.13

8 Preguntas que debes platicar con tu cliente antes de comenzar un sitio web

Trabajar en diseño web va mucho más allá que solo diseñar el sitio y programarlo para que funcione, hay muchos puntos que quizás deberías contemplar antes de tomar un proyecto de este tipo, en workana encontré una publicación muy buena en la que plantea 8 preguntas que dependiendo la necesidad es posible plantear alternativas a nuestros clientes para asesorarlo y tener un mejor control sobre nuestro proyecto, ya que en ocasiones tienes que solicitar los accesos al hosting, dominio, configuraciones, etc. Haciendo más tardado nuestro trabajo al depender de terceros que gestionen algunos de estos puntos, estas son las 8 preguntas que deberías hacerte antes de comenzar un proyecto web y que deberías platicar con tu cliente, igual y decide pagarte una iguala por gestionar su sitio web.

1. ¿Qué dominio se utilizará y quién lo registra?

 2. ¿En donde estará alojado el sitio web, y quien montará los archivos en el servidor?

 3. ¿Quién se encarga de los textos?

 4. ¿El sitio debe estar disponible en varios idiomas, si es así quien se hará cargo de las traducciones?

 5. ¿De dónde saldrán las imágenes (el cliente las proporciona, de un stock o se tomarán las fotografías)?

 6. ¿Podré administrar los contenidos, y que cantidad de información será editable desde el panel?

 7. ¿Podré tener direcciones de email con mi dominio?

 8. ¿El sitio podrá verse desde dispositivos móviles (teléfonos celulares y tablets)?

 En general considero que estas preguntas deben plantearse con tu cliente antes de comenzar para definir bien los costos y evitar llevarse sorpresas.


Adaptado y sintetizado de: http://blog.workana.com/category/ousourcing/

2.6.13

Seleccionar un rango de fechas con datepicker de jQuery

Para seleccionar dentro de un rango de fechas utilizando el plugin de jQuery datepicker(), se necesitan establecer las fechas de la siguiente forma (el siguiente script muestra sólo el rango de fechas habilitadas entre 02/06/2013 y 10/07/2013):

Eso es todo, fácil no?.

12.5.13

Conexiones a mysql con mysqli y php

Las nuevas versiones de PHP ya no darán soporte a conexiones mysql del tipo mysql_query, por otra parte se ofrece una alternativa muy similar pero con varias mejoras, una de ellas es la posibilidad de conectarnos mediante la metodolodía de la programción orientada a objetos, es recomendable comenzar a adoptar este método de conexión ya que la que conocíamos pronto estará obsoleta.

A continuación les comparto un ejercicio que realicé a modo de introducción en donde les muestro como realizar estas nuevas conexiones, la ventaja es que al utilizar el nuevo método podemos seguir usando la forma antigua de conexion pero utilizando mysqli, nótese la i al final del código. Para ver los resultados tendrían que crear una tabla con los siguientes datos: