Archive for month: October, 2009

Iconos Twitter, YouTube, Facebook, MySpace en Illustrator

Categories: Diseño, Otros - Tags: ,

Ultimamente muchas páginas web han decidido mostrar links o recursos de los principales portales web 2.0 y siempre se requiere poner alguna imagen que no se vea tan cuadrada por lo que me hice algunos íconos, pueden bajar la versión en Illustrator 100% vectorial

twitter facebook youtube myspace icons

twitter facebook youtube myspace icons

Download

Diseño web que herramienta de desarrollo usas

Categories: Diseño, Otros - Tags:

Esa es una pregunta que recibo a menudo aunque no nos olvidemos que la herramienta es sólo una ayuda, un programador experimentado podría hacer una página web hasta usando el bloc de notas cosa prácticamente imposible para un usuario novato.

Existen muchas herramientas que ofrecen hacer una página web en 5 pasos y te ofrecen algunos templates y aunque con algo así puedes salvar el día, su uso no es recomendado ya que tienden a generar mucho código basura, dificilmente servirán para satisfacer lo que solicite un cliente y si eres novato con algo así no aprenderás realmente a hacer una página y cuando te pidan hacer cambios estarás muy perdido.

Notepad++

Aunque el bloc de notas puede servir al no tener código coloreado puedes acabar muy mareado y ahi es donde este programa nos sirve bastante bien, yo lo uso para salir de algún apuro o si tengo que hacer un cambio urgente en un cybercafe.

Aptana

Este es un programa gratuito con muchas opciones útiles además de colorear el código sin embargo no lo recomiendo debido a lo pesado que es, es muy bueno para programadores aunque si lo tuyo es el diseño tal vez tengas problemas ya que no existe ua vista previa sólo código.

Zend

Este es otro potente editor, para mi su mejor característica es la posibilidad de editar las páginas directamente en línea aunque si no dispones de una buena conexión a Internet mejor olvídalo, su desventaja si se le puede llamar asi es que no es gratuito.

Dreamweaver

En cualquiera de sus versiones (especialmente las últimas) ofrece ayuda al escribir tu código cuenta con ayuda para encontrar funciones y comandos PHP, javascript, etc. Ofrece una vista previa si prefieres trabajar en modo gráfico igualmente te da una mano en el manejo del CSS.
Para mi el punto negativo de este editor es que no ofrece detalles de las variables, clases y funciones en uso para PHP (detalle que otros editores como Aptana si ofrecen), tampoco es posible “minimizar” los bucles, funciones, clases (casi todo los editores gratuitos tienen esa opción).

PHP crear un sitio multilingue

Categories: PHP - Tags: ,

Seguro hemos visto muchas páginas web en las que puedes elegir el pais, el idioma, entre otros detalles, crear una programación distinta por cada idioma sería un tanto absurdo por la cantidad de tiempo que demora hacer esto, además que tendriamos que duplicar código y bases de datos, lo que claramente no resulta muy buena idea que digamos.

Para crear múltiples idiomas hay básicamente dos métodos que funcionan similar, el uso de constantes y el uso de arrays, el método más común es utilizar constantes que almacenen el valor por cada idioma.

Bueno, veamos como funcionan ambos métodos y ya depende de cada uno usar uno u otro

Usando Constantes

Para los que no recuerdan como se crean constantes, el funcionamiento es asi:

1
2
3
define("MICONSTANTE", "Aqui el valor de mi constante");
// Y la mostramos asi
echo MICONSTANTE;

La idea es entonces crear un archivo php por cada idioma que contenga las constantes que necesitamos por ejemplo es.php, en.php, etc. y que elija el archivo que corresponda almacenando el idioma en una cookie o en una variable de sesión. Algo asi:

1
2
3
if ($_cookie['idioma']=="es") {
  include("idiomas/es.php");
}

La programación de nuestro sitio quedaría entonces de la siguiente forma
es.php

1
2
define("_mititulo", "Mi tienda");
define("_login", "Inicio sesion");
1
2
<h1><?php echo _mititulo; ?></h1>
<a href="login.php"><?php echo _login; ?></a>

Usando arrays

La idea es muy similar a la anterior sólo que ahora definimos un array con todas las palabras que requerimos

1
2
3
4
5
6
7
8
9
10
<?php
global $lang;
$lang = array (
    'CART_TITLE' => 'Mini Paypal Cart',
    'CATEGORY_TITLE' => 'Categories',  
    'CATEGORY_NOT_FOUND' => 'Category Not Found',
    'PRODUCTS_NOT_FOUND' => 'Products Not Found',
    'ADD_CART' => 'Add to cart'
);
?>

Para invocar los datos del idioma sería algo como:

1
<h2><?php echo $lang['CATEGORY_TITLE'];?></h2>

Diseños de logos para inspiración

Categories: Diseño - Tags: ,

Diseñar un logo siempre es un problema debemos buscar colores, un isotipo que represente el rubro de la empresa pero combinado con una dosis de creatividad que lo haga claro y llamativo, todo eso debe ser complmentado con una buena elección de tipografía acorde a lo que quiere transmitir la empresa.

Con tantos detalles para considerar no esta de más ver otros logos de empresas similares para inspirarnos un poco, recoger ideas, veamos algunas páginas dedicadas exclusivamente a recolectar logos

Hay un par de blogs muy interesantes dedicados exclusivamente a los logos

Tutoriales Juegos en Flash

Categories: Flash - Tags: , , ,

Flash cada vez ha ido perdiendo más terreno frente a tecnologías como ajax y creo que más aun cuando finalmente este implementado HTML 5 pero en algo que dudo pierdo terreno es con los juegos online, con todas las ventajas que flash trae, es multiplataforma, prácticamente todo el mundo tiene instalado el plugin, etc.

No es muy complicado hacer un juego en Flash lo importante es conseguir un buen punto de partida.

El problema es que resulta complicado encontrar información en español, sin embargo aqui publico links a algunos tutoriales bastante buenos en nuestro idioma.

tutorial juegos en flash

tutorial juegos en flash