CSS - Intenta, Desarrollo Web y Recursos

1Kb CSS Grid

0 COMENTARIOS - Publicado hace 1 mes - Clasificado en: CSS, SNIPPETS

Los Frameworks de CSS se han vuelto muy populares en los últimos tiempos. La mayoría de ellos tratan de cubrir varios aspectos: un sistema de cuadrícula, un restablecimiento de estilo, la tipografía básica, los estilos de los formularios, etc. Otros se centran exclusivamente en la retícula, pero aún así generan un CSS hinchado.

Éste es un framework CSS diferente. Su misión es ser ligero y crearnos únicamente una retícula con nuestras necesidades y con la que empezar a trabajar. Todo en menos de 1Kb (662 bytes en realidad).

The 1Kb CSS Grid » »

Algunas entradas relacionadas:

Nueve técnicas de sustitución de imágenes con CSS

1 COMENTARIO - Publicado hace 1 mes - Clasificado en: CSS, TIPS

La sustitución de imágenes mediante CSS es, a grandes rasgos, una técnica de sustitución de un elemento de terxto de una pagina por una imagen. Quizá uno de los ejemplos más clarificadores sería a la hora de incluir el logo en una web. Es posible que desees utilizar una etiqueta <h1> y texto por accesibilidad y los beneficios en cuanto a SEO, pero a la vez, y por razones estéticas, te gustaría mostrar tu logo y no el texto.

Un ejemplo:

<h1 id="logo">
	<span>Intenta
</h1>

y el css:

h1#logo {
        width: 250px;
        height: 25px;
        background-image: url(logo.gif);
}
h1#logo span {
        display: none;
}

En CSS-Tricks puedes encontrar el análisis de nueve de estas técnicas, cómo se realizan y las ventajas y desventajas de cada una.

Nine Techniques for CSS Image Replacement » »

Algunas entradas relacionadas:

PrimerCSS

0 COMENTARIOS - Publicado hace 3 meses - Clasificado en: CSS, RECURSOS

Primer puede ser útil como un primer paso en la creación de CSS. A partir del código HTML extrae todas las clases y los id's para generar una hoja de estilos inicial.

PrimerCSS

PrimerCSS » »

Algunas entradas relacionadas:

Simply Buttons v2

4 COMENTARIOS - Publicado hace 4 meses - Clasificado en: CSS, RECURSOS, DESARROLLO

En Simply-Buttons v2, además de aprender cómo se realizan, podemos descargar los archivos fuente (CSS, Javascript e Imágenes) para crear unos sencillos pero elegantes botones multinavegador. Los botones:
- Se muestran y se comportan del mismo modo en todos los navegadores y sistemas operativos.
- Aptos para cualquier tamaño de texto.
- Vienen con 3 estados: inactivo, activo y "hover".
- No es necesario el javascript para que funcionen. Los botones se crean con CSS puro y pueden funcionar sólo con CSS. El javascript aporta unas pequeñas mejoras a la funcionalidad.

Los botones han sido testados en IE6, IE7, Firefox (PC / MAC), Safari, Opera y SafariMobile (PC / MAC).

Simply Buttons v2 » »

Algunas entradas relacionadas:

The CSS Awards

1 COMENTARIO - Publicado hace 5 meses - Clasificado en: CSS, SHOWCASE, INSPIRACION

The CSS Awards es un nuevo 'showcase' o galería de diseños en CSS. Dicho esto, aunque pudiera parecer una galería más, existen varios puntos que diferencian y destacan a The CSS Awards respecto a otras webs similares. La web está ideada con el objetivo de premiar a los mejores websites realizados en CSS, y el gran valor añadido del proyecto es que estos premios son otorgados por los diseñadores, agencias y bloggers más importantes y reconocidos internacionalmente, pudiendo el usuario saber que nota le ha asignado cada juez por los cuatro criterios de valoración: Diseño, Creatividad/Personalidad, Contenido y Usabilidad. El propósito de estos premios es valorar el diseño, la creatividad y el esfuerzo de los diseñadores, estudios y agencias web. Para ello además de otorgarle el premio a "Site of the day" o "Site of the month" el creador del sitio seleccionado puede recibir otros premios en metálico o en equipamiento tecnológico. El sitio destaca por la calidad de las webs seleccionadas y creo que se puede convertir en una web de visita diaria para muchos diseñadores.

The CSS Awards

The CSS Awards » »

Algunas entradas relacionadas:

Free CSS Drop-Down Menu Framework

2 COMENTARIOS - Publicado hace 5 meses - Clasificado en: CSS, DESARROLLO, RECURSOS

Free CSS Drop-Down Menu Framework es un completo framework con el que uno puede implementar menús desplegables con CSS en unos pocos minutos. Sus principales características son:

Es modular y utiliza temas. No sólo el HTML es separado del CSS, sino que incluso las definiciones CSS están categorizadas dento de una estructura en función de tipos.
Es fácil de utilizar. El código y los archivos están bien organizados.
Es fácilmente transformable. Esto se logra cambiando simplemente el nombre de clase para así convertirlo por ejemplo en horizontal, vertical de izquierda a derecha, vertical de derecha a izquierda, etc.
Soporta los navegadores: IE 5 o superior, Mozilla Firefox 1.5 o superior, Opera 7 o superior y Safari 2 o superior.
Unicamente necesita algo de Javascript para Internet Explorer 6 o inferior.

La descarga viene con algunos temas muy interesantes, lo que nos puede facilitar todavía más la tarea de creación de nuestro menú.

Free CSS Menus Framework