Incluir CSS a tu RSS

ByLuis June 27, 2006

Algo sencillo y que queda muy bien a la hora de mostrar nuestras hojas de estilo, claro, que si usamos una aplicaciÃ³n que las muestra segÃºn sus propios estilos, no conseguimos nada.

Se trata de aÃ±adir una lÃnea indicando el xml-stylesheet en las RSS:

<?xml version="1.0" ?>
<?xml-stylesheet type="text/css" href="http://dominio.com/rss.css" ?>
...

Y luego definir los estilos, en el ejemplo del autor, a parte de formatear la salida, oculta aquellas partes del RSS que no quiere que aparezcan:

rss {
display: block;
font-family: verdana, arial;
}
title {
display: block;
margin: 5px;
padding: 2px;
color: gray;
border-bottom: 1px solid silver;
}
link {
display: block;
font-size: small;
padding-left: 10px;
}
item {
display: block;
padding: 2px 30px 2px 30px;
}
docs {
display: block;
background-color: #ffffe6;
margin: 20px;
text-align: center;
padding: 5px;
color: #7f7f7f;
border: 1px solid silver;
}
/* Elementos ocultos */
language, lastBuildDate, ttl, guid, category, description, pubDate {
display: none;
}

Ejemplo

Adding a CSS StyleSheet to your RSS Feed

VÃa / dzone

css

Selectores por atributos en CSS2 y CSS

ByLuis January 10, 2007

Aplicar estilos a los elementos de nuestro cÃ³digo HTML a travÃ©s de los atributos o sus valores es una tÃ©cnica bastante desconocida pero que nos permite hacer cosas muy interesantes.

Selectores por atributos en CSS2

En la especificaciÃ³n actual de las CSS podemos usar los selectores por atributos de cuatro formas:

Lectores RSS | PHP

MagpieRSS: RSS para PHP

ByLuis December 6, 2006

MagpieRSS es un parser de RSS para PHP, que entre otras caracterÃsticas tiene:

Admite la mayorÃa de los formatos RSS, incluyendo soporte para mÃ³dulos 1.0.
Integra Object Cache, lo que significa que la segunda peticiÃ³n es mÃ¡s rÃ¡pida.
HTTP GETs condicionales, no desperdicies ancho de banda y velocidad en la descarga usando Last-Modified y ETag.
Configurable y modular.
Admite autenticaciÃ³n HTTP y SSL.
No usa fopen(), funciona incluso cuando allow_url_fopen estÃ¡ desactivado.

MagpieRSS

css

Consejos para estructuras tus CSS

ByLuis March 13, 2008

Buenos consejos para realizar tus estilos CSS bien estructurados.

Se sencillo: usa solo que sea estrictamente necesario. No uses muchas capas div y puedes obtener el mismo resultado con una o dos. Si ves que la estructura se complica, quizás estés haciendo algo mal, intenta buscar otra forma muy sencilla.
Escrible claro: usa tabulaciones, comentarios para diferenciar partes y nombres que sean claros y explicativos.
Se metódico: usa los mismos nombres en tus proyectos. Agrupa por tipología y ordena alfabéticamente para una lectura más sencilla.
Organízate: diferencia y define las distintas partes para poder plasmarlas en tus estilos.
Resetea los estilos por defecto: debido a las diferencias entre los navegadores es conveniente dar estilos a algunas etiquetas HTML (ul, a, …)
Tabula los elementos: no solo uses el tabulador para los distintos estilos de un elemento, sino para crear una estructura de estilos, si un estilo depende de otro, deberá estar por debajo de este y con mayor tabulación.

Write a well structured CSS file without becoming crazy

Vía / CSS Globe

Bases de datos | Desarrollo web | How to | MYSQL

Cuando tenemos que mostrar una serie numerosa de resultados en nuestra página web, es necesario mostrar estos de poco en poco. Para ello se utiliza la paginación, dividir los resultados en grupos y mostrarlos en distintas páginas. Una parte fundamental es la consulta a la BD, la cual tiene que ser eficiente.

css

Diseña tus CSS

ByLuis September 29, 2006

Paso a resumir un artÃculo que nos podrÃ¡ ayudar a la hora de diseÃ±ar nuestras CSS, porque como bien dicen, el poner todos los estilos en un solo fichero ya pasÃ³ a la historia.

Algo tan importante como la estructura de nuestro sitio es la organizaciÃ³n de las CSS en ficheros, claro que no hay una soluciÃ³n perfecta ya que depende de cada situaciÃ³n.

