IE7-js: Biblioteca para hacer compatible con los estándares a IE

0 COMENTARIOS -  Publicado hace 26 meses -  Clasificado en: , , ,

IE7-js es una biblioteca de Javascript para que Internet Explorer se conmporte como un navegador acorde con los estándares. Corrige muchos de los comportamientos por todos conocidos por IE además de hacer funcionar correctamente los PNG transparentes correctamente bajo IE5 e IE6. IE7-js se compone de dos ficheros javascript:

IE7.js: que actualiza IE5 y IE6 para ser compatibles con IE7. 

<!--[if lt IE 7]><br><script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script>
<![endif]-->

IE8.js: que actualiza IE5-7 con características avanzadas que todavíaa no se encuentran en la versión 7 de Internet Explorer. 

<!--[if lt IE 8]><br><script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE8.js" type="text/javascript"></script>
<![endif]-->

Vale la pena pasarse por la demo para ver las propiedades y selectores CSS, que se han corregido o a los que se ha añadido soporte.

Algunas entradas relacionadas:

 

22 recursos para crear fácilmente CSS Layouts

0 COMENTARIOS -  Publicado hace 27 meses -  Clasificado en: , ,

Los diseñadores y desarrolladores web siempre andamos buscando la forma de ahorrar tiempo y simplificar el proceso de diseño. Por ello nos nutrimos de un buen número de enlaces y recursos que nos pueden facilitar la tarea. En esta lista se nos ofrece una recopilación de recursos que nos ayudarán a crear la estructura de los diseños basados en CSS.

22 recursos para crear fácilmente CSS Layouts » »

Algunas entradas relacionadas:

 

Lo mejores diseños con CSS del 2007

0 COMENTARIOS -  Publicado hace 27 meses -  Clasificado en: , , ,

50 diseños seleccionados manualmente por la gente WebDesignerWall.

Best CSS 207

Algunas entradas relacionadas:

 

Los medios de CSS

0 COMENTARIOS -  Publicado hace 28 meses -  Clasificado en: ,

KilianValkhof.com, a raíz de un proyecto que tuvo que desarrollar su autor, ha publicado un artículo acerca de los tipos de medio de CSS. Los medios de CSS permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, impresora, móviles, proyector, etc. Todos conocemos el media="print", pero hay muchos más. En concreto, ahora mismo, se definen 10 tipos en la especificación CSS 2. Aunque en el futuro es muy probable que el número crezca.

  • all (Todos): Apto para todos los dispositivos.
  • aural (Fonética): Destinados a los sintetizadores de voz.
  • braille (Braille):Destinados a la retroalimentación táctil dispositivos Braille.
  • embossed (En relieve):  Una ligera variación de Braille, al parecer,  es para impresoras Braille, y por lo tanto, ofrece paginación.
  • handheld (De mano): Para usar en su teléfono móvil u otros dispositivos de mano.
  • print (Imprimir): Presentaciones de documentos destinados a la impresión.
  • projection (Proyección): documentos destinados a la proyección, por ejemplo, proyectores de transparencias o impresoras de transparencias. Ofrece paginación.
  • screen (Pantalla): la más conocida, la que siempre usamos cuando trabajamos para las pantallas de ordenador.
  • TTY: Destinados a los medios de comunicación a través de una instalación de visualización tipo parrilla, como teletipos, terminales, o dispositivos portátiles con capacidades limitadas de pantalla.
  • TV: Destinado a dispositivos tipo televisión.

El tipo o tipos de medio al que va dirigida una hoja de estilo puede especificarse en el atributo media en los elementos link o style (separados por comas en el caso de ser más de uno): 

<link href="pantalla.css" media="screen" type="text/css" rel="StyleSheet" />
<style media="screen,print" type="text/css"></style>

También definidos con las reglas de tipo @media 

@media print {
     h2 { page-break-after:avoid; }
}

o definidos con las reglas de tipo @import 

@import url("estilos_basicos.css") screen;
@import url("estilos_impresora.css") print;

Más información acerca del tema en W3.org

Algunas entradas relacionadas:

 

13 menús CSS/Javascript

0 COMENTARIOS -  Publicado hace 28 meses -  Clasificado en: ,

Recopilación de 13 bonitos menús realizados con CSS y Javascript. Por cada menú mencionado hay una captura de pantalla del mismo y un link a un ejemplo si éste está disponible.

13 menús CSS/Javascript

Algunas entradas relacionadas:

 

Realizar destacados con CSS

