Crear menus de Tabs con CSS

Top 71 CSS Menus Navigation Tabs : Ultimate Web Developer Lists : eConsultant

Una buena lista para cuando necesites una idea para aplicar tabs en tu sitio web.

Reclamo Formal, una triste experiencia con mi AFP

Es la primera vez creo, que uso este blog para hacer un reclamo, pero creo que es justificado en este caso.

Para ubicarlos un poco en el tema, vivo en Santiago de Chile. y trabajo de forma dependiente en una empresa de desarrollo web, y en estos momentos estoy afiliado a la AFP BBVA Provida, para la cual necesitaba sacar un certificado en particular, obviamente trate de sacar mi clave para hacer este trámite vía internet (cualquier AFP medianamente pensante tiene este servicio ) y para eso busque un telefono o call center de la AFP, increíblemente, no encontre absolutamente ningún teléfono, la verdad es que aún sigo sin encontrarlo, y cada link de "contacto" me manda a un formulario que, la verdad, no dan ni ganas de llenarlo.

Pero como me urgía recibir mi clave, y mi conexión más directa con mi AFP era "mandando un fax" con fotocopia de carné, firma, dirección de entrega, email y un infinito etc. envié el fax, el cual, por cierto, se iba a responder en un plazo no mayor a 48 horas.

A la semana, llega un "fax tipo" indicando que me faltaba una de las 1000000 cosas que pedía la empresa, y el fono de reclamo ? aún brilla por su ausencia.

La verdad es que esta situación me parece una falta de respeto hacia los clientes de esta "empresa", creo que una vez más nos han visto la cara, y creo que en esto debe tomarse cartas en el asunto, ahora que recuerdo, desde que me inscribi nunca me ha llegado ningún tipo de información.

En fin, creo que esto dificilmente se va a terminar, las empresas grandes hacen lo que quieren con sus usuarios, incluso, negar información tan simple como un certificado de afiliación, por favor señores políticos ! de una vez por todas ponganse a trabajar y fiscalizen este tipo de hechos.

Link : AFP Provida

El Juan Jorquera mas famoso

Esta si que es una tremenda quebrada de mi parte, jajajajajajaja
Busquen en google a "Juan Jorquera", y que se van a encontrar ? a este pequeño reducto personal, jajajajajaja, me parece entretenido que, casi sin buscarlo, uno a veces se posiciona por términos que ni se imagina encontrar.

Bueno, dejo hasta aca este hiper auto referente post, que creo que solo a mi me interesa.

Trucos para mejorar tu cuenta Gmail | tufuncion.com

Trucos para mejorar tu cuenta Gmail | tufuncion.com: "Trucos para mejorar tu cuenta Gmail"

Interesantes "trucos" para sacarle el maximo partido a tu cuenta de Gmail. Via tu funcion.com

Los mejores textos sobre CSS y estándares web en castellano » Sentido Web

Los mejores textos sobre CSS y estándares web en castellano » Sentido Web

Interesante lista con vínculos a artículos sobre css y XHTML, comentando las ventajas de usar los estándares en la Web.

Lista de Sitios incompatibles - Documentación Firefox Chile

Lista de Sitios incompatibles - Documentación Firefox Chile

He aquí una lista de sitios web incompatibles con Firefox "Made in Chile"

Espero no estar en la lista.

Chiste para linuxeros que hablan ingles

Pharyngula: Si lo entiendes, eres geek













jajajajaja, esta cool ! si las cosas fueran asi en la vida real ...

SigT » Plantillas CSS para impresión y 9 consejos

Via SigT » Plantillas CSS para impresión y 9 consejos: "Plantillas CSS para impresión y 9 consejos"

Suele ser habitual tener hojas de estilo en CSS para la presentación de nuestras webs, una de las grandes ventajas de trabajar con XHTML y CSS es la separación de contenido y presentación: Con una plantilla CSS podemos modificar la forma de presentar información sin modificar el contenido.

Vamos a ver un ejemplo de plantilla CSS únicamente para impresión con algunos consejos para aplicar, lo primero es definirla en el documento y aunque podríamos hacerlo añadiendo una línea igual que la siguiente (cambiando screen por print):

Lo vamos a hacer diferente ¿por qué? pues porque algunos navegadores no muestran la hoja para impresión en “Previsualizar impresión” si no es de la siguiente manera dentro de :

Lo importante de esto es que el CSS al cual se le da un media="print" es el de impresión y el media="screen" el clásico para presentación, hay otros cómo por ejemplo media="handheld" para dispositivos de mano (PDA’s, etc) pero estos ya no entran en está entrada.

Ahora solo toca poner lo que queramos en print.css, es hora de los consejos:

