Acelera el inicio de Firefox con IniFox

Hey… despues de una larga temporada de molestias (”pu… adre, c…ño, mi….da, p…to firefox”) de mi jefe por que le petaba el ordena el firefox…
investigue un poco acerca de acelerar la carga del firefox y eh dado con una solucion que nos brinda Javier Aroche de maestros del web, que inspiro a Marcelo Rivero a crear esta pequeña aplicacion llamada Inifox para los usuarios de Win2.

Cita:

La manera de ejecutar “IniFox” es muy sencilla, pero requiere de algunos pasos previos que describo a continuación:

Alex Aguiar Dice:
Si funciona, si acelera el tiempo de carga cuando el programa inicia… igual consume menos ram lo recomiendo, pruebenlo ustedes mismos chao.

Fuente:
Infospyware.com || Acelera el inicio de Firefox con IniFox
Maestros Del Web || Acelerar el inicio de Firefox 3.5 Beta

Aquí les dejo los links para poder descargar los plugins del reproductor de Video Streaming Shoutcast, estos plugin son importantes cunado transmites desde le programa de NSVCAP – DirectShow Video Capture.

Has click en los enlaces para descargar las versiones.

Mozilla Firefox 3.0.x
Mozilla Firefox 3.5.x

Espero que les sea de Utilidad.

La propiedad line-height, nos permite alinear elementos verticalmente que esten dentro de un contenedor con una altura fija o bien “preestablecida”, y haci hacer que queden “centrados vericalmente” todos los elementos hijo del contenedor.

Ejemplo

1
2

li  {height: 50px;}
li a{line-height: 50px;}

la altura del “line-height” debe ser relativa a su contenedor.

Algunos valores de esta propiedad son:

normal
sera interpretado… como el predeterminado por el navegador

number
este multiplica el tamaño de fuente para establecer la altura de linea

length
Un salto de línea en px, pt, cm, etc…

%
sera interpretada la altura de línea en porcentaje con el tamaño de la fuente establecida

inherit
simplemente hereda el salto de linea… (IE8 y sus anteriores no lo soportan)

Nota: No funciona con imagenes… y da problemas en IE6… <button> e <input />… recomiento utilizarlo… en zonas especificas como en menus… o bien trozos de contenidos… para hacer mas comoda la lectura… enfin… debemos considerarlo para lo que es y sirve… para centrar textos perticalmente y dar saltos de linea…

Bueno siempre me han preguntado “De donde rayos sale ese borde”? si tengo en mis estilos en el reset css *{border:0;}” (chiste)… pues si a muchos les ha pasado que cuando andamos en FF, a los enlaces cuando tienen el foco (al darles click) aparece un molesto borde punteado al rededor…

Esto es para resaltar el elemento que tiene el foco con el resto, pero bueno, este “borde” o “contorno” “fastidioso” (para muchos) que tienen los enalaces lo podemos arreglar de esta manera.

1

a{outline:0;}

Sencillo no?… y bueno acontinuacion les dejo las variantes que podemos hacer con esta propiedad.
Ver demo en linea

Navega a todos lados escuchando Radio

Esta aplicación es muy interesante para todas aquellas paginas que son radio por Internet y desean que sus usuarios tengan la facilidad de poder escuchar su radio en cualquier momento en que esten navegando. 

Esta aplicación es muy interesante, solo tienes que registrarte en Conduit y podras crear tu barra de radio y generar un instalador para que tus usuarios la descarguen.

Le puedes agregar diferentes funcionalidades entre ellas lector de feed, reproductor de radio shoutcast, reproductor de video streaming, buscador de google, notificador de correos y demas.

