Archivo de la categoría ‘Desarrollo Web’

Fuentes en la web con @font-face

lunes, 21 de diciembre, 2009

Una de las grandes limitaciones que siempre hemos tenido diseñando en la web ha sido la incapacidad de poder usar fuentes mas allá de las que el usuario tiene instaladas por defecto en su sistema. Por ello las opciones que teníamos era utilizar imágenes (sólo recomendable para encabezados y menús) y las clásicas fuentes Arial, Verdana, Georgia, …etc., las llamadas fuentes «web-safe» que sabemos se encuentran en la mayoría de los sistemas. Recientemente han salido herramientas como Cufón y Typekit, que nos permiten mostrar fuentes usando javascript, pero estos sistemas no son la solución más óptima.

Hoy día gracias al avance de los navegadores podemos usar cualquier fuente utilizando la propiedad CSS @font-face, siempre que tengamos en cuenta y respetemos la licencia de cada una, que debe permitir empotrado mediante @font-face. Podemos ver un listado de fuentes y licencias que permiten este uso en el wiki de webfonts.info.
A continuación os explicaré cómo utilizar @font-face para poder usar fuentes de verdad en la web.
Leer el resto de la entrada »

Manejo de errores en MySQL con CodeIgniter

jueves, 10 de diciembre, 2009

codeigniter_mysql_errorsCuando tenemos un error conectando o realizando operaciones con la base de datos (MySQL) usando CodeIgniter, lo normal es que el sistema nos muestre un mensaje por defecto con el código, descripción y query ejecutado, tal que así:

error_db_ci

Esta página de error se puede personalizar editando la plantilla /errors/error_db.php en nuestra carpeta de la aplicación. El problema es que este mensaje se mostrará en lugar de nuestra vista o en medio de ella, y además se mostrará siempre a menos que desactivemos la opción de debug de la base de datos, y si lo hacemos nuestra aplicación fallará silenciosamente, no tenemos forma de capturar este error y realizar las operaciones que nos convengan, lo cual sería especialmente útil cuando hacemos peticiones ajax.

Para solucionar esto existen dos métodos no documentados en la clase DB que nos permite capturar el mensaje de error y el número:
$this->db->_error_message() y $this->db->_error_number().
Leer el resto de la entrada »

Videotutorial: CRUD con scaffolding, rendimiento y unit testing en Codeigniter

martes, 24 de noviembre, 2009

codeigniter_screencastPara terminar la serie de screencasts sobre CodeIgniter voy a mostraros algunos componentes interesantes que tiene el framework, como el scaffolding para hacer CRUD y las librerías benchmark y unit testing. Estas librerías son muy útiles cuando desarrollemos aplicaciones complejas en las que necesitemos medir el rendimiento y hacer pruebas unitarias, y nos pueden ayudar a depurar errores y encontrar bloques que necesitemos optimizar. Sobre el scaffolding, es conveniente utilizarlo sólo en la fase de desarrollo, ya que el uso de la palabra secreta no proporciona la seguridad suficiente para poder usarlo en producción.

Podéis encontrar el resto de screencasts en la página de videotutoriales, o suscribiros al podcast de iTunes.
Leer el resto de la entrada »

Menú vertical en acordeón con CSS y jquery

miércoles, 7 de octubre, 2009

menu_acordeonA pesar del buen feedback recibido sobre mi serie de tutoriales de CodeIgniter, los artículos sobre menús animados con CSS y javascript siguen siendo los más populares en este sitio, y parece que son bastante útiles para la gente que está empezando. Por ello hoy me tomo un pequeño respiro de los videotutoriales y voy a enseñaros cómo hacer el clásico menú vertical en acordeón con CSS y jQuery.
El resultado lo puedes ver aquí: Ver demo
Leer el resto de la entrada »

Videotutorial: Ajax con Jquery en Codeigniter

viernes, 25 de septiembre, 2009

