Esto no debe confundirse con Préstamos o Financiaciones ya que éstos deben devolverse incluso cuando el negocio fracasa o no sale rentable.

Bussiness Angels

Suelen ser personas individuales (normalmente gente de negocios exitosa) que invierten de 10,000€ a 100,000€ en un negocio que está por empezar o ya en marcha. Tienen experiencia del mercado y contactos con los que ayudar y no requieren un puesto en la toma de decisiones del negocio.

Capital de Riesgo (Venture Capital)

Suelen ser empresas que invierten en negocios ya en marcha (o en negocios nuevos con fundadores que tienen reputación) y llegan a invertir cantidades de 200,000€ a más de 1,000,000€ (el dinero proviene de un grupo de inversores). Tienen contactos y normalmente requieren tomar parte en la junta directiva del negocio.

Series A round, Series B round…

Se refiere a las rondas de financiamiento que ha habido. Series A es la primera, Series B la segunda y así succesivamente.

Photo by Xavi Esteve, Tim Dorr and net_efekt

Some naive companies are hiring SEO agencies that use these dirty tricks and although they didn’t know anything about it, they become dependant on them. Most medium and big companies can invest on SEO on a regular basis but for small ones this can be tough some times. If they ever stop using them they may find themselves in trouble since the card castle will fall with a weak blowing wind on the next Google update. Grey hat SEO techniques may become Black hat in a month, a week or even days and SEO agencies that are in the loop of Google news can usually act quickly and re-adapt their strategy to avoid getting their clients penalized. What if you don’t have an SEO agency taking care of your online presence anymore? Or if you change agencies and the current one doesn’t know the full details on the previous strategy?
Furthermore, some of these Grey hat strategies are sometimes abstract and haven’t been tested thoroughly, usually just part of a belief, thought, theory or something that “looks like it’s working” and they may be a big risk to take.

SEO shouldn’t be targeted on what currently works best to show up first on Google but on what the philosophy of Google is. This way you can ensure accumulative long term results and benefits without worrying about algorithm changes and penalization updates.

As an example, today someone called at the company I’m contracting for. They were an SEO agency experts in online marketing offering 300 manual submissions to web directories, 75 links to social networks and 6 articles posted to 25 websites every month for only £150. Seriously? This strategy of inflating websites in such an artificial way will end up exploding in a glimpse, specially now that Google is punishing cheaters harder than ever. My recommendation has been to avoid them completely and spend the £150 in getting a great article from a professional content editor instead, something that people find interesting and talk about, something that fulfils a purpose and an action as in this Effective SEO article.

Focus on what Google wants which is nothing else than improving the Internet and the overall user experience: provide people with the information they are searching for in a quick, efficient and comfortable way. Carrying out this simple strategy will become long term SEO results and constant changes to Google algorithm will not harm you, they will actually help you as Google keeps penalizing your naive competitors.

Si quiere encargar una página web o rediseñar su web existente y no sabe por donde empezar es importante tener las ideas claras de lo que se quiere y sobretodo dejárselo claro a la agencia o profesional sin dejar ninguna duda ni cabo suelto. Así conseguirá un presupuesto mucho más preciso y fechas de entrega fiables.

A continuación tiene un manual que le guiará paso a paso sobre que es lo que debe hacer para tener un plan de proyecto web robusto y que le ayude a recibir un presupuesto fiable.

Información inicial

Único punto de contacto

Empiece por escribir el nombre, teléfono, email y dirección de la persona que será el punto de contacto único de su empresa (o equipo de trabajo) con el profesional o agencia que desea contratar. Es importante establecer una persona y solo una para que la información fluya correctamente, no haya malentendidos entre ambas partes y haya un acuerdo y entendimiento en el resultado del producto final. Si contrata a una agencia que tiene un equipo de trabajo, normalmente se comunicará siempre con el jefe de proyecto. Si la agencia no tiene un jefe de proyecto, inste a esta a que establezca una única persona de contacto.
Es también recomendable explicar un poco acerca de la persona en su empresa que llevará todo el tema de la página web. Sin entrar en temas personales, introdúzca la persona y explique el nivel de conocimientos informáticos que tiene así como la familiarización que tiene con el mundo de Internet y los tecnicismos web (estándares, dominios, HTML, PHP, base de datos, etc.).

Acerca de la empresa y el mercado

Explique a qué se dedica su empresa, donde se encuentra la oficina y si tiene más de una, qué edad tiene, cuántos empleados trabajan en ella, sus puntos fuertes y debilidades.
A continuación enumere sus principales competidores y aporte todos los detalles que pueda incluyendo si tienen página web, su posicionamiento en el mercado y los puntos fuertes y débiles de cada uno. ¿Qué diferencia su empresa de sus competidores? ¿Por qué es mejor? ¿Por qué peor?

Requisitos

Su estado actual

Antes de pasar a lo que quiere es importante especificar qué material tiene hasta el momento. ¿Tiene una imagen corporativa? ¿Dispone del texto que quiere incluir en la página web? ¿Tiene una página web existente y la quiere rediseñar o mejorar? Si es así escriba la dirección web, cuándo se hizo y el autor de ella.

Planificación de objetivos