Caracteristicas:

	Powerful Search Búsqueda Potente	Powered by Google Powered by Google Add any custom search Añadir cualquier búsqueda personalizada
	Branding and Design Marca y Diseño	Logos, icons and images Logotipos, iconos e imágenes Labels and spacers Etiquetas y separadores
	RSS Readers Lectores de RSS	Always–on and up–to–date Siempre-y hasta la fecha Easily add all your feeds Añadir fácilmente todos tus feeds
	Radio Player Radio Player	Podcasts and streaming audio Podcasts y streaming de audio All popular media file formats Todos los medios de comunicación populares formatos de archivo
	Floating Gadget Boxes Cajas flotantes gadget	Add all your gadgets Añadir todos tus gadgets Persistent / floating / minimize Persistente / flotantes / minimizar
	Web Gadget Libraries Web de Bibliotecas de gadgets	Hundreds provided off–the–shelf Cientos siempre fuera de la plataforma Add from other libraries too Añadir también de otras bibliotecas
	Toolbar Gadget Boxes Cajas de herramientas de gadget	Push your site to the toolbar Empuje su sitio a la barra de herramientas Any content or application Cualquier contenido o la aplicación
	E–mail Notifier E-mail Notificador	Notifications of incoming mail Notificaciones de correo Configurable for any E–mail Configurable para cualquier E-mail
	Weather Tiempo	Available in any language Disponible en cualquier idioma Current and forecast Actual y las previsiones
	Community Conversations Conversaciones Comunidad	Chat for you & your subscribers Chat para que usted y sus usuarios Community message board Foro de la comunidad
	News Tickers Noticias Tickers	Visibly scroll news feeds Visiblemente desplazarse de noticias Scrolling text and links Desplazamiento de texto y enlaces
	Pop–up Blocker/Privacy Bloqueador de elementos emergentes de privacidad	Block annoying pop ups Bloquea molestos pop ups Cookie and history cleanup La limpieza de cookies y la historia
	Link Menus Enlace Menús	Organize with multiple layers Organizar con múltiples capas Pre–defined or dynamic items Pre-definidos o elementos dinámicos
	Buttons Botones	Link to any web page Enlace a cualquier página web Launch gadgets and apps Lanzamiento de los gadgets y aplicaciones

Espero que les sea de ayuda y que empiesen a promocionar al maximo su Radio por Internet!!

Ahora veremos como agregar opacidad con CSS a nuestros elementos… HTML, simplemente agregamos

1
2
3

		-moz-opacity:.5;	/*Para Firefox, opera y similares*/
		opacity:.5;/*Para IE8*/
		filter:alpha(opacity=50);/*Para el resto de IE*/

Y simplemente variamos los numeros a nuestro antojo, y asi alcanzar el tono deseado de opacidad. Claro tendriamos que agregarle un color de fondo o una imagen si queremos para ver el efecto opaco… con mas claridad (chiste)

1

background:#000;

Listo pero que pasa!!! todo el div incluso todo lo que hay dentro de el se puso opaco… y pocos queremos eso la verda… asi que aqui viene… mas que un fix… una solucion diferente pero la correcta.

Fix para no “Heredar opacidad CSS”

crearemos un div con posicion relativa y dentro de este crearemos un div con nuestro contenido (que no queremos que herede opacidad) en posicion absoluta y luego el div que tendra el color de fondo y la opacidad que estara debajo para dar este efecto correctamente.

1
2
3
4
5

<div class="confix">
<div class="sin_opacidad">esto sera nuestro contenido sin opacidad</div>
<!--esto sera nuestro div con opacidad-->
<div class="contenido"></div>
</div>

Y con este CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

/*Div CON FIX*/
.contenido, .sin_opacidad{font-size:20px;color:#FF0;}
.confix{width:350px;height:200px;margin:10% 50px 0 0;float:left;
		/*Importante*/
		position:relative;/*Importante para el FIX*/
	}
/*Div con opacidad Fix*/
.confix .contenido{width:100%;height:100%;padding:10px;
		/*Importante*/
		background:#000;
		-moz-opacity:.5;	/*Para Firefox, opera y similares*/
		opacity:.5;	/*Para IE8*/
		filter:alpha(opacity=50);/*Para el resto de IE*/
	}
/*Div posicion absoluta FIX*/
.sin_opacidad{
		/*Importante*/
		position:absolute;
		z-index:1;
		top:10px;
		left:10px;
	}

Y listo opacidad + fix…
NOTA:No es válido para W3C. -moz-opacity y opacity hasta  CSS3 si.

Ver el ejemplo en linea