Es momento de sugerir la syntaxis ‘extends’ para esta situación.

Es simple, lo haré a manera de ejemplo para explicarme mejor.

Antes

Si tenemos dos clases: foo y bar, podemos trabajar cada una de forma separada.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

.foo {
margin:0;
color: red;
}

.bar {
text-decoration: underline;
background: yellow;
}

Pero ¿qué ocurre si deseamos un tercer estilo que tenga las características de las 2 clases anteriores?

Actualmente hacemos lo siguiente:

1
2
3
4
5
6
7
8
9
10
11

.baz {
margin: 0;
color: red;
text-decoration: underline;
background: yellow;
}

Y en las etiquetas HTML hacemos estas 2 opciones:

1

<p class="foo bar">Texto</p>

o

1

<p class="baz">Texto</p>

Pero, en algún punto, ya sea en el HTML o en el CSS hay código de más. Los anteriores son ejemplos simples, pero cuando se requieren múltiples estilos con position:relative o position:absolute la multiplicidad de clases/código se presenta un área de oportunidad para el desarrollo web: herencia en CSS.

Actualmente, la herencia se hace a nivel HTML, es decir, se heredan los estilos de la etiqueta padre, pero ¿por qué no heredar directamente en CSS?

Propuesta

Tomando como referencia los ejemplos anteriores, nuestra clase ‘.baz’ podría verse reducida a lo siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

.foo {
margin:0;
color: red;
}

.bar {
text-decoration: underline;
background: yellow;
}

/* Esta, podría contener las propiedades de las 2 definiciones anteriores */
.baz  extends .foo, .bar {
}
/*
* Esta clase en realidad tendría:
* margin:0;
* color: red;
* text-decoration: underline;
* background: yellow;
*/

/*
* Incluso, podríamos agregarle un par de propiedades más y así tener una superclase
*/
.baz  extends .foo, .bar {
border:1 px solid red;
}
/*
* Esta clase en realidad tendría:
* margin:0;
* color: red;
* text-decoration: underline;
* background: yellow;
* border:1 px solid red;
*/

Y una única implementación en HTML:

1

<p class="baz">Texto</p>

Aquí alcanzamos 3 objetivos:

• Reutilizar CSS desde la base y conservar más limpio el HTML.
• No depender de lenguajes de servidor o plugins de javascript para realizar una tarea que puede estar nativa en CSS.
• Plus: Ahorros frikis en transferencia de servidor.

¿Gustas opinar?

Domenico Modugno – ‘O ccafè (Coffee)

La palabra Tlalnepantla es un vocablo náhuatl compuesto de 2 partículas: tlalli (tierra) y nepantla (en medio), lo cual deriva en 2 acepciones: En medio de la tierra y Tierra de en medio, siendo esta última la más popular desde el siglo XIX.

En la actualidad, conviven poco más de medio millón de habitantes y 50 ramas industriales, es uno de los municipios que más aportan al PIB nacional y estatal. Cuenta con numerosas vías de comunicación y transporte, colinda con el norte del Distrito Federal y ha hecho hermandad con 4 ciudades en el mundo, entre ellas 马鞍山, China.

Vale la pena recordar una fecha como hoy ya que, además de lo anteriormente mencionado, es el primero en la lista de los lugares favoritos no-matter-what de este autor.

¡Felicidades Tlalnepantla!

Pueden saber más de este taller acá

Así mismo, en el sitio de la Gira Telmexhub pueden comprar sus boletos para este evento que viene grande.

¡Nos vemos allá!

En este taller está dirigido a programadores y diseñadores principalmente, con un espacio para publicadores.

Es un taller intensivo de 2 horas donde se tratarán los siguientes temas:

• Estructura adecuada de contenidos
• Advanced theme authoring
• Creación de plugins orientados a administración y publicación
• $wpdb, filtros y acciones.

Requisitos del taller:

• Interacción previa con WordPress en publicación
• Haber curioseado un theme (modificado o creado)
• Instancias necesarias para trabajar (localhost instalado o servidor remoto)

Este taller ya se encuentra publicado en la agenda general de Campus Party y está disponible para reservarse en tu panel de campusero.

¡Asiste!

En la mesa redonda compartiremos espacio Guillermo Rivero, David Hernández, Sergio Fajardo y un servidor, en el cual debatiremos sobre desarrollo, integración en grandes proyectos, mercado y otros más, en relación a CMS.

Este evento ya se encuentra publicado en la agenda general de Campus Party y está disponible para reservarse en tu panel de campusero.

Nos vemos allá.

Contenidos:

• Theming desde la base
• Plugins, cómo implementar y cuándo hacer

