Archivo etiqueta CSS
COLECCIONES DE LINKS (Agosto 2010 #1)
Por Marcelo - CSS, Datos Utiles, Diseño, HTML, Javascript, Programación, jQuery - 16/08/2010
Compilé esta colección de links que acabo de chequear y agregar a mis marcadores, y vos también deberías….
RECURSOS CSS
COLECCIONES DISEÑO (Julio 2010 #2)
Por Marcelo - Datos Utiles, Diseño, Links, Wordpress - 18/07/2010
Seguimos repasando más colecciones que son un MUST para que tu musa no pueda aburrirse ni quedarse falta de ideas:
- 99 Ejemplos Creativos y Perfectos de Portfolios
- 25 Diseños de Footers más que Creativos
- Espectaculares Fotografías en Blanco y Negro
- 50 Tutoriales y Técnicas de Dibujo Tradicional
- 20 Diseños Web Excelentes de Portfolios para inspirarse
- 20 Ejemplos de Diseño Web basados en una Fotografía
- 25 Buenos Ejemplos de Diseños Web utilizando Elementos 3D
Internet Explorer 9: por fin harán las cosas bien
Se puede ver hace un par de meses, un enlace en el MSDN de Microsoft en el que nos muestran los resultados de una serie de tests realizados con los principales navegadores sobe elementos HTML5, DOM Level3, CSS3, SVG,…
En los resultados vemos como Internet Explorer 9, consigue un 100% sobre todos los tests realizados frente a los demás navegadores actuales. Según comentan estos resultados están basados en 192 tests realizados en colaboración con la W3C para evaluar el estado de los navegadores actuales. Podemos acceder a cada uno de los tests accediendo directamente desde el enlace en la sección y módulo indicado. Si estos resultados son tan reales como parecen, podríamos estar cerca de una nueva revolución en Internet.
(Click en la imagen para ver más grande)
Links de miércoles. Para el bolsillo del diseñador y del programador web
Por Marcelo - CSS, Datos Utiles, Diseño, Internet, Programación, Wordpress, jQuery - 09/09/2009
Veamos si me sale bien, y todos los miércoles logro emitir una buena colección de links interesantes para la gente del palo.
Son los links a posts más representativos de la semana, utilísimos para diseñadores y programadores. Un MUST que como mínimo, tienen que leer para mejorar sus conocimientos:
- Una colección de links a excelentes sitios de stock photo gratuitos: 25+ Excellent Free Stock Photo Sites for Designers
- Necesitás un software para editar CSS? acá seguro encontrás: 14 Useful CSS Editors for Web Developers and Designers
- 38 jQuery And CSS Drop Down Multi Level Menu Solutions
- Trucos CSS para salvarnos las papas en distintas situaciones: 15 CSS Tricks That Must be Learned
- 36 High-Quality Latest Free Fonts To Enhance Your Designs
- Un verdadero MUST! 300+ Jquery, CSS, MooTools and JS navigation menus
- 50 Useful New jQuery Techniques and Tutorial
- Colección de formularios de contacto bastante creativos: 91 Trendy Contact And Web Forms For Creative Inspiration
- 20 MySQL Admin and Development Tools and cheat sheets
Y para WordPress:
Comprobando la compatibilidad de novedades en CSS3 y HTML5
Por Marcelo - CSS, Diseño, HTML, Programación - 31/08/2009
Hay varias novedades CSS3 que pueden ser usadas hoy en día. La mayoría no están completamente implementadas en los navegadores todavía. Desde Deveria nos muestran la compatibilidad con todas las novedades en materia de CSS3 y HTML5.
¿Cuál es el navegador que más incompatibilidades tiene con las nuevas novedades? Obviamente Internet Explorer.
6 nuevas funciones de CSS3 que ya pueden implementarse
Por Marcelo - CSS, Datos Utiles, Diseño - 30/08/2009
Cada cierto tiempo van saliendo nuevas propiedades CSS3, todas ellas muy útiles y sencillas, pero no todas son completamente soportadas por la mayoría de los navegadores.
Hoy nos vamos a centrar en una lista de novedades para CSS3 que sí pueden ser usadas hoy, debido a su gran compatibilidad con los navegadores:
TODO. Absolutamente todo lo que tenés que saber sobre CSS
Por Marcelo - CSS, Datos Utiles, Diseño, HTML, Internet, Programación - 22/08/2009
En el blog de TripwireMagazine se mandaron con lo que llaman “la mayor lista de recursos para CSS jamás mostrada”. En ella se enumeran todo tipo de hacks y recursos. Por ejemplo, podemos ver cómo crear barras gráficas, también nos enseñan hojas de referencia, ejemplos de tipografía, fondos, entre otras muchas cosas.
Manejando selectores de CSS avanzados
Leo en Smashing Magazine un excelente artículo que repasa los selectores avanzados de CSS.
El CSS es una de las herramientas más poderosas disponibles para diseñadores web. Con él podemos transformar completamente el look de un sitio web en cuestión de minutos, y sin ni siquiera tener que tocar el contenido del mismo. Pero por más que mucho sepamos de CSS hay un hecho interesante y es que los selectores de CSS no se están usando a pleno hoy en día y algunas veces tenemos la tendencia a inundar nuestro HTML con excesivos e innecesarios ids, classes, divs y spans.
La mejor manera de evitar esas plagas y mantener limpia la semántica, es usando selectores CSS más complejos, que puedan apuntarse a elementos específicos sin la necesidad de una clase o un id. Notaremos que haciendo esto mantendremos nuestro código y hojas de estilo aún más flexibles.
15 machetes de CSS para desarrolladores web
Por Marcelo - CSS, Diseño, Programación - 17/08/2009
Excelente colección de links a tutoriales que todo diseñador debería tener en sus Favoritos:
En el blog de AMPM: 15 artículos sobre CSS para novatos y no tanto
Inserta cualquier tipografía en tu sitio web usando @font-face
Leo en CSSBlog un interesante artículo sobre cómo usar el elemento @font-face para incrustar y usar cualquier tipografía en tu sitio web.
@font-face es una propiedad muy útil para definir en un sitio web una o más fuentes que el usuario no tenga instalada en su PC. Sólo es necesario subir la fuente a nuestro sitio web y definirla via CSS.
Para el tipo de fuente, puede usarse una en formato OpenType (.otf) o bien en formato Truetype (.ttf). Vemos un ejemplo si quisiéramos usar la tipografía gratuita Myndraine en los titulares H1:
@font-face {
font-family: "Myndraine";
src: url(http://www.fontex.org/download/Myndraine.otf) format("truetype");
}
h1 {
font-family: "Myndraine", Verdana, sans-serif;
}
Y eso es todo. @font-face está soportada por Internet Explorer 7+, Firefox 3.5+ y Safari 3+ .
Via: CSSBlog
Suscripción Gratuita!
