Entorno web


De casualidad he conocido esta página, iconlet.com: un buscador de iconos, cuenta con una gran base de datos de iconos, además tiene una busqueda avanzada que nos permite buscar por tamaños, licencias y formatos.

Otro punto a favor de esta web es la posibilidad de añadir su buscador a firefox, añadiendo una opción más en el buscador de este.

En definitiva, una página muy util que nos puede sacar de un apuro.

Esto no es un tutorial de Mod rewrite, si no más bien de como realizar redirecciones 301 correctamente y sin perder la indexación que teniamos al reescribir las urls en nuestra web.

Si quieres aprender sobre Mod rewrite puedes visitar este escrito de Aeoris.

La mayoría de gente, cuando reescribe sus urls, cambia los enlaces de la web a estas, y se olvida de las anteriores páginas, grave error, ya que Google leerá las dos páginas y seguramente las tomará como contenido duplicado, con su correspondiente penalización. La forma de evitarlo es redireccionando la página antigua a la nueva, pero no de cualquier forma, si no dando el mensaje de Movida permanentemente (Moved Permanently), y el número de error 301.

Para realizar una redirección en PHP tenemos que añadir el siguiente código.

header("HTTP/1.1 301 Moved Permanently");
header('Location: http://www.web.com/url/destino.html');

Recueda que al enviar unas cabeceras, no se debe haber manado contenido anteriormente, a si que esto sería lo 1º que deberia de haber en el código fuente de la página (Antes incluso que o cualquier texto, incluso espacios en blancos).

Esto está muy bien si la página a la que enviamos la redirección no es la misma a la que se accede, la mayoría de las veces, sólo se cambian las URLs pero se mantienen los archivos, si ponemos esto en la página, se creará un bucle infinito donde siempre se manda la redirección a la misma página. Un ejemplo claro de esto sería el siguiente.

Con el .htaccess hacemos que al entrar en mi-nueva-pagina.html nos ejecute mipagina.php, pero deseamos que al entrar en mipagina.php nos mande a mi-nueva-pagina.html

.htaccess

RewriteEngine On
RewriteRule ^mi-nueva-pagina.html mipagina.php

mipagina.php