Niveles:

• WordPress: Básico
• PHP: Básico, intermedio

Nota importante:

El asistente podrá llevar bolígrafo y papel JFTL. En caso de querer practicar en vivo, debe tener ya todo listo con un servidor remoto PHP5 & MySQL5 o bien, localhost en su equipo, no es complicado, hay muchas formas de hacerlo en 5 minutos.

¡Nos vemos mañana!

La causalidad es una ley, la vivimos todo el tiempo, A y B en relación y disputa interminable.

Colmar de bendiciones sin acciones no tiene sentido, así como solamente desear; una vez que se decide un destino éste se forja para que se realice como lo deseamos.

En mi artículo de ayer lo comenté, “los caminos se construyen”.

Los 3 párrafos anteriores no son ideas desordenadas, cada uno corresponde a una inexplicable razón y analogía de la postal de año nuevo que realicé con un objetivo, el transmitir que sin importar la temporalidad, todo es un resultado, obra y realización de factores completamente manipulables y de amplio rango de oportunidad.

El 2010 está por terminar y deja en mí, algo más que bonitos recuerdos o “relatos para los nietos”.

Es un año que llevaré en la piel, en el día a día, en el verbo, la obra y el pensamiento. Ocurrieron acontecimientos de toda índole que son calificables algunos como hermosos y otros como los más difíciles que he experimentado al día de hoy. De estar en mi situación, habría 3 escenarios: el pesado podría quejarse amargamente de su existencia, el optimista podría omitir lo negativo y querer recordar sólo lo bonito, sin embargo yo elijo no omitir ningún evento ni ningún sentimiento y estar consciente de todos ellos, estableciendo así una balanza justa en la vida.

Entre auténticas caricias y duros madrazos provenientes de todas partes, sólo me queda agradecer la oportunidad de vivir cada uno de ellos y aprovechar el aprendizaje adquirido como una contribución a los tiempos venideros.

Es un año en el que las personas indicadas, aparecieron en mi camino para contribuir a una estancia provechosa en este mundo: amigos y colegas, a todos ustedes agradezco el haber compartido conmigo días y noches enteros de charlas, sueños, ilusiones y realizaciones más allá de lo común, no importa la cantidad de tiempo, sino la calidad del mismo.

Es un año en el que mi familia está completa, sobre lo cual estoy agradecido con las circunstancias y las personas involucradas para que esto ocurriera, fue una época compleja, pero de las más hermosas en mi vida entera.

Una parte importante de mí volvió a sonreir después de mucho tiempo de haberse ensombrecido por diversos motivos, poco a poco fue recuperando su color hasta que ahora, existe y brilla por sí misma, alegrando mi existir.

Personas a quienes respeto, a quienes admiro, con quienes colaboro y a quienes amo, todos ustedes formaron parte de un 2010 que se termina, pero no muere, en realidad se convierte en una de las columnas del templo más grandioso que la humanidad haya conocido jamás.

No creo en los propósitos, creo en la determinación, la acción y la construcción de caminos con rumbos concretos.

Acostumbro poner una canción que acompañe este tipo de artículos, 2010 tiene consigo toda una recopilación musical que no está preparada en este momento, no hay prisa, sólo imaginen el sonido del mar en sus oídos y estarán escuchando el intro de la banda sonora del año 2010.

Gracias a todos y… ¡Feliz 2011!

WordPress es un sistema de gestión de contenido que ha obtenido una gran cuota de mercado, desde el ámbito de implementación, como en el de desarrollo, además de haber generado simpatía y seguidores.

Es momento de conocer la situación actual de WordPress en México, y qué mejor forma de compartir el conocimiento que mediante un Wordcamp. “Wordcamp es una conferencia enfocada en todo lo que es WordPress” (traducción del sitio oficial). Nuestra meta es lograr un evento así, pero por qué no reunirnos antes para conocernos y decidir entre todos tomar un rumbo.

Es por ello que hago la convocatoria a todas las personas que tengan interés en WordPress como plataforma de publicación, desarrollo, implementación, a que asistan a la Sesión Cero, la cual se llevará a cabo en el próximo BarcampMexico6.

¿Quién puede asistir? diseñadores gráficos, programadores, desarrolladores, blogueros, WP-fans y cualquier persona en cuya vida, WordPress signifique desde un hobbie hasta un modo de vida.

¿En dónde se registran? Por esta ocasión no hay formulario de registro para evitar confusiones con la lista de asistencia de Barcamp México 6. En cambio, el día del evento se hará una lista de quienes se unan al Meet Up.

¡Nos vemos allá! O/