Escrito por Jorge Bravo el 20 agosto, 2009
Hola a todos hoy respondere a un correo con una consulta de un amigo, que me preguntaba por programas para, generar menúes desplegables con CSSy JavaScript. Bien tratare dos puntos antes de comenzar, Leer más »
Comentaríos:
Escrito por Jorge Bravo el 17 agosto, 2009
Existen varias técnicas que usan PHP para optimizar los ficheros CSS y reducir el número de peticiones HTTP en el caso de que dispongamos de varios. La siguiente técnica es una variación de la de Reinhold Weber. Los CSS son incluidos pero no son eliminados los espacios en blancos, lo que facilita la depuración y el acceso al contenido mediante herramientas como Firebug.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <?php
if(extension_loaded('zlib')){
ob_start('ob_gzhandler');
}
header ("content-type: text/css; charset: UTF-8");
header ("cache-control: must-revalidate");
$offset = 60 * 60;
$expire = "expires: " . gmdate ("D, d M Y H:i:s", time() + $offset) . " GMT";
header ($expire);
ob_start("compress");
function compress($buffer) {
// remove comments
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
return $buffer;
}
// list CSS files to be included
include('baseline.css');
include('styles.css');
if(extension_loaded('zlib')){
ob_end_flush();
}
?> |
Via: www.webintenta.com
Comentaríos:
Escrito por Jorge Bravo el 6 agosto, 2009
Muchas veces necesitamos crear sitios atractivos para obtener mayores visitas. Podemos crear sitios atractivos de muy distintas formas; Diseñando páginas con un estilo extravagante, siendo muy minimalista, innovadores, o, utilizando únicamente JQuery y CSS.
En esta entrada os explicaré como crear un sencill0 efecto de “despliege” en una página, para mostrar, el feed RSS, por ejemplo, únicamente con CSS y JQuery.
Via : www.cssblog.es
Comentaríos:
Escrito por Jorge Bravo el 2 agosto, 2009
Todo el que actualmente este diseñando webs necesitara crear nuevos y atractivos menús de navegación para sus proyectos y aveces esta tarea de innovar se vuelve un verdadero dolor de cabeza. En webdeveloper me encontré este genial listado de 71 menús de navegación hechos en CSS de donde podemos obtener muy buenas ideas y atractivos diseños.
Los menús son de todo tipos: Verticales, horizontales, con imágenes, con varios niveles de navegación, mediante listas…
- 11 CSS navigation menus : de Exploding Boy
- 12 more CSS Navigation Menus. : de Exploding Boy
- 14 Free Vertical CSS Menus : de Exploding Boy
- 2-level horizontal navigation : demo de Duoh
- Absolute Lists: Alternatives to Divs : usando listas entre divs, de evolt
- Accessible Image-Tab Rollovers : demo de Simplebits
- ADxMenu : multiple menu examples de aPlus
- A drop-down theme : de CSS Play
- Bookend Lists: Using CSS to Float a Masthead : de WebSiteOptimization
- Bulletproof Slants : demo de Simplebits
- Centered Tabs with CSS : de 24ways
- Clickable Link Backgrounds
- Create a Teaser Thumbnail List Using CSS: Part 1
- Creating Indented Navigation Lists : Lista multinivel
- Creating Multicolumn Lists : de Builder.com
- cssMenus – 4 Level Deep List Menu : de SolarDreamStudios
- CSS and Round Corners: Build Accessible Menu Tabs : de SitePoint
- CSS-Based Tabbed Menu : menú con pestañas
- CSS-based Navigation : demo de Nundroo
- CSS: Double Lists : Simple lista que aparece en dos columnas.
- CSS Mini Tabs (the UN-tab, tab) : demo de Simplebits
- CSS only dropdown menu : de CSS Play
- CSS only flyout menus : de CSS Play
- CSS only flyout/dropdown menu : de CSS Play
- CSS only flyout menu with transparency : de CSS Play
- CSS only vertical sliding menu : de CSS Play
- CSS Swag: Multi-Column Lists : de A List Apart
- CSS Tabs : pestañas sin imágenes
- CSS Tabs : lista de varias soluciones con pestañas
- CSS tabs with Submenus : de Kalsey.
- dTree Navigation Menu : Javascripts Tree de Destroydrop
- Definition lists – misused or misunderstood? : Usos apropiados de las listas de definición
- Do You Want To Do That With CSS? – Multiple Column Lists : listas multi columnas
- Drop-Down Menus, Horizontal Style : de A List Apart
- Float Mini tabs : de Web-Graphics
- Flowing a List Across Multiple Columns : Una tabla sin usar tablas.
- Free Menu Designs V 1.1
- FreeStyle Menus : Script de menú formateado en CSS, de TwinHelix
- Hidden tab menu : de CSS Play
- How to Style a Definition List with CSS : de WebReference
- How to Style an Unordered List with CSS : de WebReference
- How to Use CSS to Position Horizontal Unordered Lists : de WebReference
- Hybrid CSS Dropdowns : de a List Apart
- Inline Mini Tabs : de Web-Graphics
- Intelligent Menus : CSS and PHP menu de PhotoMatt.net
- Inverted Sliding Doors Tabs : de 456BereaStreet
- Light Weight Multi Level Menu : de CssCreator
- List Display Problems In Explorer para Windows : Hack de lista para IE
- Listamatic : listas simples; varios estilos.
- Listamatic2
- Menus galleries in CSS and XHTML
- Mini-Tab Shapes : demo de Simplebits
- Mini-Tab Shapes 2 : demo de Simplebits
- More than Just Bullets : de W3.org
- Multiple Column Lists : de css-discuss
- A Navbar Using Lists : Una lista ligera de WestCiv
- Navigation Matrix Reloaded : de SuperfluousBanter
- Remote Control CSS : Ejemplos de listas con estilos distintos
- Remote Control CSS Revisited – Caving in to peer pressure
- Rounding Tab Corners : by Eric A. Meyer.
- Simple CSS Tabs : de SilverOrange
- Simplified CSS Tabs : demo de Simplebits
- Sliding Doors : de A List Apart
- Spruced-Up Site Maps : sitemaps as lists
- Styling Nested List : de SimpleBits
- Suckerfish Dropdowns : de HTMLDog
- Tabtastic : Gavin Kistner.
- Tabs Tutorial de BrainJar
- Taming Lists : de A List Apart
- Turning a List into a Navigation Bar : de 456BereaStreet
- Ultimate css only dropdown menu : de CSS Play
Vía : WDeveloper
Comentaríos:
