Bienvenido! - Willkommen! - Welcome!

Bitácora Técnica de Tux&Cía., Santa Cruz de la Sierra, BO
Bitácora Central: Tux&Cía.
Bitácora de Información Avanzada: Tux&Cía.-Información
May the source be with you!

Monday, November 30, 2009

10 Beautiful Serif Fonts

10 Beautiful and free must have Serif Fonts
by Antonio Lupetti If you are looking for new interesting fonts, here is a collection of ten beautiful, free and must have serif typefaces for the web and print. This collection includes Medio, Jura, Fontin, Sling, Calluna, Lido STF, Salernomi, Novello Pro, Steinem, TeX Gyre Schola.


1. Medio (download)
Medio is one of my favourite fonts designed by dotcolon (the same authors of Vegur, Tenderness and Ferrum)



2. Jura (download)
Jura is a distinctive yet readable serif typeface, suitable for headings and body content alike. It features 96 of the most commonly used glyphs (characters).



3. Fontin (download)
The Fontin is designed to be used at small sizes. The color is darkish, the spacing loose and the x-height tall. Don't forget to check Fontin Sans!



4. Sling (download)
Sling is a versatile typeface available in bold, normal and light version.



5. Calluna Regular (download)
Calluna regular is a popular typeface designed by Jos Buivenga author the best seller font Museo on myfonts.com.



6. Lido STF (download)
Lido STF is a font designed by František Štorm for the periodical Lidové noviny (People’s Newspaper). This font is a modification of the original Times New Romans font.



7. Salernomi (download)
Salernomi is an elegant typeface designed by Julius B. Thyssen. You can use it with a perfect result for the web and print.



8. Novello Pro (download)
Novello Pro is a moderate Roman typeface with round serifs and modern details designed by Ingo Zimmermann.



9. Steinem (download)



10. TeX Gyre Schola (download)
TeX Gyre Schola is another great serif font especially useful for the print.




10 Interesting fonts for web designers10 Beautiful and free fonts for web designers10 Delicious Free Fonts with commercial-use license10 Awesome typewriter fonts for web designers5 Beautiful penstyle fonts

Sunday, November 29, 2009

HTML lists

What's new in HTML 5?
There is a big and justified interest from the web community about
the changes introduced in HTML 5 and in the last weeks I'm frequently
receiving a lot of questions and requests about this topic. In this
post I want to illustrate a quick roundup of some point of interest
about the use of lists in HTML 5.
How you know HTML has three types of lists:
- <ul>, unordered list
- <ol>, ordered list
- <dl>, definition list
The HTML <li> tag defines a list item and is used in both <ul> and <ol> lists. <dt> and <dd>
tags define a definition term and the related description in a
definition list. These tags are all supported in HTML 5 version but
there are some little changes in their attributes, in particular:

<ul> and <ol>
the attribute compact and type are not longer supported in HTML 5 (you have to use CSS instead).
<li>
the attribute type, which specifies the type of the list, is not longer supported in HTML 5 (you have to use CSS instead).
The attribute value, which defines the value of the first item of the list, is not longer deprecated and can be only used with the <ol> tag.
Unordered list for navigation bar
Another lists-related question is about the structure of the navigation bar of a website with the introduction of the new <nav>
tag in HTML 5. How you know, unordered lists are commonly used to
implement the navigation bar of a website. The typical structure of a
navigation bar is a <div> tag that contains an unordered list with some items:

Here is the HTML code to implement the basic structure of a navigation bar<div id="nav">
<ul>
<li><a href="...">link 1</a></li>
<li><a href="...">link 2</a></li>
<li><a href="...">link 3</a></li>
<li><a href="...">link 4</a></li>
<ul>
</div>

In
HTML 5, the structure of a navigation bar is the same illustrated in
the previous code. The only thing that changes is the the external
"container" of the unordered list. You have to use the new <nav> instead a generic <div> tag<nav>
<ul>
<li><a href="...">link 1</a></li>
<li><a href="...">link 2</a></li>
<li><a href="...">link 3</a></li>
<li><a href="...">link 4</a></li>
<ul>
</nav>
Definition list and the <dialog> tag
Definition
lists are not frequently used in web design end a lot of people even
ignore their existence! In general their use is mainly suggested when
you have to represent a list of items with a related description for
each item of the list. Here is the code that describes a generic
definition list:<dl>
<dt>Google</dt>
<dd>Search engine</dd>
<dt>Facebook</dt>
<dd>Social network</dd>
</dl>

Here is the output in a web browser:

Google
Search engine
Facebook
Social network
HTML 5 introduces the new <dialog> tag that uses <dt> and <dl>
tags (these tag are used to define a term and its description in a
definition list) to describe a conversation. Here is an example of
dialog structure<dialog>
<dt>Anna</dt>
<dd>What time is it?</dd>
<dt>Mark</dt>
<dd>Three o'clock</dd>
<dt>Anna</dt>
<dd>Thanks!</dd>
</dialog>
And here is the output in a web browser:Anna
What time is it?
Mark
Three o'clock
Anna
Thanks!
*NOTE: the <dialog> tag has been dropped in HTML revision 3859 (2009-09-15). Thanks to Dylan for the suggestion. The new <figure> and <details> tags now use <dt> and <dl> instead of <legend>.

