Tag Archive for: css

31Oct 2012 3 Comments */?>

Generador automático de CSS Sprites

Categories: Recursos - Tags: ,

Los CSS Sprites son básicamente muchas imágenes combinadas en una sola. Cada vez que una web carga y carga cada imagen se genera un http request. Si tenemos 20 imagenes se haran 20 request bajando así enormemente el rendimiento de nuestro sitio.

Si juntamos esas 20 imágenes en 1 el incremente de velocidad será notable. Pero no solo se trata de velocidad, sino también de los recursos de nuestro servidor.

Si nuestra web crece y tenemos por ejemplo 100 conexiones simultáneas, nuestro servidor estará manejando 2000 requests tan solo en imágenes!! Una locura!! Con nuestro css sprite tan solo serian 100 requests. Como ven a medida que crece más beneficios tendremos.
Read more

15Jun 2012 3 Comments */?>

Columnas CSS para tu diseño

Categories: Recursos - Tags:

Las columnas CSS son unas simples reglas que te van a permitir realizar diseños más facilmente. Yo personalmente las utilizo en todos mis trabajos e inclusive agrego creo y agrego shortcodes a WordPress para usarlas dentro del editor.

A continuación les dejo el código CSS necesario para usarlo.

Read more

09Nov 2011 1 Comment */?>

15 Generadores de CSS3 Online

Categories: Recursos - Tags: , ,

Hoy les traigo una colección de generadores online de CSS3. Ideal para gente vaga o con poco sentido del diseño como yo jejeje ya que con un par de clicks pueden crear botones css3, degradados css3, bordes redondeados y un montón de cosas más. Los animo a probarlos!!
Read more

27Oct 2011 2 Comments */?>

5 Shortcodes útiles y faciles de implementar para WordPress

Categories: Recursos, Tips de wordpress, Wordpress - Tags: ,

Hoy les traigo 5 shortocodes de WordPress poco comunes y super útiles que van a dejarlos con la boca abierta!!
Más adelante les voy a explicar como englobar todas estas funciones o shortcodes dentro de un plugin para no llenar nuestro functions.php de shortcodes.

Los shortcodes que vamos a ver son : Mostrar un snapshot de una página web , Añadir un botón de donaciones de Paypal, Ofuscar direcciones de email, Generar contenido privado y Mostrar solo en los feeds de RSS.

Read more

24Oct 2011 0 Comments */?>

Centrar menu con submenu de ancho variable con CSS

Categories: Tutoriales - Tags: , ,

Si en el artículo anterior les explique una forma de centrar menus de ancho dinámico , ahora les explico como hacer lo mismo cuando el menu tiene un submenu o dropdowns. Para ellos tan solo hay que cambiar algunas reglas.

Read more

24Oct 2011 5 Comments */?>

Centrar menu con ancho variable solo con CSS

Categories: Tutoriales - Tags: , ,

Cuando tenemos un menu y no sabemos el width del mismo se complica un poco a la hora de centrarlo en nuestras webs. A veces no sabemos el width porque ni siquiera controlamos los elementos del menu , sino que estos son añadidos a gusto y piacere del usuario como en el caso de usar WordPress Nav menus.

Hay varias soluciones para este problema pero la que más me gusta a mí es la siguiente:

Read more

15Oct 2011 1 Comment */?>

Optimizador online de CSS

Categories: Recursos - Tags:

Hoy encontre una herramienta muy útil y creo que merece la pena compartirla. Es un optimizador de CSS online que ademas de ordenar y comprimir optimiza nuestro CSS.
Por ejemplo si tenemos las siguientes reglas:

1
2
3
4
5
6
7
8
9
p {
    background:#000000;
    margin: 10px;
}
a { color:black;}
p {
   padding-left:10px;
   color:#444444;
}

Lo convierte en :

1
2
3
4
5
6
7
8
9
10
p {
background:#000;
padding-left:10px;
color:#444;
margin:10px
}
 
a {
color:#000
}

Interesante no? Pueden acceder al optimizador de CSS en http://floele.flyspray.org/csstidy//css_optimiser.php?lang=en

Saludos