Hace un par de semanas hubo que desuscribir este blog del Planet Webdev, Armonth descubrió que mi plugin de resaltado de sintáxis introducia javascript en los feeds y esto impedía al planet actualizarse con normalidad (uso o usaba Coolcode).
Hoy, navegando por del.icio.us me encontre con un interesante script de resaltado de sintáxis que nos trae Google: Google Code Prettify y, como necesitaba uno, me he creado un plugin para WordPress que ahora voy a compartir con vosotros.
Descomprimir, subir y activar. Para resaltar vuestro código simplemente tendréis que introducirlo ente etiquetas code o pre con la class “prettyprint”
<code class="prettyprint"> ... </code> <code class="prettyprint"> ... </code>
Lo mejor de todo es que podemos editar el esquema de color mediante el archivo prettify.css.
Reconoce automáticamente los siguientes lenguajes: C y amigos, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, y Makefiles. Funciona pasablemente con Ruby, PHP and Awk y algoPerl, pero, a causa de las convenciones para comentar, no funciona en Smalltalk, lenguajes tipo Lisp, o CAML.
Cuando introducimos manualmente las imágenes en un documento HTML es muy sencillo darles estilo y agregarles pies de foto. No obstante, cuando queremos introducir imágenes en nuestros sitios mediante nuestros CMS o pretendemos permitir que nuestros clientes lo hagan, la labor se complica.
Paul Boag ha creado un script que buscará las imagenes marcadas con determinada clase (o clases), extraerá el contenido del atributo title y lo convertirá en un párrafo que hará las veces de pie de página. El script envolverá la imagen en un div, junto al párrafo y quitará la clase a la imagen aplicándola al div. Esto junto con un buen CSS dará lugar a un resultado muy agradable y, lo mejor de todo, automáticamente.
En un ratillo he creado un plugin para WordPress, en un rato tendré lista una página con algunas instrucciones pero de momento podéis ir descargándolo aquí:
Para utilizarlo simplemente descomprimidlo en la carpeta de los plugins y activadlo mediante el panel de control. Dad a las imágenes una clase de imgLeft o imgRight y escribe un atributo title que merezca la pena. Por supuesto, podéis editar el archivo para cambiar el nombre de las clases o el estilo (he mantenido todo tal cual era en el script original). El script fue publicado con licencia Creative Commons by-nc-sa y por la misma licencia se rige este plugin. Que lo disfrutéis.
Edit: He subido una versión con un estilo más usable para que no tengáis que ir a editar el css si no queréis.
Edit 2: He creado una página muy sencilla para el plugin, http://labs.webmasterlibre.com/wp/image-captions/
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Consejos para agilizar el desarrollo.
Excelentes formularios de comentarios para inspirarnos.
Ver más noticias de los usuarios
