Blog and Web

ColorCombos es un sitio que apartir de la dirección de tu web te brinda una gama de colores que combinan, con su respectivo código hexagesimal. También cuenta con una libreria de paletas de colores listas para usarse, puedes ver cada una de ellas o buscar por tono. Ademas de un probador/comparador de entre dos colores.

Sitio: http://www.colorcombos.com

En base al artículo “Abrir los links externos en una nueva página con Javascript” adaptamos el script para usarse en Blogger y que se abran automáticamente todos los enlaces externos en una nueva página.

1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML”.



2. Buscamos el texto:

   ]]></b:skin>

   y justo después de él colocamos:

   <script language='javascript'>
   var dominio = "www.tublog.blogspot.com";
   var dominio1 = "tublog.blogspot.com";
   var script = "javascript:void(0);";
   var imagenesblogger0 = "bp0.blogger.com";
   var imagenesblogger1 = "bp1.blogger.com";
   var imagenesblogger2 = "bp2.blogger.com";
   var imagenesblogger3 = "bp3.blogger.com";
   var blogger1 = "www.blogger.com";
   var blogger2 = "www2.blogger.com";
   var publicidad = "pagead2.googlesyndication.com";
   function LinksExternos() {
   var Externo;
   if (document.getElementsByTagName('a')) {
   for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) {
   if (
   Externo.href.indexOf(dominio) == -1 &amp;&amp;
   Externo.href.indexOf(dominio1) == -1 &amp;&amp;
   Externo.href.indexOf(script) == -1 &amp;&amp;
   Externo.href.indexOf(imagenesblogger0) == -1 &amp;&amp;
   Externo.href.indexOf(imagenesblogger1) == -1 &amp;&amp;
   Externo.href.indexOf(imagenesblogger2) == -1 &amp;&amp;
   Externo.href.indexOf(imagenesblogger3) == -1 &amp;&amp;
   Externo.href.indexOf(publicidad) == -1 &amp;&amp;
   Externo.href.indexOf(blogger1) == -1 &amp;&amp;
   Externo.href.indexOf(blogger2) == -1
   )
   {
   Externo.setAttribute(’target’, ‘_blank’);
   //Externo.setAttribute(’class’, ‘linkexterno’);
   }
   }
   }
   }
   window.onload = function() {
   LinksExternos();
   }
   </script>

3. En el código anterior sustituye www.tublog.blogspot.com y tublog.blogspot.com con la dirección de tu blog (con y sin www respectivamente) y listo.

Mediante un script podemos abrir todos los enlaces externos en una nueva página, ahorrandonos la inclusión en cada uno de ellos de “targen=_blank” y de paso validamos nuestra web con ello.
Continuar leyendo →

Dentro de la gran cantidad de servicios, buscadores, lectores, etc. que trae consigo la interacción de los usuarios y la filosofia de la Web 2.0, la Fundación Orange hace un mapa con los principales proveedores en la red. De mucha utilidad cuando no se conoce toda esta gama.

Este mapa agrupa de forma visual los principales conceptos que habitualmente se relacionan con la Web 2.0, junto con una breve explicación. Además se han seleccionado algunos ejemplos de servicios de la Internet hispana que suelen enmarcarse en la Web 2.0. También se incluyen algunos representantes globales habitualmente utilizados por el público hispano. Un glosario técnico explica con mayor detalle algunas de las tecnologías y acrónimos asociados con este fenómeno. Este mapa forma parte del libro La Web 2.0 publicado por la Fundación Orange.

En su web puedes descargar el mapa en varios tamaños y formatos.

Sitio: http://www.internality.com/web20

Esta es una lista recopilatoria de sitios web que nos ofrecen iconos web gratuitos o bajo ciertas licencias de uso que nos permiten usarlas libremente al reconocer la autoría con un link.

1. Web: FamFamFam



Descripción:Contiene iconos practicamente para cualquier aplicación, muy bien realizados y diversos.
Licencia de uso: Creative Commons Attribution 2.5 License.

2. Web:Pinvoke



Descripción: Paquete con más de 200 iconos web, diverso y con gran calidad.
Licencia de uso: Creative Creative Commons Attribution 3.0 license.

3. Web: Crystal Clear



Descripción: Una basta serie de bonitos iconos cristal clasificados en aplicaciones, dispositivos, formatos y más.
Condisión de uso: Reconocer autoria

4. Web: Fast Icon



Descripción: Una serie pequeña de iconos pero muy bien logrados, para web, aplicaciones de Adobe y dispositivos moviles.
Licencia de uso: Gratis

5. Web:Sweetie



Descripción: Una serie pequeña de iconos web bien realizados y con un sutil volumen.
Licencia de uso: Attribution-ShareAlike 3.0

6. Web: ExplodingBoy



Descripción: Iconos de navegación web.
Licencia de uso: Gratis

7. Web: Bartelme



Descripción: Varios iconos de formatos.
Licencia de uso: Gratis

8. Web: Ndesign Studio



Descripción: Un conjunto de iconos minis para web, formatos de archivo, comercio, usuarios y diseño en general.
Terminos de uso: Uso personal y regresar un link a la web de los iconos

9. Web: iLEMONed



Descripción: Una serie de iconos muy al estilo Web 2.0 de servicios populares en internet.
Licencia de uso: GNU

10. Web: Brand Spanking New



Descripción: Una basta serie de iconos pequeños en blanco y negro.
Licencia de uso: Creative Commons Attribution-ShareAlike 2.5

11. Web: 2pt3



Descripción: Una pequeña serie de iconos en dos tonos.
Licencia de uso: Gratis.

12. Web: Some Random Dude.



Descripción: Una serie de iconos en dos tonos clasificados en objetos, acciones, controles multimedia, media, navegadores, fechas, emoticons y flechas.
Licencia de uso: Gratis.

13. Web: Drunkey Love



Descripción: Es una seria de arriba de 100 iconos 16×16px para varios usos.
Licencia de uso: Gratis.

14. Web: Strawbee



Descripción: Son 21 iconos de 16×16 px para la web.
Licencia de uso: Gratis

15. Web: E-lusion



Descripción: Una serie de iconos en escala de grises destinadas al web.
Licencia de uso: Creative Commons Attribution 2.0 Australia

16. Web: tpdkdesign.net



Descripción: Una serie de iconos 3D para varias aplicaciones web y software.
Licencia de uso: Libre para uso no comercial