Explique de manera clara y concisa los objetivos que pretende conseguir con su nueva página web: ¿Pretende tener una presencia en el mercado online? ¿Que sus clientes puedan encontrarle con facilidad? ¿Vender sus productos en línea mediante comercio electrónico? ¿Mejorar la imagen que tiene el consumidor? ¿Hacerla más moderna?

Servicios deseados

Especifique qué servicios quiere exactamente. Puede que una vez terminado el proyecto vea como le han cobrado de más por haber creído la agencia que le faltaba algo que usted realmente no necesitaba, o puede encontrarse con que le falta algo que quería y en su momento no especificó.
Estos servicios pueden ser tan variados como: todo el texto o parte del contenido de la página web, diseño completo de la imagen corporativa de la empresa (incluyendo logotipo, paleta de colores y estilo) o simplemente de la página web, creación de un plan de marketing en linea o campaña publicitaria, registro y protección de la identidad online, programación de la página web, servicios de alojamiento y registro de dominios, promoción y posicionamiento en buscadores, estudios de usabilidad y experiencia de usuario, etc.

Diseño de identidad e imagen

Si no dispone de un logotipo y una imagen de la empresa es muy recomendable que observe si la agencia o profesional puede hacerse cargo de ello o debe buscar a otro profesional o agencia dedicada a ello. En caso de ser así, pida que le recomienden a alguien.

Diseño de página web

El diseño de una página web es algo muy personal y subjetivo. Empiece por describir cómo quiere que sea el diseño: moderno, clásico, alegre, claro, tradicional, simple, etc.
Describa los sentimientos y atributos que desea que los visitantes sientan al entrar en su página web: calor, amistad, exclusividad, seguridad, confort, excitación, etc.
Describa los atributos que quiere sugerir acerca de su empresa: honestidad, humor, profesionalidad, inteligencia, liderazgo, sofisticación, confianza, etc.
Sea realista con los sentimientos y atributos, no intente abarcarlos todos y céntrese sólo en aquellos que más le importan.
Facilitará el trabajo si enumera varias páginas que visualmente le agradan y que comparten el mismo estilo que está buscando para su página web.

Contenido y editorial

Especifique si dispone del texto que incluirá su pagina web, si ya dispone de alguien que se hará cargo de ello o si desea que un equipo de escritores especializados se encargue de redactarlo o mejorarlo. ¿Necesita ayuda definiendo estilos de escritura consistentes o estableciendo una estrategia de contenido?

Programacion y funcionalidades

¿Qué funciones quiere tener en su página web? Desde un formulario de contacto, boletín de noticias por correo electrónico, foro de debate, sistema de compra, apartado de artículos y noticias, vídeos o música reproducibles directamente en la página, archivos descargables, mapa interactivo, secciones donde sus usuarios puedan comentar, votar, compartir y/o valorar, integración con servicios externos como Facebook, Twitter, LinkedIn, etc.
Pregunte en que lenguaje de programación se codificará la página web y sus ventajas e inconvenientes.

Alojamiento y servicios

¿Sabe en que servidor quiere hospedar la página? Acepte recomendaciones.

Mantenimiento

Tiene a alguien en la empresa para que mantenga el sitio actualizado? Desea contratar a alguien para que mantenga la web actualizada? En caso de que la web se “caiga” (tenga un error que impida su funcionamiento normal), ¿quién lo arreglará? Debe tener esto claro y pedir a la agencia o profesional lo que necesite.

Estructura

Haga un esquema de todas las secciones que desea tener en su página web así como de toda la información que desea albergar en ella. Si no sabe por donde empezar, déjese recomendar por manos expertas.

Perfil del visitante

Describa los dos perfiles principales de visitantes a su sitio, su situación económica y demográfica. ¿Son científicos? ¿Gente mayor? ¿Jóvenes con poco dinero? ¿Padres? ¿Profesores?
Explique qué necesidades tendrán sus visitantes: ¿Aprender mas sobre sus productos? ¿Participar en alguna causa? ¿Ver dónde se encuentra su empresa o comercio? ¿Ver qué horario de apertura tiene su negocio?
Si ya dispone de página web, ¿qué necesidades cumple y en cuales falla?

Modo de trabajo

¿Desea que el especialista trabaje desde su propia empresa para tener un mayor control sobre el desarrollo del proyecto o prefiere que trabaje remotamente? Si trabaja en su oficina, ¿le suministrará un ordenador o tendrá que traerse su ordenador portátil? Si trabajan externamente establezca una frecuencia estimada de reuniones que desea tener con la agencia o profesional.

Fechas

Una página web completa se puede conseguir en un mínimo de dos semanas y un máximo de seis meses. Definir un calendario de fechas de inicio y finalización es importante. Si tiene una fecha límite para que la página web salga a la luz dígala. Pida a la agencia o profesional que le dé fechas clave, fases o metas durante el desarrollo del mismo (fin de la etapa de diseño, inicio de la de programación, inicio del testeo, etc.) para asegurar una comunicación fluida y que usted pueda tener un control sobre el producto (semanal, mensual…). No olvide especificar estas fechas en el contrato.

Revisiones