< ?php
if (substr($_SERVER['REQUEST_URI'], -3) == 'php') {
header("HTTP/1.1 301 Moved Permanently");
header('Location:
mi-nueva-pagina.html');
}
?>

En este simple código hacemos una comprobación de extensión, como nuestra nueva página es .html, y la antigua es php, solo con comprobar esto ya nos bastaría, si este no es tu caso tienes que inginartelas para saber cuando se entra por la dirección reescrita, una buena y fácil solución es meter una variable, quedando el rewrite rule de este modo:

RewriteRule ^mi-nueva-pagina.html mipagina.php?reescrita=true

Después simplemente es una comprobación de que la variable $_GET[’reescrita’] existe.

Esto es todo, cualquier duda o cosa que querais que aclare más, podeis dejarla en los comentarios.

Mediante javascript podemos convertir firefox en practicamente un programa wyswyg. Este hack es muy util para ver como quedaría una web, cambiandole un texto o quitandole una imagen, también sirve para hacer bromas cambiando toda la web y haciendo un screenshot.

Para realizar esto debemos entrar en la web que queramos editar y en la barra de direcciones poner lo siguiente

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Explicación a groso modo, sin entrar en detalles:

PHP es un lenguaje del lado Servidor, esto significa que se ejecuta en un servidor remoto. Al ejecutarse PHP crea una respuesta, que es enviada al Cliente, que normalmente accede con un Navegador, que es quien se encarga de coger la respuesta y “dibujarla”. Coge el HTML, JavaScript o lo que le mande el servidor y lo muestra en pantalla.

Como ya hemos dicho antes, JavaScript se ejecuta en el Cliente, ya que es enviado y ejecutado en el navegador. HTML es dibujado por el navegador en el navegador también.

esquema-servidor-cliente-php.gif

Bueno después de estar amargado con la mierda de editor que trae Wordpress, he optado por instalar otro.
Anteriormente he usado FCKEditor (demo) en algunas de mis aplicaciones con muy buenos resultados, de leer la documentación de este editor supe de un plugin para Wordpress, a si que no dudaré en usarlo.

Sólo está disponible para versiones 2.1.x y 2.2.x desde aquí
Ya que instalar plugins en Wordpress es fácil y que los de FCKEditor se lo curran mucho, no espereis encontrar una gran guía, ya que en pocos pasos está listo.

  1. Descargar el archivo (http://code.google.com/p/fckeditor-for-wordpress/downloads/list).
  2. Subir la carpeta completa a el directorio wp-content/plugins/ en el ftp del wordpress.
  3. Activar el Plugin.

Y ya está!

Como paso extra, podemos crear la carpeta image dentro de wp-content/uploads/ y darle permisos de escritura, para poder subir imágenes desde el mismo editor.

Importar un archivo .sql a una base de datos MySQL es una tarea muy sencilla si se sabe hacer correctamente.
La mayoría de personas que conozco suelen importar archivos mediante phpMyAdmin, la opción Importar, que no permite archivos de más de 2.048Kb (2 Mb). Por esta razón, cargar un archivo de más de 2 megas debe hacerse en varios trozos, siendo esta una labor bastante cansina.

Para ejecutar un .sql directamente, no existe ningún comando que lo haga, simplemente, hay que ejecutarlo. Abrimos un a línea de comandos y escribimos:

mysql -uUSUARIO -pPASSWORD BaseDeDatos < archivo.sql

De esta forma, cargaremos el archivo.sql en la base de datos BaseDeDatos. Para ello debe estar creada anteriormente la tabla.

Un pequeño truco que suelo usar para no tener que crearla, en el mismo .sql que quiero importar, añadir al comienzo las siguientes lineas

CREATE DATABASE `BaseDeDatos`;
USE `BaseDeDatos`;

De esta forma creamos y seleccionamos la base de datos y sólo deberemos indicarle el archivo sql.
mysql -uUSUARIO -pPASSWORD < archivo.sql

Mirando en las herramientas para webmasters de google, el dominio www.zona-skate.com, veo los links que enlazan a mi página, y entre ellos me encuentro uno de la wikipedia y pensé: pero si en la wikipedia pone rel=”nofollow”, no deberia de seguirlo o contarlo.
Aquí dos imagenes, una de el link en concreto en las herramientas de webmasters de google y otra del código de la wikipedia del enlace.

Imagen 1 (click para verla en grande)

Imagen 2 (click para verla en grande)

En conclusión saco, que por lo menos, los links los sigue y los tiene en cuenta para contar los links que te enlazan, lo que supongo que no hará será contarlo para calcular el PageRank

Despues de leer a traves de meneame un articulo sacado de anieto2k, sobre menús en CSS, lo guardé en marcadores, hoy he ido a visitarlos y la web no funciona, por suerte lo he podido resacatar de una caché y lo pongo aquí

  1. 11 CSS navigation menus : at Exploding Boy
  2. 12 more CSS Navigation Menus. : at Exploding Boy
  3. 14 Free Vertical CSS Menus : at Exploding Boy
  4. 2-level horizontal navigation : demo at Duoh
  5. Absolute Lists: Alternatives to Divs : An approach of using lists instead of divs at evolt
  6. Accessible Image-Tab Rollovers : demo at Simplebits
  7. ADxMenu : multiple menu examples at aPlus
  8. A drop-down theme : at CSS Play
  9. Bookend Lists: Using CSS to Float a Masthead : at WebSiteOptimization
  10. Bulletproof Slants : demo at Simplebits
  11. Centered Tabs with CSS : at 24ways
  12. Clickable Link Backgrounds : A bulletproof unordered list of links, each with a unique (purely decorative) left-aligned icon that is referenced with CSS ; but that is also clickable.
  13. Create a Teaser Thumbnail List Using CSS: Part 1 : lists of items made up of a title, short description, and thumbnail.
  14. Creating Indented Navigation Lists : A multi-level indented list
  15. Creating Multicolumn Lists : at Builder.com
  16. cssMenus - 4 Level Deep List Menu : at SolarDreamStudios
  17. CSS and Round Corners: Build Accessible Menu Tabs : at SitePoint
  18. CSS-Based Tabbed Menu : a simple tabbed menu.
  19. CSS-based Navigation : demo at Nundroo
  20. CSS: Double Lists : A single list that appears in two columns
  21. CSS Mini Tabs (the UN-tab, tab) : demo at Simplebits
  22. CSS only dropdown menu : at CSS Play
  23. CSS only flyout menus : at CSS Play
  24. CSS only flyout/dropdown menu : at CSS Play
  25. CSS only flyout menu with transparency : at CSS Play
  26. CSS only vertical sliding menu : at CSS Play
  27. CSS Swag: Multi-Column Lists : at A List Apart
  28. CSS Tabs : tabs without any images
  29. CSS Tabs : list of various tab solutions
  30. CSS tabs with Submenus : at Kalsey.
  31. dTree Navigation Menu : Javascripts Tree at Destroydrop
  32. Definition lists - misused or misunderstood? : appropriate uses of definition lists
  33. Do You Want To Do That With CSS? - Multiple Column Lists : multi-column lists.
  34. Drop-Down Menus, Horizontal Style : at A List Apart
  35. Float Mini tabs : at Web-Graphics
  36. Flowing a List Across Multiple Columns : A table without using tables.
  37. Free Menu Designs V 1.1 : ready-to-download block menusat e-lusion
  38. FreeStyle Menus : XHTML compliant, CSS-formatted menu script at TwinHelix
  39. Hidden tab menu : at CSS Play
  40. How to Style a Definition List with CSS : at WebReference
  41. How to Style an Unordered List with CSS : at WebReference
  42. How to Use CSS to Position Horizontal Unordered Lists : at WebReference
  43. Hybrid CSS Dropdowns : at a List Apart
  44. Inline Mini Tabs : at Web-Graphics
  45. Intelligent Menus : CSS and PHP menu at PhotoMatt.net
  46. Inverted Sliding Doors Tabs : at 456BereaStreet
  47. Light Weight Multi Level Menu : at CssCreator
  48. List Display Problems In Explorer For Windows : list hack for IE
  49. Listamatic : simple lists; various styles.
  50. Listamatic2 : nexted lists; various styles
  51. Menus galleries in CSS and XHTML : multiple examples and downloads at Alsacreations
  52. Mini-Tab Shapes : demo at Simplebits
  53. Mini-Tab Shapes 2 : demo at Simplebits
  54. More than Just Bullets : at W3.org
  55. Multiple Column Lists : at css-discuss
  56. A Navbar Using Lists : A lightweight nav bar at WestCiv
  57. Navigation Matrix Reloaded : at SuperfluousBanter
  58. Remote Control CSS : examples of lists styled differently
  59. Remote Control CSS Revisited - Caving in to peer pressure : multi-column remote control
  60. Rounding Tab Corners : by Eric A. Meyer.
  61. Simple CSS Tabs : at SilverOrange
  62. Simplified CSS Tabs : demo at Simplebits
  63. Sliding Doors : at A List Apart
  64. Spruced-Up Site Maps : sitemaps as lists
  65. Styling Nested List : at SimpleBits
  66. Suckerfish Dropdowns : at HTMLDog
  67. Tabtastic : Gavin Kistner.
  68. Tabs Tutorial at BrainJar
  69. Taming Lists : at A List Apart
  70. Turning a List into a Navigation Bar : at 456BereaStreet
  71. Ultimate css only dropdown menu : at CSS Play

MusculaciónGlobal DomainsDiseñoWebUruguayOferta OrdenadorBlogs gratis
PeliculasCortadores JamonCrear FotologTrucos BellezaApuntar Web