Posts Categorized: how-to

Rounded Corners

Si a estas alturas sigues con la idea de redondear todo lo redondeable de un site debes saber que, en primer lugar, no estaría mal que compraras una botella de whisky *del bueno* al equipo de maquetación, para evitar malos rollos.

Como todo (o casi todo) en el diseño, las cosas hay que hacerlas evidentes, pero con la sutileza que hace que el resultado sea elegante y no tosco.

Si forzamos el redondeado de un contenedor, nos estamos limitando el padding aplicable a su contenido. El punto de tangencia que coincide con alguno de los nodos de curva del contenedor, te marca (sí o sí) el padding de su contenido.

rounded_corners1

El redondeo que sea sutil, que suavice líneas, pero no suponga un estorbo visual.
Que te permita alinear con libertad su contenido para ajustar en retícula, equilibrar contenidos o whatever.

Otro tip importante: una vez definas un porcentaje de curvatura, usa el mismo en todo el site, alma de cántaro!

[wiki] Git, a Quick Start Guide

I’m writing this entry as a personal wiki page, just to note some tips and paste some code I’ll find around while I’m learning a little bit about Git. It will be growing and modifying day by day at same rhythm as my knowledge.

But, what the hell is Git?

Git is a version control Swiss army knife. A reliable versatile multipurpose revision control tool whose extraordinary flexibility makes it tricky to learn, let alone master.

The above quote is from one of the best reference sites I’ve seen about Git: Git Magic.

And, how to use it?

At first you should be able to play with Git, so if you’re running OSX, try this simple installer: Git OSX Installer. Now you should be able to run git from your Terminal in OSX. Yeah! Let’s try!
The next sequence of commands will be used now and again, so don’t be lazy and memorize them ;). It’ll start Git repo and add all the files on you project folder. Last command line is for your first commit!
$ git init
$ git add .
$ git commit -m "My first backup"

Ok, now it’s time to create, add, modify, remove files from your great personal project. How to do it? It’s simple.
$ git add newfiles_or_newfolders
$ git rm oldfiles_or_oldfolders
$ git mv oldfile newfile

The first one from above commads will add new files or folders to your git local copy. Second one will remove them. And, at least, mv will rename the files.

If something fails just type:
$ git reset --hard
$ git commit -a -m "Another backup"

It’ll go back to where you were and save a new state.

Each time you have a fucking-great-power-version you can commit the changes to show it to your friends. So, just type:
$ git commit -a -m "A new fucking-great-power-version"

For now it’s enough if your are, like me, a newbie at Git. With that simple lines of code you should be able to play around. Just create an account at github where you can host some open-source projects for free and look for me overthere.

Ok, if you have used SVN before, you can say: what’s new with Git? Nothing at all. Next time I’ll wrote some lines about the power of Git, but I have to learn it before :)

Feel free to comment and show me your tricks & tips about git. Sure they’ll be helpful for me and, please, remember I’m just a designer who wrote some lines of code sometimes, explain it for a dummy :D

RubyOnRails en OSX (por un completo inútil)

Por si algún día, y a modo de wiki, me veo en la tesitura de volver a realizar toda la instalación, me guardo en este post todo el proceso para lograr dejar funcionando Ruby on Rails en mi viejo iBook con OSX Tiger.

En primer lugar debemos estar seguros de tener instaladas las Xcode Tools de Apple que están disponibles en el CD de instalación. También podemos descargarlas de Apple Developer Connection.

Una vez subido ese escalón (este ha sido fácil) vamos a optar por la solución más fácil: MacPorts. MacPorts es un paquete de aplicaciones que necesitamos funcionando en el sistema para llegar a buen puerto. Ojo con descargar la versión correcta para tu OS.

Con MacPorts instalado, vamos a la parte divertida y la que más miedo me da: el Terminal ;)

$ mate .bash_profile

y añadimos la siguiente línea para localizar la ruta de Apache 2 que instalaremos más adelante:

export PATH=/opt/local/bin:/opt/local/sbin:/opt/local/apache2/bin:$PATH

Lo que toca ahora es lento de narices, así que tómalo con paciencia.

$ sudo port selfupdate

y ahora instalamos todo lo que necesitamos para dejar Rails funcionando en el sistema:

$ sudo port install apache2
$ sudo port install mysql5 +server
$ sudo port install subversion +tools
$ sudo port install ruby
$ sudo port install rb-rubygems
$ sudo port install rb-termios
$ sudo port install rb-mysql

Ahora le toca el turno a las rubygems con todas sus dependencias.

$ sudo gem install -y rake
$ sudo gem install -y rails
$ sudo gem install -y capistrano
$ sudo gem install -y mongrel
$ sudo gem install -y mongrel_cluster

Una vez hecho todo esto ya podemos decir que tenemos Rails funcionando en nuestro OSX.

Para actualiza cualquier fragmento de nuestro sandbox, sólo tenemos que ejecutar el siguiente comando:

$ sudo port upgrade subversion

Y ya, enhorabuena! ahora puedes trastear con RubyOnRails en tu OSX. Que me corrijan los guruses en la materia, pero el asunto es que así me ha funcionado, o casi …