Establezca cuántas revisiones del producto puede hacer en total. Normalmente se le dará una o dos oportunidades para cambiar cualquier aspecto que no le agrade y suelen ser suficientes aunque puede aumentar este numero si así lo desea (incrementando seguramente el coste final). Para evitar malentendidos es muy aconsejable que establezca el número de cambios (grandes y pequeños) que puede hacer en el contrato antes de empezar.

Déjese aconsejar por expertos

El mundo de Internet evoluciona diariamente y aunque hace un mes haya oído en el diario o un amigo le cuente acerca de algo que funcionó perfectamente, puede que hoy en día ya sea cosa del pasado. Siempre escuche sus consejos críticamente e investigue en Internet.

Precio inicial y costes de mantenimiento

Los precios pueden variar mucho dependiendo del tamaño y la cantidad de funciones de la web así como de la experiencia que tenga la agencia o el profesional.
Deberá preguntar el método de cobro de la agencia o profesional: si es un precio fijo, por horas trabajadas, etc. El modo de pago también variará, es muy usual que se le requiera un pago inicial del 30% o 50% sobre el valor total.
El precio final de una página web puede variar muchísimo, por una página web sencilla le pueden pedir desde 200€ hasta 2,000€. Para páginas web con sistemas de compra personalizados o funciones especializadas fuera de lo común los presupuestos pueden rondar desde los 3,000€ hasta los 20,000€. Pida un desglose del precio y a partir de ahí considere si ciertas funcionalidades son realmente necesarias. Si tiene un presupuesto estipulado a veces es conveniente decirlo de antemano para evitar perder el tiempo.
Siempre compruebe la experiencia y el portafolio (otros trabajos realizados) de la agencia o profesional y si la página web debe costar mas de 1,000€ contrate a un consultor experto independiente para que le garantice que la razón calidad-precio de lo que le ofrecen es la adecuada (puede contactar conmigo si quiere que le asesore en ello).

Exija un contrato

Siempre exija un contrato firmado por escrito entre las dos partes, antes de empezar el trabajo, en el que se explique qué es lo que se va a realizar, cuánto va a costar y las fechas de entrega.
La finalidad del contrato es que se establezcan las responsabilidades y proteja ambas partes en caso de retrasos, impago o malentendidos. Siempre lea el contrato entero y no acepte nada ciegamente. Recuerde que el proceso de negociación existe precisamente para redactar un contrato justo entre ambas partes. Si no sabe por donde empezar o cree que el contrato que le ofrecen tiene alguna clausula abusiva o no es justo, contacte conmigo y le asesoraré en ello.

Direct link to the tool: Flicksourcer

Jonathan Foucher created Flickholdr a few weeks ago and I am impressed by how good the system is. It is not like other dummy image generators where you get a grey box or images of cats, it allows you to source random Creative Commons images from Flickr or even keyword relevant ones, scale them to your desired size and add a Copyright tag with the authors name automatically.

Flickholdr is mainly designed to be used as a placeholder image tool although I had been using it a couple times to source images for live posts in a quick way, allowing me to save time browsing Flickr for free licensed images and scaling them in Fireworks/Photoshop. The minor problem I had with Flickholdr is that I had to keep changing the URL manually one by one and finding the perfect image was quite tedious.

So I came up with this little script that loads several images in one click. You specify the image size, some relevant keywords (optional) and the quantity of images to generate. Try to keep the quantity number as low as possible since Jonathan shares the service for free and if many requests are made it can turn the service slow for other users.

Find the generator tool here:

Flicksourcer http://xaviesteve.com/pro/flicksourcer/

You can also download the source code completely for free since it has been coded using JavaScript, jQuery and HTML. If you host it in your site remember to mention and link back to Jonathan and to myself (CC-by-sa 3.0).

Another related tool

Are you constantly creating mockups and wireframes? Check out Real Ipsum, a topic oriented English dummy text generator that generates random English text which looks better than Lorem ipsum. And the bookmarklet grabs keywords from the website you choose so the text is completely relevant. Also generates people and company names, random dates, colours, etc. Check it out!

Launchlist es un servicio gratis que nos muestra una lista de las cosas que debemos tener en cuenta antes de publicar un sitio web. Nos permite enviarla por correo una vez terminado para poder imprimirlo y modificarla para anadirle lo que queramos.

Empezamos rellenando los datos del proyecto y a quien queremos enviarle el informe una vez terminado.

Y pasamos a decir Si o No a los diferentes aspectos (se pueden deshabilitar items y anadir comentarios):

Una vez terminemos de contestar clicamos en Submit Report y nos aparece el mensaje de confirmacion:

En nuestra direccion de correo recibiremos el informe:

Funciona muy bien aunque seria fantastico que se pudieran guardar los proyectos y poder actualizar la lista a medida que avanza el proyecto.

La web de Launchlist: launchlist.net

Get custom field

Will echo the “thumb” custom field:

$values = get_post_custom_values("thumb"); echo $values[0];

Custom loop

The custom loop allows you to include more than one WordPress loop in the same page:

$carrotposts = new WP_Query();
$carrotposts->query('s=carrot');
if (!$carrotposts->have_posts()) {
  /* no posts */
}else{
  /* we have posts */
  $howmany = $carrotposts->post_count;
  while ($carrotposts->have_posts()) : $carrotposts->the_post();
    /* print posts */
  endwhile;
}

Get URL of the first image in a post

