Sketching & Wireframing

Para el proyecto más importante que tengo actualmente entre manos decidimos hacer unos mockups para el diseño inicial del layout de la página. Nos surgió la idea viendo los mockups que había en el tutorial Jobeet de Symfony y empecé a buscar herramientas para crear los mockups.

Encontré varios (Balsamiq por ejemplo) pero todos eran de pago y no encontré ninguno libre de escritorio. Si que encontré alguno online (MockingBird, MockFlow) pero la verdad es que no me convencieron mucho, aunque para salir del paso no están mal.

Hoy he encontrado un post que proporciona archivos en formato vectorial (.ai, .eps, .svg) en el que están casi la totalidad de elementos que puedes tener en una página: inputs, checkbox, listbox, tabs. Así por lo menos me los podré montar con Illustrator.

Al final va a ser que el blog de Janko va a ser uno de los fijos en mi reader…

IconPark

Cuando se trata de iconos siempre hay dos caminos, gratuito y feo o bonito y caro. Con IconPark podemos pasar a otro estado, bonito y asequible. IconPark.net es una librería de 200+ iconos en .ps y .ai por tan solo 29$USD. Muy asequible diria yo, haciendo el cambio a euros sale incluso baratico…

Otro estado que también cabe señalar es el gratuito y bonito, como es el set Silk Icons de famfamfam, la única pega que estos son imágenes .png y no están en formato vectorial, pero desde luego son una obra maestra y que yo uso en casi todos mis proyectos personales.

fontcapture

Llevaba tiempo queriendo probar esta mini aplicación web, mediante la cual es posible crear una fuente de tu puño y letra.

Pasos a seguir:

  • Entra en fontcapture.com y descarga e imprime la plantilla.
  • Escribe todos los caracteres que te dice la plantilla teniendo en cuenta la linea base, la ascendente y la descendente.
  • Escanea la plantilla rellena y enviala mediante el formulario.

Yo he seguido todos los pasos y me ha salido esta fuente. La he hecho aprisa y corriendo, con lo que las mayúsculas me han quedado horrendas y tanto la ele minúscula como la ka minúscula dejan también un poco que desear, pero para hacer la prueba no ha estado mal.

fuente

Podeis bajaros la fuente que me ha salido aquí. He tenido que subirla con extensión pdf, en realidad es un archivo .rar, le cambiais la extensión y listo: carlos-ttf

Xdebug en MAMP

Loco! Me he vuelto loco para conseguir que funcionara el xdebug en el MAMP para hacer debugging de mi código php en Netbeans. Llevaba tiempo queriendolo instalar pero ni por asomo me habría imaginado que me iba a costar tanto.

Siguiendo las instrucciones de la página de netbeans que explica como instalar xdebug al hacer phpize para compilar el xdebug que genera el archivo xdebug.so siempre me daba el mismo error:

Cannot find autoconf. Please check your autoconf installation and the $PHP_AUTOCONF
environment variable is set correctly and then rerun this script.

Buscando como alma que lleva al diablo, todas las páginas que encontraba me armaban un cacao de cojones. Hasta me hice una cuenta developer en .mac para descargarme XCode Tools por si fuera eso (lo pone como sugerencia por si no te funciona el make).

En fin, no me entretengo, al final ha sido tan facil como descargarse un xdebug.so ya compilado y utilizarlo en otra carpeta a la que dice el tutorial (osea, nada de lo que dice…).

Despues de mucho buscar llegué a esta página donde había una explicación detallada de como hacer que funcionara xdebug (pero sin suerte para mí como en las anteriores 107). Gracias a San Dios había un enlace a los Komodo Debugger Extensions, que tiene enlaces a la ultima version de xdebug compilada.

Aleluya!! Ya tenía el dichoso archivo sin tener que compilar, saltandome unos cuantos pasos del tutorial. Descargué la última versión para Mac Osx de PHP Remote Debugging de la sección Komodo 5.1 Remote Debugging Packages. Descomprimí ese y había varias carpetas. Cogí el de la versión 5.2 porque rebuscando por google buscando Komodo, encontré esta página donde explica como instalar xdebug en Leopard, es decir lo mismo que estoy explicando yo, menos de donde sacar el xdebug.so compilado.

Una cosa importante es deshabilitar el PHP Zend Optimizer que trae por defecto acivadoel MAMP, así es que desde la ventana de MAMP ya estas tardando en desactivarlo.

En fin, puse el archivo xdebug.so en el directorio “/Applications/MAMP/bin/php5/xdebug” y al final del fichero de configuración de php5 en MAMP “/Applications/MAMP/conf/php5? puse lo siguiente:

; xdebug config for Linux and Mac OS X
zend_extension=/Applications/MAMP/bin/php5/xdebug/xdebug.so
xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.idekey=jeffg
xdebug.profiler_enable=1
xdebug.profiler_output_name=xdebug.cachegrind-out.%s.%p

En la entrada “remote_port” es muy importante poner el mismo puerto que está configurado en NetBeans para poder hacer debugging desde el propio IDE. Este se puede cambiar desde las preferencias de NetBeans en la sección PHP, por defecto está a 9000 y para que nos vamos a complicar, yo lo dejé igual.

Una vez hecho esto y habiendo reiniciado MAMP, haciendo un phpinfo() podremos saber si xdebug está bien instalado. Si lo está nos saldrá una linea como esta:

This program makes use of the Zend Scripting Language Engine:
Zend Engine v2.2.0, Copyright (c) 1998-2008 Zend Technologies
with Xdebug v2.0.4, Copyright (c) 2002-2008, by Derick Rethans

Cuando se empiece a hacer debugging desde NetBeans en la parte inferior derecha debe aparecer netbeans-xdebug [ running ]. Si aparece algo como netbeans-xdebug [ waiting ] o algo parecido, revisalo todo porque algo tienes mal, seguramente algo en el php.ini está mal escrito.

Espero que ayude a alguien…

carlosfaria.info

Esto de la contratación de dominios, transferencia de estos, hosting por un lado, dns por el otro, te puedes meter en un berenjenal que no veas. De hecho, siempre que me he metido en estos temas, ya sea por ineptitud mia o ya sea (normalmente este ha sido el caso) por ineptitud del proveedor de dominios, he salido escaldado.

Siempre he intentado hacer las cosas con proveedores de dominios españoles, y no se que miedo le tienen al cliente, que tienen unos sistemas de gestión del dominio que son un poco, como diría, escuetos, te dejan hacer lo justo, y encima son el doble de caros que otros proveedores, estadounidenses sobre todo.

Para enlazar a mi web quería un nuevo dominio, algo como carlosfaria.com, pero ya estaba pillado (desde el 11 de diciembre!! si que tengo mala suerte), así es que me conformé con carlosfaria.info, total, en Godaddy tenían la oferta de dominios .info a menos de 1€ así es que lo contraté en ese proveedor.

No se como será en cuanto a hosting, pero desde luego con el tema de los dominios tiene un área de administración bastante completa, te informan en todo momento via email y tienen hasta manual en castellano, para el que no sepa inglés. He añadido las dns de este servidor, ya contaré a ver que tal resulta la experiencia…

960 Grid System

A la hora de diseñar las páginas web en Photoshop, siempre me baso en hacer la página para 1024×768 px, con lo que lo que hago es un documento de 1200 px de ancho y luego pongo un par de guías, una en 100px y otra en 1100px.

Estos serán mis límites a la hora de crear la página.

Buscando ayer cosas sobre Symfony, no se como, dí con esta web que proporciona templates en Photoshop para la creación de páginas web siguiendo unas guías y utilizando un tamaño de página de 960 px exactamente. También divide el documento en columnas de igual tamaño de manera que se pueda diseñar la web sin superponer elementos y haciendo que el diseño sea sencillo y fluido.

The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns.

Para entender mejor de que va el tema mejor un par de imágenes:

+info: 960 Grid System

CakePHP o Symfony

CakePHP VS Symfony

Situación: Tienes un proyecto web en mente, un proyecto que estás madurando desde hace tiempo y que de hacerlo realidad puede hacerte rico o por lo menos hacer que ese proyecto sea tu única prioridad, laboralmente hablando. Este proyecto tendrá un volumen importante de peticiones simultáneas, es decir, mucha gente se conectará a la vez e interactuará como se puede interactuar con Facebook por ejemplo (si, estamos hablando de ese volumen, porque es probable, así es que habrá que ponerse en el caso peor).

Duda: ¿Que framework usar para crear dicho proyecto web? ¿Realmente debería usar un framework o mejor programo en php a pelo?

He estado leyendo aquí y allí, he buscado infinidad en la web y en ningún sitio me aclaran nada.

¿Alguien tiene algo de experiencia en alguno de los dos? ¿Alguien que sepa del tema y me ayude a tomar una decisión?

El primero de muchos

Bueno, eso espero, que esta entrada sea la primera de muchas que queden por venir.

De momento voy a empezar buscando e instalando un tema en wordpress que esté chulo. Será algo provisional porque entre otras cosas me voy a meter en la edición de temas para wordpress. Ya tuve contacto con esto de los temas cuando creé el blog de Ediciones Mahali, basándome en el tema Minimalism. Ahora pretendo diseñar alguno y por qué no, llegar a venderlo en alguna web de venta de temas.

Edit: Y el tema elegido ha sido Room34 por Room 34 Creative Services. Enhorabuena a los premiados.