Archivo

Entradas Etiquetadas ‘código’

Hace poco mas de un mes encontré un buen post de gHacks (uno de mis blogs favoritos) con la noticia de que en los resultados de búsqueda de Google comenzaba a aparecer la foto del autor del artículo mostrado. Ahí mismo nos enseña los pasos para hacer que nuestro blog cuente con la foto del autor cuando uno de nuestros post se muestre en Google, pero esto en el caso de que Google así lo quiera porque no está activo para todos, al menos no por ahora. Aún así al tener todo configurado desde ahora, cuando llegue el momento tú ya tendrás tu sitio listo.

Foto de autor en Google

Lo primero que debemos hacer es actualizar nuestro perfil de Google profiles.google.com (ahora es nuestro perfil de Google+) con nuestra información y en los enlaces de ‘Vínculos recomendados’ y ‘Colaborador en’ colocamos la dirección de nuestro blog. Si somos usuario de Google+ nuestro perfil lo encontramos en en la pestaña ‘Sobre mí’ que está al lado de ‘Publicaciones’.

Ahora viene la parte que debemos agregar a nuestro blog. La opción más sencilla es colocar un enlace hacia nuestro perfil de Google desde todos los post, podemos colocarlo junto a nuestros tags o donde mejor nos parezca. Debemos editar nuestro index.php y single.php para colocar el enlace hacia el perfil del autor:

<a rel="author" href="https://plus.google.com/105794724836480275941/about" title="Escrito por Braulio Aquino">Escrito por Braulio Aquino</a>

Listo, ya está, para saber sí funcionó visita google.com/webmasters/tools/richsnippets y fíjate como se mostrarán tus resultados.

Con esos pasos son suficientes, pero sí deseas puedes colocar el enlace hacia el perfil creado desde tu sitio (siempre colocando rel=”author”) y en el perfil creado hacer el enlace hacia el perfil de Google con el atributo rel=”me” para mostrar la foto.

border-radius, box-shadow, y linear-gradient son propiedades de CSS3 que todo navegador respetable puede interpretarlo, pero ie6, ie7 e ie8 no. Internet Explorer 9 al fin si lo reconoce.

Si quieres usar estas propiedades en Internet Explorer existe una sencilla solución, se llama Css3Pie. Por ejemplo, si quieres usar esquinas redondeadas hacemos lo siguiente:

#ejemplo{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

Pero el efecto no se ve en IE, entonces a estos códigos le agregamos behavior:url(PIE.htc)

#ejemplo{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
behavior: url(PIE.htc);
}

donde PIE.htc es un archivo que podemos descargarlo desde css3pie.com el cual debemos subirlo donde queramos.

El mismo método se usa para box-shadow y linear-gradiente (con sus variantes para Firefox y Safari), siempre usando behavior: url(PIE.htc);

Actualmente lo vengo usando en algunos sitios con buenos resultados. Sólo he encontrado un problema, cuando necesito usar el border-radius y una imagen o color de fondo es necesario agregar position:relative; para que las esquinas redondeadas se vean bien.

#ejemplo{
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
border-radius:0.5em;
background:url('img/ejemplo.jpg');
position:relative;
behavior: url(PIE.htc);
}

Hace unos días viene circulando por la red un video realizado por Techcrunch mostrando una versión de prueba del buscador de Google que sólo muestra el logo y la caja de búsqueda. Es un efecto interesante, desaparecen el texto restante pero al mover el mouse estos vuelven a aparecer.

Leer más…

Notepad++ es un excelente editor de texto por pestañas, gratuito y que reconoce diferentes tipos de lenguajes de programación. Un reemplazo perfecto para el clásico Bloc de notas ya que además cuenta con la ventaja de consumir menos recursos y poder abrir enormes archivos de mas de 30 Mb sin problemas ya que está basado en el componente de edición Scintilla y escrito en lenguaje C++.

Actualmente puedes descargarlo desde su versión 5.0 Beta (click aquí), si necesitas personalizarlo aun más puedes descargar los Plugins desde su propia web (click aquí), y otra de las cosas interesantes es que admite la edición en pantallas divididas, algo realmente útil.

En resumen, sus principales atractivos son:

  • Edición por pestañas.
  • Sintaxis coloreada y envoltura de sintaxis.
  • Puedes imprimir tu código fuente a colores.
  • Permite al usuario definir su propio lenguaje.
  • Autocompletado.
  • Pantalla dividida (horizontal o vertical).
  • Buscar y reemplazar.
  • Drag and drop (arrastrar y soltar).
  • Zoom.
  • Funcionamiento en multi-idiomas.
  • Puntos de Marca.
  • Resaltado de paréntesis y sangría.
  • Grabación y reproducción de macros.

Lenguajes soportados :

C C++ Java C# XML HTML
PHP CSS makefile ASCII art (.nfo) doxygen ini file
batch file Javascript ASP VB/VBS SQL Objective-C
RC resource file Pascal Perl Python Lua TeX
TCL Assembler Ruby Lisp Scheme Properties
Diff Smalltalk Postscript VHDL Ada Caml
AutoIt KiXtart Matlab Verilog Haskell InnoSetup
CMake YAML

Web oficial: notepad-plus.sourceforge.net
Descarga: sourceforge.net