Paste the function in functions.php and run it inside a WP loop or provide a post ID to target a specific one regardless of where you are.

function catch_that_image($id = '') {
 $first_img = '';
 ob_start();
 ob_end_clean();
 if (!$id) {
 global $post, $posts;
 $id=$post->post_content;
 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
 }else{
 $custompost = get_pages('include='.$id.'');
 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $custompost[0]->post_content, $matches);
 }
 $first_img = $matches[1][0];

 // no image found display default image instead
 if(empty($first_img)){
 $first_img = "/images/default.jpg";
 }
 return $first_img;
}

Resize an image easily with TimThumb and this function

Place TimThumb in your theme folder and name it thumb.php.

function timthumb($src, $w, $h) {
	$q = 90;
	$zc = 1;
	$url = get_bloginfo('template_url').'/thumb.php?src='.$src.'&w='.$w.'&h='.$h.'&q='.$q.'&zc='.$zc;
	return $url;
}

Get keywords from the URL

Gets the URL without the domain and converts hyphens and other symbols into spaces. Useful for 404 errors, you could display related tags or do an automatic search into your WordPress.

$keywords = preg_replace("/([^a-zA-Z0-9])/", " ", substr(curPageURL(), strlen(get_bloginfo('url'))+1));

Send an e-mail through WordPress

As simple and effective as that, I use it to send 404 errors and other information to my e-mail as it happens. It is highly customizable and allows you to send HTML emails too.

// sendmail (subject, message)

function sendmail($sub = "Unknown", $text = "(no text)", $to = "me@example.com") {
  $msg = '
    <html>
     <body>
       '.$text.'
     </body>
   </html>';
  $headers = array("From: Garold Walker <garold@example.com>", "Content-Type: text/html");
  $h = implode("\r\n",$headers) . "\r\n";
  wp_mail($to, $sub, $msg, $h);
}

Check if user is logged in

if (is_user_logged_in()) { /*yes*/ }else{ /*no*/ }

WordPress paths and bloginfo variables

Website path: bloginfo('url');
Template path: echo bloginfo('template_url');
CSS file path: echo bloginfo('stylesheet_url');

Charset: echo bloginfo('charset');
Blog name: echo bloginfo('name');

WordPress hooks

Remove jQuery default loading in WP

Very useful if you want to defer the loading of any Javascript to the bottom of the page. Watch out not to disable it in the admin panel (add it to the header.php of your theme instead of the functions.php):

wp_deregister_script('jquery');

Remove META GENERATOR

function i_want_no_generators() {
  return '';
}
add_filter('the_generator','i_want_no_generators');

Remove RSD link

remove_action('wp_head', 'rsd_link');

Remove Windows Live Writer

remove_action('wp_head', 'wlwmanifest_link');

PHP

These are PHP codes that don’t use the WordPress ‘framework’ but are helpful to create advanced WordPress themes.

Header info

header('HTTP/1.1 404 Not Found');

Trim text without cutting the words and adding hellip when necessary

/* This function will trim text without
cutting it in the middle of the word and
adding … if longer
*/
function trimtext($text, $length) {
	$words = explode(" ", $text);
	$newtext = "";
	$addhellip = "";
	foreach ($words as $word) {
		if (strlen($newtext." ".$word) < $length) {
			$newtext .= " ".$word;
		}else{
			$addhellip = 1;
			break;
		}
	}
	if ($addhellip) {$newtext .= "…";}
	return $newtext;
}

WordPress Relative date (without/no plugin needed)

WordPress has a function for that:

<?php relative_post_the_date(); ?>

Or also:

Published <?=human_time_diff(get_the_time('U'), current_time('timestamp'))?> ago.

And here’s a function to convert seconds to relative date. Useful to display user-friendly times. Can be highly customized: “3 minutes ago”, “in 2 hours”, “for the last 6 months”, “takes 10 seconds”…

function relativedate($secs) {
  $second = 1;$minute = 60;$hour = 60*60;$day = 60*60*24;$week = 60*60*24*7;$month = 60*60*24*7*30;$year = 60*60*24*7*30*365;
  if ($secs <= 0) { $output = "now";
  }elseif ($secs > $second && $secs < $minute) { $output = round($secs/$second)." second";
  }elseif ($secs >= $minute && $secs < $hour) { $output = round($secs/$minute)." minute";
  }elseif ($secs >= $hour && $secs < $day) { $output = round($secs/$hour)." hour";
  }elseif ($secs >= $day && $secs < $week) { $output = round($secs/$day)." day";
  }elseif ($secs >= $week && $secs < $month) { $output = round($secs/$week)." week";
  }elseif ($secs >= $month && $secs < $year) { $output = round($secs/$month)." month";
  }elseif ($secs >= $year && $secs < $year*10) { $output = round($secs/$year)." year";
  }else{ $output = " more than a decade ago"; }
  if ($output <> "now"){$output = (substr($output,0,2)<>"1 ") ? $output."s" : $output;}
  return $output;
}
echo relativedate(60); // 1 minute

Shorten a URL with Bit.ly’s simple API

function getBitLy($url) {
	$login = "yourusername";
	$appkey = "yourbitlyapi";
	$format = "txt";
	return file_get_contents('http://api.bit.ly/v3/shorten?login='.$login.'&apiKey='.$appkey.'&uri='.urlencode($url).'&format='.$format);
}

Plugin Development

Add a style sheet to your plugin Admin panel

# stylesheet
function admin_register_head() {
    $siteurl = get_option('siteurl');
    $url = $siteurl . '/wp-content/plugins/' . basename(dirname(__FILE__)) . '/style.css';
    echo "
\n";
}
add_action('admin_head', 'admin_register_head');

Add a button in your Admin panel sidebar at the top above Dashboard

add_action('admin_menu', '_add_menu_in_panel');

function _add_menu_in_panel() {
	if (function_exists('current_user_can')) {
		if (!current_user_can('manage_options')) return;
	}else{
		global $user_level;
		get_currentuserinfo();
		if ($user_level < 8) return;
	}
	if (function_exists('add_options_page')) {
		add_menu_page( 'textintitletag', 'textinbutton', 'edit_pages', 'pluginname', 'functiontoloadwhenopened', get_bloginfo('url').'/favicon.png', '-1' );
	}
}

Top photo by darwinbell

Listas de amigos de Facebook

Las listas de amigos son un metodo muy util de agrupar a tus amigos acorde a su relacion contigo (familia, companeros de trabajo, universidad, etc…)

La ventaja que tenemos es que podemos usar las Listas de Amigos como Listas de Acceso. Explicado a continuacion:

Planeando las Listas de Acceso de Facebook

Vamos a crear una lista por cada tipo de acceso. Estas son las listas de acceso que tengo configuradas actualmente:

• 01 – Estado y enlaces (los amigos en este grupo podran ver actualizaciones de estado, Intereses y de que grupos soy fan)
• 02 – Wall Posts (podran ver los mensajes del muro y escribir en el)
• 03 – Fotos (podran ver mis fotos)
• 04 – Videos (los videos son un poco mas delicados que las fotos asi que prefiero separar su acceso, por ejemplo, algunos familiares o mi jefe no quiero que vean algunos videos en los que salgo)
• 05 – Educacion y Trabajo (podran ver informacion de trabajo y mis estudios)
• 07 – Info de Contacto (podran ver donde vivo, mi numero de telefono, mi e-mail y demas informacion de contacto)
• 00 – NADA (la gente en este grupo no podra ver nada de nada aparte de la foto de perfil, perfecto para aquella gente que tienes en el Facebook y no conoces de nada, normalmente seran gente que has agregado para tener mas puntos en el algun juego de Facebook: FarmVille, Mobwars, etc. o gente que agregaste estando borracho/a y ni te acuerdas)

CONSEJO: Usa un prefijo tipo “01 - ” para diferenciar entre las listas de amigos y las de acceso.

Puedes crear mas listas y ser todo lo especifico que quieras (separar educacion de trabajo, etc.) aunque con esta configuraciontu cuenta de Facebook ya estara muy protegida. Una vez hayas acabado de configurar las listas, vamos a crearlas.

Crear Listas de Acceso en Facebook

NOTA: Las imagenes estan en ingles aunque siguiendo las instrucciones que os doy podeis llegar perfectamente, si no entendeis algun paso preguntadlo en los comentarios al final del post y lo actualizo :-)

Ves a Amigos:

Haz clic en Crear una lista arriba a la derecha:

Ahora escribe el nombre del primer grupo de acceso: 01 – Estado y enlaces.

Selecciona aquellos amigos que quieras que tengan acceso a tu estado y enlaces. Sigue este proceso hasta que hayas creado todas las listas de acceso.

Por ultimo, crea la lista 00 – NADA. Este grupo no tendra acceso a nada (aunque pertenezca a otros grupos).

Configurando las Listas de Acceso en Opciones de Privacidad

Ahora que tenemos todas las listas creadas, accede a Cuenta y luego a Configuracion de privacidad:

Recorre todas las secciones que encuentres:

Y en cada una selecciona Personalizar:

Al clicar en Personalizar aparecera una ventanita. En Hacer esto visible a selecciona Personalizar y selecciona la/s lista/s que mas se adapten a ese apartado. En Ocultar a selecciona 00 – NADA.

Aqui tienes un ejemplo de mi configuracion para que amigos pueden ver mi numero de telefono movil:

Otro ejemplo:

Sigue haciendo esto con todos los apartados. Una vez termines te quedara algo como esto:

Mantenimiento de las Listas de Acceso en Facebook

Si necesitas agregar o quitar a gente de las listas de acceso lo puedes hacer facilmente siguiendo estos pasos. Haz click en Amigos:

Apareceran todas las listas que tienes creadas. Clica en la lista que quieras modificar:

Y a la derecha clica en Editar lista:

Ahora selecciona o deselecciona amigos que quieras agregar o quitar de la lista.

Confirmando y configurando nuevos amigos

Cuando confirmes un nuevo amigo:

Al darle a Confirmar aparecera un boton que pone Anadir a la lista, haz clic ahi y aparecera una ventana:

Personaliza que listas quieres que tu amigo tenga acceso. Si no lo conoces de nada agregalo simplemente a 00 – NADA y no te preocupes que no tendra acceso a nada.

Fin :)