Friday, November 20, 2009

Twitter Tips

In Pictures: 21 Top Twitter Tips
Read the full story Daniel Adler


Tuesday, November 17, 2009

Software peligroso

Top 10 der gefährlichsten Software

Software        Nro. de fallas    Peligro (factor)
Opera                       13  6.3
Adobe Flash Player     19  7,4
Apple Quick Time        21  9,2
Sun Java                   23  7,5
Adobe Reader            23  9,2
MS Office                   30  9,3
Google Chrome          33  5,9
MS Internet Explorer  36  7,2
Apple Safari               51  8,2
Mozilla Firefox            82  6,6



Saturday, October 31, 2009

Microsoft Feeds Synchronization

Fuente por Jordi Bonet (simplificado)
Microsoft Feeds Synchronization ha detectado un problema y debe cerrarse

Microsoft Feeds Synchronization es el proceso que Windows XP utiliza para actualizar las fuentes del sistema de suscripción de fuentes RSS de Internet Explorer.

Causas
Algunos antivirus o cortafuegos no permiten que este proceso establezca una conexión con el exterior provocando que, cada vez que intente actualizar las fuentes RSS, el proceso se cuelgue y se cierre.

Tres soluciones

  • Deshabilitar el proceso de un modo permanente
  • Desactivar las actualizaciones automáticas de fuentes RSS desde las opciones de Internet Explorer 7
  • Configurar tu antivirus o cortafuegos para que permita las conexiones de este proceso

Solución 1: Deshabilitar el proceso de un modo permanente

Sin duda, ésta es la opción más rápida y eficiente. Basta con seguir los siguientes pasos para que la ventanita de aviso desaparezca para siempre.

  1. Desde el menú de Inicio, selecciona “Ejecutar”, escribe “cmd” y pulsa intro.

  1. En la consola escribe el siguiente comando y pulsa enter: msfeedssync disable

  1. Y listo. Como podrás comprobar, ya no volverá a aparecer esta molesta ventana.

Solución 2: Desactivar las actualizaciones automáticas de IE 7

Si todavía usas Internet Explorer 7 puedes deshabilitar el proceso desde las opciones del navegador.

  1. Accede a Herramientas/Opciones de Internet y selecciona la pestaña “Contenido”.

  2. En el área de “Fuentes” accede a “Configuración” y desactiva la opción “Buscar automáticamente actualizaciones para las fuentes”.

Solución 3: Configurar tu antivirus o cortafuegos

Esta es, posiblemente, la opción más compleja si no estás habituado a configurar las opciones avanzadas de tu antivirus o cortafuegos. Además, dependiendo del programa que utilices los pasos varían.

De un modo genérico, lo que debes hacer es permitir las conexiones del proceso llamado msfeedssync.exe que puedes encontrar en la carpeta C:\Windows\System32.

Thursday, October 29, 2009

Faster blog page loads

Source

The speed at which your blog loads is critical to attracting more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it. Here are a few tips and tricks that will help your blog load faster and attract more users:

Posts

Your blog's load time can be affected by the number of posts you display on your main page. You can easily edit the number of posts displayed of the main page from the Settings | Formatting tab. You can then select the number of posts you want to display on the main page. We recommend displaying 10 or fewer posts on the main page.

Third Party JavaScript and Links

For optimal blog load speed, we recommend using Google/Blogger widgets, JavaScipt and links. However, if you need to use third party JavaScipt and links, your blog will load much faster if you put all JavaScript at the bottom of your blog. If you have third party JavaScript and links in your sidebar, put them in at the bottom of the sidebar.

Images and Media

The more images, videos and other multi-media you have on your blog the longer it will take to load. However, images and other multimedia are important to attracting users to your blog, so it is important to optimize the load speed of your images and media. Here are a few tips to increase the load speed of your media:

  • Decrease the size of your images or use thumbnails that link to the full-size image.
  • If you use third party images, consider uploading them to Picasa Web Albums via the Blogger post editor.
  • If you have a large number of images to display, you can upload all your images (from a vacation or event) to a Picasa Web Album and link to the album in your post or sidebar.

Other suggestions

  • If you've added any custom CSS to your blog, make sure you put it at the top of the page.
  • The most important content of your blog that catches readers attention should load the quickest. To help you identify which items are taking the longest to load you can use Stopwatch. To use Stopwatch, enter your blog's URL into the text box and click "Start StopWatch". Stopwatch will then open your blog in a frame and will record the time it takes for everything on your blog to load, including images, videos, widgets, etc. Take note of the items that take the longest to load and modify them appropriately using our suggestions.

Windows XP Professional x64 Edition

Source

Barb BowmanIn the Expert Zone
Upgrading an AMD64 Turion Laptop to Windows XP Professional x64 Edition