codeigniter_screencast_jqueEn este screencast voy a mostraros un sencillo ejemplo de cómo utilizar jQuery para cargar contenido mediante ajax en CodeIgniter. El código está basado en el ejemplo del primer video «Introducción a CodeIgniter», así que os recomiendo que le echéis un vistazo primero si no lo habéis hecho ya. Vamos a modificar ese código para que liste sólo los títulos de las entradas, y al hacer click en un título se cargue debajo el contenido de la entrada.

Este es el tercer videotutorial de la serie CodeIgniter, podéis encontrarlos todos en la página de screencasts, o suscribiros al podcast de iTunes.
Leer el resto de la entrada »

Publicado CodeIgniter 1.7.2

miércoles, 16 de septiembre, 2009

codeigniter_1.7.2Hace unos días se liberó la versión 1.7.2 de CodeIgniter, que podéis descargar aquí. Sus principales mejoras, además de un buen número de bugs corregidos, son:

  • Compatibilidad con PHP 5.3.0.
  • Añadida la clase Cart Class.
  • Ciertas mejoras en el Form helper.
  • Añadida función is_php() para comparar versiones de PHP.
  • Modificada la función show_error() para permitir enviar códigos de respuesta HTTP.

Lo más interesante que veo es la compatibilidad con PHP 5.3 (sobre todo desde que MacOS X Snow Leopard viene con esta versión de serie), y la nueva clase Cart. Esta clase es útil para programar una tienda virtual, ya que proporciona una interfaz sencilla para crear y actualizar un carrito de la compra. Aunque ya se rumoreaba desde hace tiempo que se iba a incluir esta clase, se esperaba para la versión 2.0, ya que es raro que introduzcan librerías nuevas en versiones menores.

Cuando tenga un hueco espero en breve seguir con mi serie de video tutoriales de CodeIgniter.

Videotutorial: Creación y validación de formularios con Codeigniter

jueves, 20 de agosto, 2009

codeigniter_screencast_formEn este video tutorial voy a enseñaros cómo crear formularios en CodeIgniter con ayuda del helper form y validarlos de manera sencilla mediante la librería form_validation.

Este es el segundo videotutorial de la serie CodeIgnitor, podéis encontrarlos todos en la página de screencasts, o suscribiros al podcast de iTunes.
Leer el resto de la entrada »

Artículo publicado en Themeforest: «20 SEO Tips That Every Web Developer Should Follow»

martes, 11 de agosto, 2009

20_SEO_TIPSAnoche me publicaron en el blog de Themeforest un artículo que envié hace unas semanas sobre SEO (en inglés). Este consiste en una serie de consejos básicos y herramientas que deberíamos usar para optimizar nuestras páginas con el fin de obtener una mejor posición en los buscadores. Aquí lo tenéis:

20 SEO Tips That Every Web Developer Should Follow

Para el que no lo conozca, Themeforest es un marketplace en el que los autores pueden vender sus plantillas web y temas de diversas plataformas (wordpress, drupal, …).

Videotutorial: Introducción a Codeigniter

sábado, 8 de agosto, 2009

codeigniter_screencastHoy os presento mi primer videotutorial (screencast) sobre el framework MVC de PHP CodeIgniter. Existen cantidad de recursos en inglés sobre este framework, pero casi nada en español, así que he grabado esta breve introducción para demostrar su potencia y sencillez.
Leer el resto de la entrada »

Menú animado desplegable con CSS y jquery

jueves, 9 de julio, 2009

menu_desplegableTras el inesperado éxito de mi artículo Menú animado con CSS y jquery, me he decidido a escribir un nuevo tutorial sobre creación de menús: cómo hacer un menú horizontal animado desplegable con CSS y jquery. Cada elemento del menú horizontal contendrá un submenú vertical que se desplegará con una animación. A su vez, al pasar el ratón sobre cada entrada del submenú éste cambiará de color de forma gradual. El resultado lo puedes ver aquí: Ver demo
Leer el resto de la entrada »

RSS iTunes podcast Twitter

Categorías

Enlaces

Archivos