Ya esta! Espero que esta guia os ayude a mantener vuestra privacidad en estos tiempos que corren en Facebook.

Si tienes alguna idea o sugerencia comenta en este post y mejorare la guia.

—
Imagen de cabecera: bejealousofme

Here’s a nice way to keep your privacy settings in Facebook up-to-date and secure. It is really easy to set up and you can customize every friend individually really fast and easy. I’ve been using it for the last year and my account is as secure as I want, just sharing what I want to whom I want and hiding what I don’t want to show too in an easy way to set up and maintain.

Facebook Friend lists

The friend lists are useful to group people regarding your relation with you i.e. Family, Work colleagues, University, High School, London…

But you can also use Friend lists to create Access lists. That’s what we are going to do…

Planning the Access lists

What we will do is to create a list for each type of access. Thiese are the access lists I’ve got:

• 01 – Status and Links (friends in this group will be able to see wall posts, status updates, Interests and groups I belong to)
• 02 – Wall Posts (friends here will be able to POST on your wall)
• 03 – Photos (will be able to see your photos)
• 04 – Videos (videos are usually more embarrassing/private than photos so I prefer to separate people that can see photos and videos)
• 05 – Education and Work (will be able to see Education and Work information)
• 07 – Contact info (will be able to see your address, phone number, etc.)
• 00 – NOTHING (this people will not be able to see anything! useful for those Facebook friends you don’t know at all but you’ve added through Facebook games, because they are hot, you were drunk or [insert strange reason here])

TIP: Use a prefix like “01 - ” to differentiate between Access and normal Friend lists.

Once you’ve got your lists planned (you can be more specific and differentiate between Status updates and Interests, etc…) let’s create them.

Creating Facebook Access lists

Go to Friends:

And click on Create list:

Now type in the first access group: 01 – Status and links.

Select those friends you want to be able to see your status and links. Maybe you want just some of your family members to be able to see them, or only some work colleagues.

Keep doing this with all the above groups mentioned.

Last step is to create the 00 – NOTHING group. This group will have no access to anything, I use it for those people you just add from Facebook games like Mobwars, Farmville and so, just because you need to have more friends playing it to improve in the game but they are not really your friends.

Configuring the Access lists in Facebook Privacy Settings

Now that we’ve got all our Access lists created let’s go to set them up. Click Account, Privacy settings:

Go through all the sections:

And in each item select Custom:

A popup window will show some settings.

In Make this visible to select Custom and select one or more of the Access groups you just created. In the Except select the 00 – NOTHING.

Here are my settings for Mobile phone:

Another example:

Keep doing this for all the settings. Once you finish it should look something like this:

Editing Access lists later

If you need to edit Access lists later you can do that by clicking Friends:

A list of all the lists will show, select the one you want to edit:

And then click on Edit list at the top right:

And select or de-select friends.

Confirming or adding a new friend

When confirming a new friend:

An Add to list button will appear, click it and a popup window will show:

Customize your new friend’s access to your Facebook stuff. If you don’t know him/her just select the 00 – NOTHING and he/she won’t have access to anything.

The End :)

That’s it, hope this helps everyone be more secure online now that Facebook is messing around with their policies.

Feel free to post any suggestions or ideas to improve this.

—
Heading image credit: bejealousofme

http://skyscarf.com/m

http://skyscarf.com/m

There’s a feedback forum were you can suggest new features or bugs.

Here’s a check-list of terms that every Web Designer or Developer should know. It’s not an extensive tutorial with long definitions, just a list to check how much you know. The purpose of this post is basically intended for non-native English speakers that work in English design agencies so some of the words you’ll see here are really basic (although frequently used while at work).

Some of the definitions are made by me keeping them short and strictly to the point, some are from Wikipedia. The Learn more links to the Wikipedia article or sometimes to another website I found had more accurate information than Wikipedia.

(I’m working on it but published it prematurely since a friend needs it urgently, please search the words not still defined in Google. I’m also planning on translating the words into Spanish. Any help/feedback or corrections are truly appreciated.)

Job titles description

1. Graphic Designer: A graphic designer that does designs for things that need to be printed (posters, magazines, vouchers) or other digital pieces. Learn more
2. Web Designer: A graphic designer that specializes in designing websites. Learn more
3. Web Developer: A programmer that codes websites, converting static images to full-featured coded pages with interaction features. Learn more
4. Content Editor: A writer that creates articles, news or posts for a website. Learn more
5. Freelancer: Someone that works on short-term contracts (one week to six months but can be more or less). Usually from home but can work in the client’s office. Learn more
6. Project Manager: Learn more

Project Management vocabulary

1. Branding: The application of marketing techniques to a specific product, product line, or brand. Learn more
2. Specifications (especificaciones): Learn more
3. Deadline (fecha límite): Time when a milestone needs to be finished. Learn more
4. Milestone: The end of a stage that marks the completion of a work package or phase. Learn more
5. Target (objetivo): An objective that needs to be met. Learn more
6. Agile Development: An intense but really effective work methodology. Learn more

Graphic Design vocabulary

1. Mockup: (Esbozo) Learn more
2. Wireframe: Learn more
3. Assets: Files used during the creation of something.
4. Copy: The text that goes in a web page.

Frequently used adjectives in web design

