Una de las novedades de CSS3 que nos pueden ayudar a tener que agregar tantas imágenes, a la hora de crear un template web, es la nueva función de “gradient” de Css3. Una de las cosas que nos permite esta nueva función es poder determinar dos colores y hacia a que dirección va. Actualmente esta poco implementado y tenemos que optar por los códigos propios de cada navegador, pero cuando este soportado por todos los navegadores será un estilo muy usado CSS3 – gradient.

En ocasiones nos encontramos con la necesidad de que google no indexe un enlace, ya sea por que el enlace apunta a una web externa o por que es un enlace que contiene información que no queremos que aparezca en las búsquedas de google. La etiqueta que va en el enlace es rel=”nofollow”. Sencillo verdad pero hay que tener en cuenta un par de detalles. 1.- No abusar de esta etiqueta ya que si la usamos demasiado puede que la web que estamos creando pierda parte de su sentido 2.- Recordar que hay otros métodos ya mediante meta-datos en el …Read more »

Buenas, El otro día hablaba de google DNS y lo desconocido que ha resultado para el gran publico. Pues hoy traigo otro servicio también desconocido para el gran publico, pero con la diferencia que este va más destinado a los creadores de paginas web. En la actualidad nos encontramos con grandes limitaciones a la hora de personalizar la web que estamos creando, ya no solo por vernos obligados a cumplir las normativas de la W3C, sino también, por la limitación debida a la gran variedad de sistemas operativos y navegadores que existen actualmente. Una de las limitaciones mas generalizada es …Read more »

Las paginas web Open Source están ganando cada día más terreno en el mundo de las webs empresariales. Cada día está más claro. Los clientes valoran menos el esfuerzo y más el producto final sin importarles, como se ha llegado ha este punto. Un claro ejemplo es que cada día más, sin contar el intrusismo que sufre el sector y que la economía no está en su mejor momento, las empresas se encuentran en la necesidad de seguir ofertando paginas web reduciendo costes. La tendencia de las paginas web En lugar de embarcarse en la empresa de desarrollar un código …Read more »

Uno de los mucho servicios que ofrece google de forma gratuita que poca gente conoce y que en más de una ocasión nos pueden facilitar la faena són las DNS de Google. Debido a que son fáciles de recordar creo que serán una gran alternativa a esas ips engorrosas de timofonica y compañía, sin olvidar la fiabilidad de google y su velocidad de respuesta. IP primaria: 8.8.8.8 IP secundaria: 8.8.4.4 En el enlace podremos encontrar la versión de ipv6 Fuente: Google Public DNS. (In English)

Aunque existen muchas maneras de pintar una tabla y de hacer que alternativamente se pinte, aquí tenemos una solución mediante jquery que puede ser bastante practica a la hora de obtener un buen resultado $(“tr:odd”).css(“background-color”, “#ddd”); // filas impares $(“tr:even”).css(“background-color”, “#ccc”); // filas pares Fuente: Colorear filas par/impar de una tabla con jQuery – Bufa Webmaster.

Aunque el uso de tablas esta cada dia mas en desuso, no dejan por ello de tener utilidad en los momentos que tenemos que mostrar datos por pantalla. Una forma clasica de dar un poco de estilo a una tabla cosistia en añadir cellpadding y cellspacing con valor 0 en la tag de apertura de la tabla. Una alternativa bastante efectiva es usar CSS para cumplir la misma función table { border-collapse: collapse; } th, td { padding: 0; } Fuente: Remove cellpadding and cellspacing from an HTML table with CSS.

Una de las novedades mas esperadas y mas conocidas de CSS3 es entre otras muchas cosas la posibilidad de poder crear bordes redondeados simplemente con css sin la necesidad de tener que usar imagenes. El siguiente código lo ponemos el estilo que queramos. Podemos observar que existen 4 lineas, las 3 primeras corresponden a los códigos propios de cada navegador debido a que no todos lo implementan de la misma manera y en la ultima linea tenemos la versión de ccs3. Con este código estamos asegurando que nuestros bordes redondos se verán en todos los navegadores modernos. .border-radius { -moz-border-radius: …Read more »

Buenas, A continuación tenéis una tabla que relaciona los caracteres especiales con su correspondiente código html, para que se pueda ver correctamente en cualquier navegador. Espero que os resulte practico. Fuente: Tabla Extendida de Codigos de Caracteres en HTML

Buenas, Uno de los problemas que nos pueden dar mas dolores de cabeza cuando estamos desarollando una web y no tenemos demasiada experiencia, son  los caracteres especiales que en ocaciones no aparecen como deberian incluso poniendo las metatags correspondientes. Existe una funcion generica en php que nos convertirá nuestro string a UTF8. Aquí tenéis el enlace al manual de esta función. Fuente: PHP: utf8_encode – Manual.