Una posible soluciÃ³n es la que estÃ¡ basada pÃ¡ginas-modelo, es decir, que existe un diseÃ±o diferente para distintos modelos de pÃ¡ginas, por ejemplo un diseÃ±o para la pÃ¡gina principal, otro para las subpÃ¡ginas, otro para el portfolio, … Este modelo es Ãºtil cuando se trata de pocos tipos de diseÃ±o, aunque nos podemos encontrar con estilos comunes entre los distintos diseÃ±os, lo que complica la soluciÃ³n. Claro, que este problemilla se puede solucionar de distintas formas:

Usar un archivo css que agrupe los estilos comunes, aunque ayuda a tener estructurados los ficheros de estilos, si se trata de un sitio grande, puede que este archivo aumente demasiado.
Duplicar estilos en CSS independientes, tiene el problema de tener cÃ³digo redundante y tener que corregir cambios en distintos sitios en vez de en un Ãºnico sitio.
Crear un fichero nuevo que puede ser usado por otros, no hay redundancia en este caso.
Crear un nuevo CSS que agrupe estos pequeÃ±os casos.

Otra soluciÃ³n es diferenciar los estilos por elementos de la pÃ¡gina, con esto se quiere decir que si nuestra pÃ¡gina se crea dinÃ¡micamente y hay un fichero para la cabecera, otro para el cuerpo, otro para la navegacion, puede haber perfectamente sus correspondientes estilos, por lo que solo se incluyen los estilos para cada parte que se use.

Parecido a lo anterior es clasificarlo por etiquetas, por ejemplo, si se usan tablas o formularios, unos estilos para estos elementos y solo incluirlas en las pÃ¡ginas que los contengan.

Otros consejos Ãºtiles es separar los estilos para print, handheld and screen y usar @import para incluir estilos en un fichero CSS principal.

A parte de la organizaciÃ³n fÃsica de los ficheros, tampoco hay que olvidar lo que ya hemos comentado en otras ocasiones que las clases e identificaciones deben tener un significado por su funcionalidad y no por lo que muestran (ej: no usar una clase que sea “rojo”, sino una que sea “error”, el que sea rojo o verde no es significaquivo). Agrupa estilos por contexto y usa comentarios para una mejor localizaciÃ³n.

Architecting CSS

VÃa / Digg

css | How to | PHP

Selecciona tu hoja de estilos mediante PHP

ByLuis August 29, 2006

En 456 Berea Street nos muestran una forma muy interesante para poder mostrar tu pÃ¡gina con diferentes hojas de estilo. Tiene el inconveniente de que solo admite dos estilos entre los que elegir.

Funciona aunque el javascript estÃ© desactivado, pero no cuando estan desactivadas las cookies, pero no darÃa error, tan solo visitarÃamos siempre la misma pÃ¡gina.

El funcionamiento es sencillo, disponemos de dos directorios, cada cual con las hojas de estilo que nos interesa. HabrÃ¡ un enlace a una pÃ¡gina que cuando accedemos a ella nos cambiarÃ¡ de directorio, guardarÃ¡ el valor en una cookie y nos devolverÃ¡ a la pÃ¡gina a la pÃ¡gina desde la que hemos hecho la llamada o a la raÃz si no existÃa esa pÃ¡gina. Y luego en cada pÃ¡gina deberemos obtener el valor del directorio de las cookies y usarlo para recuperar la hoja de estilo correspondiente.

El script que se encarga de cambiar de directorio es el siguiente:

<?php
$layout = (isset($_COOKIE['layout']) && ($_COOKIE['layout'] == "zoom")) ? "main" : "zoom";
setcookie("layout", $layout, time()+31536000, '/');
$ref = (isset($_SERVER['HTTP_REFERER'])) ? $_SERVER['HTTP_REFERER'] : "http://{$_SERVER['SERVER_NAME']}/";
header("Location: $ref");
?>

Y luego en cada pÃ¡gina tendremos que incluir lo siguiente:

Para recuperar el directorio.

$layout = (isset($_COOKIE['layout']) && ($_COOKIE['layout'] == "zoom")) ? "zoom" : "main";

Para seleccionar el estilo correcto.

<style type="text/css" media="screen,projection">
@import '/css/<?php echo $layout; ?>.css';
</style>

Build your own PHP style sheet switcher

Similar Posts

Selectores por atributos en CSS2