:: CSS. Cómo centrar elementos HTML

Breve resumen sobre cómo centrar elementos HTML, teniendo en cuenta si son elementos de bloque o de línea.
Algo a tener en cuenta y que puede sernos de ayuda cuando estamos maquetando una web.

Fuente: Campus MVP

:: Place it. Marketing de nuestra aplicación

Place it es un servicio gratuito que nos permitirá -a partir de una imagen de nuestra aplicación- mostrarla como si estuviera siendo utilizada en el dispositivo seleccionado (tablets, PC's, iPhones,...), y en un entorno real.
Quizás con una imagen quede más claro, pero sería una sencilla manera de obtener una imagen de presentación o difusión de la aplicación que queremos promocionar.

Para ello seguimos los pasos siguientes:
1.- Seleccionamos el dispositivo o imagen real en el que queremos mostrar nuestra aplicación
2.- Subimos nuestra imagen con las dimensiones recomendadas y esta se adaptará a la pantalla del dispositivo

Más información: http://placeit.breezi.com/

:: Javascript garden. Información sobre este lenguaje

Javascript garden es una guía de documentación sobre algunos aspectos del lenguaje Javascript: objetos, errores comunes, funciones, arrays, tipos,...

Un recurso para usuarios no expertos de este lenguaje.

Para conocer los conceptos básicos de Javascript podemos consultar la siguiente guía.

Más información: http://bonsaiden.github.com/JavaScript-Garden/es/

:: WebPlatform. Documentación sobre tecnologías web

WebPlatform es una comunidad abierta de desarrolladores que aportan recursos para una mejor Web. Todo el mundo puede contribuir si lo desea.
En la web www.webplatform.org encontraremos información de interés sobre:
- HTML5
- CSS
- Canvas
- Video
- Audio
- WebGL
- Gráficos 3D
- Herramientas
- Etcétera



Más información: www.webplatform.org

:: IM Creator. Crea tu web de manera sencilla

IM Creator es una herramienta online y gratuita que nos permitirá construir nuestra web sin tener conocimientos técnicos. Para ello, deberemos seguir una serie de pasos, partiendo de una plantilla en blanco, o bien una ya predefinida y englobada dentro de las siguientes categorías:
- Más populares
- Páginas de facebook
- Fotógrafos
- Diseñadores
- Arquitectos
- Artistas
- Músicos
- Restaurantes
- Hoteles
- Otros

Una vez hayamos desarrollado nuestra web, podemos publicarla sobre un subdominio de IM Creator, o bien contratar uno propio.
Haciendo uso de esta plataforma: elegante, sencilla e intuitiva, ya se han generado más de un cuarto de millón de webs.



Más información: http://imcreator.com/

:: Clickjacking. El secuestro de clicks

El "Clickjaking" hace referencia a las técnicas que consisten en incluir códigos maliciosos dentro de una página legítima, destinados a robar o interactuar con los clicks de los usuarios.
Estas tácticas de engaño ofrecen al usuario elementos pulsables cuyo comportamiento es muy distinto del esperado o incluso sin que este sea consciente de la acción desencadenada. De esta manera, se pueden incluir elementos no visibles superpuestos a contenidos "normales" incitando a la pulsación por parte del usuario.

Una solución sería dehabilitar los scripts, pugins y javascript, pero sin embargo la gran mayoria de las páginas web no funcionarían correctamente.
En Firefox disponemos de una extensión llamada "NoScript" que controla todo el código javascript que se ejecutará al visitar una determinada web.

Que no te secuestren !!!

:: Sistema de foros PHPBB. Instalación

PHPBB es un sistema de foros gratuito cuya instalación es sencilla y su uso bastante extendido en Internet.

Los pasos para llevar a cabo su instalación son los siguientes:
1.- Los requisitos previos serán:
- Servidor web con soporte para PHP
- Bases de datos (MySQL, Access, SQL Server,...)

2.- Descargaremos PHPBB de la siguiente URL: www.phpbb.com

3.- Descomprimimos el fichero descargado en una carpeta, por ejemplo c:\PHPBB

4.- Subiremos los ficheros a nuestro hosting. En nuestro caso, la instalación será en un servidor local

5.- Abrimos la siguiente dirección a través de un navegador web: http://localhost/phpbb3

6.- Seleccionaremos la pestaña "Install" y seguiremos los pasos de instalación:
- Requisitos para su instalación
- Base de datos. Especificaremos los datos de conexión, si bien previamente tendremos que tener creada la base de datos
- Detalles de administración. Especificaremos las claves de acceso para la administración del sistema de foros

7.- Por último borraremos, renombraremos o moveremos el directorio "install", por razones de seguridad, y ya podremos acceder a nuestro sistema de foros

:: Google Analytics. Aprendiendo a usarlo

Google Analytics es la herramienta de análisis del tráfico web de un site, ofrecida de forma gratuita por Google.

A través de la herramienta podemos realizar el seguimiento de campañas de marketing online, definición de objetivos, palabras clave, análisis del tráfico de nuestra web, porcentaje de nuevos visitantes, porcentaje de abandonos,..., se trata de una herramienta de análisis, fundamental para la toma de decisiones.

A continuación puedes ver el video de introducción a su manejo:



Más información: www.google.com/intl/es_ALL/analytics/

:: Hotlinking. Robo de ancho de banda

El hotlinking o inline linking puede llegar a ser un gran problema para los webmasters y usuarios propietarios de un espacio web. La actividad que describe este término consiste en enlazar recursos (imágenes, archivos multimedia, ...) alojados en webs externas.

Por ejemplo:
- Una persona contrata un plan de alojamiento para su web con los costes habituales (espacio en disco, tasa de transferencia mensual, nº de buzones de correo, ...)
- A muchos usuarios que visitan este portal, le gustan las imágenes y desean utilizarlas, enlazándolas en sus páginas webs

De esta manera, y muchas veces de forma inconsciente, estos usuarios podrían provocar un aumento de la tasa de transfernecia, y por tanto el consiguiente pago adicional. Es decir, en lugar de descargarse la imagen y subirla a sus propios espacios webs, hacen referencia a la misma, de la forma: paginaorigen/imgs/imagen.jpg

Para evitar este problema, es posible realizar la confguración del servidor web para que atienda peticiones de recursos que estén alojados en la misma ubicación de la página que está sirviendo. De esta manera, 4 imagenes que forman parte de una página web A únicamnete serán servidas cuando se realice una petición a esta página y no desde espacios webs externos.

Algunos servicios como ImageHack permiten alojar imágenes y que estas sean referenciadas desde sitios webs ajenos. De la misma manera existen aplicaciones y configuraciones para evitar el hotlinking de las imágenes y otros recursos alojados en nuestro sitio web.

El código para una posible configuración del servidor:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?miweb.com(/)?.*$ [NC]
RewriteRule .*\.(gif|jpg|jpeg|bmp|zip|rar|mp3)$ – [F,NC]

Otra posible opcion es hacer uso del servicio "imgred.com":
A la hora de insertar una imagen en una web, en lugar de insertar la url que referencia a esa imagen, le añadiremos el prefijo "http://imgred.com/". De esta forma la petición la atenderá el servicio de ImgRed, solicitándola la primera vez y cacheándola para atender a futuras peticiones.

Para comprobar si tenemos habilitada la protección, podemos usar AltTab

:: Google Voice

Servicio gratuito - como la gran mayoria de los de Google - que nos permitirá hacer más con nuestras llamadas. Entre algunas de las características ofrecidas se encuentran:
- Disponer de un único número para nuestras llamadas y SMS's
- Poder consultar los mensajes de voz vía web, escucharlos y transcribirlos
- Llamadas gratuitas

A continuación unos videos que explican a grandes rasgos la funcionalidad de este nuevo servicio.





Más información en: google.com/voice

Por otro lado, podemos descargarnos la aplicación Google Voice Mobile para Blackberry y Android en: m.google.com/voice, pero en ambos casos sólo está disponible a través de invitación, y únicamente para usuarios de GranCentral y en Estados Unidos.

:: jPlayer. Reproductor mp3

Se trata de un plugin de la librería jQuery que permite reproducir archivos mp3 en entorno web. Además es posible realizar diversas modificaciones por medio de HTML y CSS para adaptarlo a la linea gráfica de nuestra web.

Más información en la página de jPlayer

Ejemplo de cómo utilizar jPlayer
1.- Descargar y extraer la libreria
2.- Crearemos una página HTML y referenciaremos a la libreria
3.-