1. Intuitive: Learn more
2. Edgy:
3. Minimal: Simple, with the fewest objects as possible and using white space in a smart way.
4. Sleek:
5. Trendy:
6. ‘Make it pop‘: Just ignore that.

Web Design vocabulary

Web Development vocabulary

1. Update (actualizacion): Part of a software that includes fixes and tweaks.
2. Upgrade (mejora): Bigger than an update, has major changes to the code.
3. Alpha release: Really early version of a product, barely functional and not thoroughly tested.
4. Beta version: The next stage in development of a product.
5. Local Server (): The server in your computer or Intranet with private access.
6. Development Server (): The server used to develop websites.
7. Staging Server (): The server used to test websites, also known as Testing Server or Environment.
8. Production Server (): The server that is published to the Internet and publicly viewable, also known as Live Server.
9. Bug: Error in the code.

Business vocabulary

1. Project Plan: Learn more
2. Salary raise (aumento de sueldo).
3. Promotion (aumento de rango, promoción)
4. Job title: (título de la profesión)
5. 60K pa: 60,000 pounds per annum (year). Learn more
6. Preview: Learn more
7. Purpose: Learn more
8. Outsource: To ask for an external company to take care of a part of a project or work. Learn more
9. Circa (aproximadamente): around, approximately. Learn more
10. Cold call: a business call to someone who doesn’t know you.

Parts of a website

1. Header (cabecera): The top part of a website that repeats along all the pages in the site. Usually composed by a logo and main heading.
2. Menu (menú): Learn more
3. Body (cuerpo, contenido): Learn more
4. Sidebar (barra lateral): Learn more
5. Footer (pie de página): Learn more
6. Quote (cita): Some text that someone wrote, normally stating an opinion on a product or service. Learn more
7. Heading (título): Learn more
8. Post (artículo): Learn more
9. Nips (trocito de texto): Small pieces of text.
10. Banner: A graphic advertisement in a website. Learn more
11. Front page (página principal): Learn more
12. Sitemap (mapa del sitio): A site map is a list of all the pages a web site has, it is accessible to crawlers or users. Learn more
13. ToS: Terms of Service. Learn more
14. Logo (logotipo): Learn more
15. Tagline (Eslogan): A tagline is a variant of a branding slogan. Learn more
16. Strapline (Eslogan): Secondary sentence attached to a brand name. Learn more
17. CTA (botón de acción): Call-to-Action. Se refiere al boton xxx Learn more
18. Theme (): A design for a website. Learn more
19. Template (plantilla): Sometimes used as a synonym for Theme. Sometimes means
20. Testimonial (): Someone’s personal experience with a product or service. Learn more
21. ROI: Return On Investment. Learn more
22. Pro-Rata: Learn more
23. Contract (contrato temporal): Learn more
24. In-house (interno): Something done for the company. Learn more
25. FY10: For year 2010. Usually used to refer for previsions and planning on that year. Learn more
26. Q3 (tercer cuatrimestre): Third Quarter. Three months. Q1 is January to March, Q2 is
27. UI (interfaz de usuario): User Interface. What the user sees and interacts with. The placement of buttons, links, text, forms… Learn more
28. Drop down (menú desplegable): Learn more
29. Radio button: Learn more
30. Checkbox (casilla): Learn more
31. Textarea (caja de texto grande): Learn more
32. RGB (Rojo, Verde y Azul): Red Green Blue. A way of writing colours for screen displays. The amount of colour for each. From 0 to 255 (like 255.0.0 would be pure red, 0.0.0 would be black, 255.255.255 is white). Learn more
33. Hexadecimal: A way of writing colours usually for websites. Learn more
34. CMYK: Cyan, Magenta, Yellow, K. A way of writing colours for printed media. Learn more
35. Web Safe colors: Traditional color palette used tune ago when screens could display limited colors and these looked different in every screen. It is not necessary to stick to web safe colors nowadays. Learn more
36. CAD: Computer Assisted Design. Used by architects and engineers to produce 2D and 3D graphics of models, buildings, etc. Learn more
37. Web 2.0: A new way of Internet were users have much more importance and can not only read content but rate, comment and participate. Learn more
38. Social network: Learn more
39. Professional network: Learn more
40. Bookmarking network: Learn more
41. Front-end: Designs the user interface with its buttons, images, boxes… and animations.
    Languages used: HTML, CSS, JavaScript, jQuery…
42. Back-end: Programs the coding and sets up the database.
    Languages used: PHP, MySQL, ASP, ASP.Net, Python, ColdFusion, ActionScript…
43. WWW: World Wide Web. The Internet. Learn more
44. FTP: File Transfer Protocol. A protocol to upload and download files from a server. Learn more

Office talk

1. ASAP: As soon as possible.
2. ATM: At the moment.
3. IMHO: In my honest opinion.
4. LOL (jajaja): Laughing out loud.
5. TY: Thank you.
6. TA: Thank you.

Techy Vocab

1. HTML: The language in which websites are coded. It is not a programming language but a markup language. Learn more
2. HTML5: The new version of HTML. xxx Learn more
3. Flash: Learn more
4. ActionScript: Learn more
5. FLV: Flash Video. A video format commonly used by web streaming services liek YouTube, Vimeo… Learn more
6. Quicktime: Learn more
7. RealPlayer: Learn more
8. Java: Learn more
9. Silverlight: Like Flash but made by Microsoft instead of Adobe. Learn more
10. CSS: The style sheet of the websites that define colors, background images, font sizes and families, etc. Learn more
11. JavaScript: A website programming language often used to enhance websites with animations, drop-down menus, etc. Learn more
12. jQuery: A JavaScript framework that makes JavaScript much easy and faster to code. Learn more
13. AJAX: A JavaScript technology that sends and receives information in a web site without refreshing the whole page (Facebook uses it a lot). Learn more
14. PHP: A website programming language. Very popular. Learn more
15. Cross-browser: Learn more
16. ASP: Learn more
17. ASP.NET: Learn more
18. Perl: Learn more
19. Production Server: Learn more
20. Development Server: Learn more
21. Apache: A web server software that can be installed in Windows, Linux, OSX and Unix. Learn more
22. IIS: A web server software from Microsoft and for Windows only. Learn more
23. Linux: (correctly written as GNU/Linux) Learn more
24. Unix: Learn more
25. OSX: The newest version of the Apple Mac operative system. Learn more
26. Chrome: An internet browser from Google. It’s fast and simple. Learn more
27. Safari: An internet browser from Apple. It’s simple and the default browser on Macs. Learn more
28. Firefox: An internet browser from Mozilla. It has lots of features and addons that help web developers and designers. It is slow and memory consuming. Learn more
29. IE: Internet Explorer. An internet browser from Microsoft. Version 6 doesn’t follow the web standards and it is a nightmare for web developers. IE7 is better but still not compliant and IE8 is quite compliant. Learn more
30. W3C: World Wide Web Consorcium. A non-profit organization that focuses on standarisation of the WWW. Learn more
31. Ruby: Another programming language. Learn more
32. RoR: Ruby on Rails. Means Ruby coding powered by a Rails server. Learn more
33. SQL: A database language. Learn more
34. MySQL: A variation of SQL optimized for websites running PHP. Learn more
35. Framework: Learn more
36. Creative Commons: Learn more
37. Copyright: Copyright is the set of exclusive rights granted to the author or creator of an original work. Learn more
38. Cookie: Learn more
39. Variable: Learn more
40. Session: Learn more
41. LAN: Learn more
42. WLAN: Learn more
43. WAN: Learn more
44. IP address: Every device that connects to the Internet has one (computers, web servers, mobile phones, printers…) Learn more
45. Hostname: Learn more
46. DNS: Learn more
47. Domain name: Learn more
48. SEO: Search Engine Optimization. Tricks and practises to improve websites so that target specific keywords in a search engine and appear first in the results. Learn more
49. SEM: Search Engine Marketing. Learn more
50. SERP: Search Engine Page Results. Learn more
51. Conversion:When a user ends a process (like visiting an informational website and buying from it). Learn more
52. Affiliate: A company that gives comissions to other companies. Learn more
53. PPC: Pay per click. Learn more
54. Google Adwords: A way to advertise. Learn more
55. Google Adsense: A way to show ads and earn money. The main difference to other advertising systems is that shows relevant ads based on the website content or what the user searched. Learn more
56. Google Analytics: Learn more
57. WordPress: A very popular and easy to use blog system. Learn more
58. CMS: Content Management System. Learn more
59. Blog: Learn more
60. Microblog: Learn more

Popular websites

1. Twitter: A real-time microblogging tool. Learn more
2. LinkedIn: A professional network to publish your work experience, offer job positions, etc.
3. Stumble Upon: Learn more
4. Digg: Visit site
5. Meneame: The spanish version of Digg. Learn more
6. Design Float: A Digg for web developers and designers. Learn more
7. Delicious: A bookmarking network. Learn more
8. Reddit: Learn more
9. Flickr: Learn more
10. DeviantArt: Learn more
11. Behance: Learn more
12. Posterous: A blogging system that automatizes everuthing and everyone can post content very easily and quick. Learn more
13. Tumblr: Like Posterous but being even more simpler (but maybe even more powerful). Learn more
14. Vimeo: Like YouTube but for artists and creatives. Higher quality videos.
15. Engadget:
16. NetTuts:
17. MakeUseOf:
18. Lifehacker:
19. Stack Overflow: Questions and Answers for programmers
20. W3Schools: Online tutorials for web development.

Advanced techy vocab

1. Localhost: The hostname of the current computer, device or server. Learn more
2. 127.0.0.1: The IP address of the current computer, device or server. Learn more
3. DoS: A denial of service attack, the most common and easy attack to web servers. It exhausts the server by sending tons of resource consuming requests. Learn more
4. XSS: Cross Side Scripting. Learn more
5. SQL injection: Learn more
6. Phishing: A fraudulent verbatim copy of a website that pretends to be the real one but gathers personal information such as passwords from users. Learn more
7. RegEx: Regular Expressions. A kind of coding that can extract and interact very accurately with text (detect valid e-mails, extract data from code…). Learn more
8. Microformats: Learn more
9. MVC: Model-View-Controller.
10. OOP: Object Oriented Programming.

Polite sentences

Interviews

• Excuse me, I have an appointment with Mr. Smith.

Top image by Stephen Mitchell