1. Elimina todo rastro de elementos de navegación: Una vez impreso no sirve de nada un menú, el lector no va a poder pinchar en él por lo tanto elimina todo lo que no forme parte del contenido. Es muy fácil, sólo debes pillar los distintos identificadores y añadirles un display: none;.

    #menu, #footer, #cabecera, .contenido-irrelevante {
    display: none;
   }

2. Utiliza pt en lugar de px, % o em: Los valores px, %, em, etc., son medidas absolutas para mostrar a un determinado tamaño información en pantalla en lugar de ello utiliza pt, recomendación:

    body {
   font-family: Arial, sans-serif;
   font-size: 10pt;
   }

3. Utiliza fuentes muy legibles: Lo que con una fuente se lee bien en pantalla, impresa no tiene por que verse igual de bien: Arial, Courier New para ancho fijo, etc., te servirán.
4. Utiliza float:none;: Los elementos flotantes dan problemas con algunas versiones de Mozilla Suite, borra los floats que no necesites o en su lugar utiliza float: none;.
5. Especifica el fondo y el color de letra por defecto: Fondo siempre blanco y letra con un buen contraste: negro o similar:

    body {
   background: #fff;
   color: #000;
   }

6. Las tablas salen sin presentación: Por defecto las tablas aparecen sin bordes, si tienes una forma de presentar las tablas en CSS para la web, copia esa parte del código al fichero CSS para impresión. Ésto también se puede aplicar a cualquier elemento.
7. Utiliza a[href]:after para mostrar los enlaces. Seis líneas de CSS y los enlaces se mostraran justo a la derecha del texto enlazado entre paréntesis y con un bonito tono azul. Si no recuerdo mal los selectores (:after, :before, etc) no funcionan en IE.
8. Puedes hacer lo mismo que en el punto siete pero con el atributo alt="" de las imágenes.
9. Resumiendo: Hacer plantillas CSS para impresión es lo mismo que para presentación: Retocar, refrescar la web, “Previsualizar impresión”, ver cambios y empezar de nuevo. Lo único que cambia es que vamos a quitar los elementos de navegación y el código del CSS usado al final sera mucho más corto que en la presentación.

Actualmente tengo pendiente hacer una versión impresa en condiciones pero lo más importante ya está: elementos de navegación fuera, publicidad fuera, arial 10pt +/- para una buena impresión y solamente se muestra logo+artículo.

Referencias y más para leer

• Going to Print.
• ALA’s New Print Styles.
• Print Different.

Y ya de paso recomiendo “Principios básicos de CSS” en castellano por parte de Tierra de nómadas.

Webmaster Libre » Archivo del weblog » DOMTab: Navegación por pestañas con CSS y DOMscripting

Webmaster Libre » Archivo del weblog » DOMTab: Navegación por pestañas con CSS y DOMscripting

DOMTab nos permite crear estupendas interfaces divididas por pestañas por medio de Javascript no intrusivo.

Aplicar DOMTab a nuestras páginas es francamente sencillo. Primero llama al script desde la cabecera de tu documento

1. <script type="text/javascript" src="domtab.js">script>

El código html de nuestra página debe ser algo así,

1. <div class="domtab">
2. <ul class="domtabs">
3. <li><a href="#t1">Test 1a>li>
4. <li><a href="#t2">Test 2a>li>
5. [... and so on ...]
6. ul>
7. <div>
8. <h2><a name="t1" id="t1">Proof 1a>h2>
9. <p>Test to prove that more than one menu is possiblep>
10. <p><a href="#top">back to menua>p>
11. div>
12. <div>
13. <h2><a name="t2" id="t2">Proof 2a>h2>
14. <p>Test to prove that more than one menu is possiblep>
15. <p><a href="#top">back to menua>p>
16. div>
17. [... and so on ...]
18. div>

Tenemos, además, la opción de presentar un enlace donde se mostrarán todos los contenidos en una sola pantalla, por ejemplo para imprimir.

Puedes editar todas las opciones del script ya que todos lo que se espera del HTML son parámentros.

1. tabClass:'domtab', // class para activar las pestañas
2. listClass:'domtabs', // class de los menús
3. activeClass:'active', // class del enlace actual
4. contentElements:'div', // elements to loop through
5. backToLinks:/#top/, // patrón para buscar enlaces "volver arriba"
6. printID:'domtabprintview', // id del enlace para imprimir todo
7. showAllLinkText:'show all content', // texto del enlace para imprimir todo

A la hora de dar estilo, tenemos a nuestra disposición tanto las clases e id utilizadas por el script como el resto de recursos a nuestro alcance por medio de CSS:

DOMTab: http://onlinetools.org/tools/domtabdata/

Mi versión Simpson

Alguna similitud ? algunos dicen que si.
jajajajajajajajaja

Tiempos aquellos en que era chascon. Bueno, para los que me conocen, o los que me conocen hace poco, este era yo hace un par de años atrás.