0 COMENTARIOS -  Publicado hace 29 meses -  Clasificado en: ,

Uno de los elementos que más se utiliza en la maquetación de artículos, en medios tradicionales, es la utilización de destacados textos empleados para resaltar alguna frase o declaración especial, que poseen un cuerpo mayor al del resto del texto y que generalmente van en cursiva y/o negrita. Para su maquetación con CSS podemos hacer uso de float. Con la propiedad float podemos hacer que el destacado flote a la derecha o a la izquierda del borde del elemento superior. Cuando un elemento está flotado se quita del flujo normal de la página, lo cual es muy útil para realizar este tipo de composiciones. También podemos utilizar la propiedad padding para separar el contenido del destacado de su borde y la propiedad margin para separar el destacado del texto exterior. Un ejemplo podría ser: CSS: 

#noticia{
         font-family: "Lucida Sans Unicode", sans-serif;
         font-size: 13px; color: #777;
         line-height:20px; text-align:justify;
 }
.destacado {
         font-family: Georgia, "Times New Roman", Times, serif;
         float:left;
         color:#993300;
         width:200px;
         padding:6px;
         margin-right:10px;
         position:relative;
         font-size:18px;
         font-weight:normal;
         text-align:left;
         font-style: italic;
         border-top:4px solid #CCC;
         border-bottom:4px solid #CCC;
}
HTML: 
<div id="noticia">
<p>Todos los grupos políticos querían salir en la foto del Internet barato y de calidad para todos. Así que han vuelto a retorcer el lenguaje para lograrlo. La Comisión de Industria del Congreso de los Diputados aprobó ayer por unanimidad una enmienda transaccional que,Se da luz verde a la banda ancha universal para 2008 pero sin garantía de financiación teóricamente, garantiza que el Gobierno y las Comunidades Autónomas deberán conseguir antes del 31 de diciembre de 2008 la cobertura de servicio universal de banda ancha en todo el Estado. En concreto, la nueva la<span class="destacado"> Ley de Medidas de Impulso a la Sociedad de la Información (LISI)</span> señala que antes de esa fecha se garantice “una cobertura de servicio universal de conexión a banda ancha, para todos los ciudadanos, independientemente del tipo de tecnología utilizada en cada caso y de su ubicación geográfica”, pero “siempre que sus peticiones sean razonables“ y “en los términos que se definan por la normativa vigente”.</p>
</div>

Lo que daría como resultado:

Todos los grupos políticos querían salir en la foto del Internet barato y de calidad para todos. Así que han vuelto a retorcer el lenguaje para lograrlo. La Comisión de Industria del Congreso de los Diputados aprobó ayer por unanimidad una enmienda transaccional que,Se da luz verde a la banda ancha universal para 2008 pero sin garantía de financiación teóricamente, garantiza que el Gobierno y las Comunidades Autónomas deberán conseguir antes del 31 de diciembre de 2008 la cobertura de servicio universal de banda ancha en todo el Estado. En concreto, la nueva la Ley de Medidas de Impulso a la Sociedad de la Información (LISI) señala que antes de esa fecha se garantice “una cobertura de servicio universal de conexión a banda ancha, para todos los ciudadanos, independientemente del tipo de tecnología utilizada en cada caso y de su ubicación geográfica”, pero “siempre que sus peticiones sean razonables“ y “en los términos que se definan por la normativa vigente”.

Algunas entradas relacionadas:

 

Logic CSS framework

0 COMENTARIOS -  Publicado hace 29 meses -  Clasificado en: , ,

The Logic CSS framework es una colección de archivos CSS y utilidades PHP destinados a reducir los tiempos de desarrollo cumpliendo con los estándares de diseño XHTML. Entre sus características cabe destacar: Un comportamiento multinavegador de renderizado común, layouts totalmente personalizables con una herramienta de generación de código CSS,... El contenido principal en cuanto a CSS es:
 
- Common.css que establece los valores comunes de los estilos para el objetivo de la prestación coherente en los navegadores más habituales.
- typography/*.css  aplicar estilos de tipografía al contenido.
- * font/*.css define o mezcla las familias de fuentes para los elementos de la página.
- * grid/*.css ofrece la posibilidad de utilizar retículas.

Por el momento, sólo el Grid Builder dispone de una demo, pero la verdad es que -por lo poco que me ha dado tiempo ver-, el framework pinta muy bien.

Logic CSS Framework » »

 
Páginas: < Anterior 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Siguiente >