Escrito por J.F. el Tuesday, 15 de January del 2008 a las 19:30
Muy buena herramienta para aquellos que porgramamos en PHP, que nos sirve para limpiar nuestro código. Según aseguran los autores de HTML purifier, con esa herramienta podemos estar seguros de tener un código limpio a salvo de vulnerabilidades XSS, válido, etc. Puedes descargarte HTML Purifier y usarlo en tu ordenador o utilizar la demo online. Tiene buena pinta.
Enlaces: | HTML Purifier | Demo
VÃa: | Estándares y accesibilidad
Categoria: General,HTML,PHP,Recursos
Escrito por J.F. el Wednesday, 9 de January del 2008 a las 14:26
Ya han sido especificados en HTML5 los tipos de enlaces. Cuando comience a usarse, podremos incluir dentro del atributo rel="" los siguientes atributos.
- alternate: alternativa a la hora de ver el contenido
- archives: enlace a una colección de articulos, documentos o otro tipo de material histórico
- author: enlaza al autor del documento
- bookmark: enlace que se relaciona con la sección anterior más cercana
- contact: enlace hacia una forma de contacto sobre el documento actual
- external: para indicar que es un enlace externo a nuestro sitio
- feed: enlace al feed RSS
- first: indica el primer documento de una serie de ellos
- help: enlace para obtener ayuda
- icon: importa un icono para representar el documento actual
- index: enlace que nos lleva a la tabla de contenidos o un listado de páginas de nuestro documento
- last: indica el último documento de una serie de ellos
- license: enlace para ver la licencia del contenido
- next: indica el siguiente document de una serie de ellos
- nofollow: enlace no referente. No es seguido por los buscadores
- noreferer: requiere que el agente de usuario no envÃe una petición HTTP Referer si el usuario sigue el enlace.
- pingback: enlace de un pingback
- prefetch: indica que descargar y mantener en cache el enlace puede ser beneficioso ya que hay muchas posibilidades de que sea un recurso que el usuario vaya a necesitar
- prev: indica el documento anterior de una serie de ellos.
- search: enlace que permite realizar una busqueda
- stylesheet: para importar una hoja de estilos CSS
- sidebar: especifica que el documento enlace está previsto ser mostrado en el sidebar del navegador (si éste lo tiene)
- tag: indica que se trata de una palabra clave del documento
- up: indica el padre del documento actual
Realmente no sé si van a ser muy útiles éstos nuevos atributos, pero ahà están para aquellos amantes de lo descriptivo y lo meticuloso.
Fuente: | SigT
Categoria: General,HTML
Escrito por J.F. el Tuesday, 8 de January del 2008 a las 18:26
Pues sà tal y como suena, IE7.js es una hoja Javascript que puede hacer que Internet Explorer se comporte según los estandares, corrigiendo su erróneo comportamiento en determinadas situaciones. Gracias a IE7.js podemos conseguir que en explorer las imágenes png con transparencia se vean correctamente, corregir discrepancias en reglas CSS con otros navegadores, etc. Simplemente te descargar el js, y lo incluyes en tus páginas. Puede ser una buena forma de evitar recurrir a hacks.
Enlaces: | Autor IE7.js 2.0 | Demo | Descargar
VÃa: | Anieto2K
Categoria: General,Javascript
Escrito por J.F. el Monday, 7 de January del 2008 a las 17:12
En Emezeta me encuentro con la forma de hacer que el código de Youtube valide. Para ello debe quedar siempre de ésta forma:
HTML:
-
<object data="http://www.youtube.com/v/O0G7iKj6PS0"
-
type="application/x-shockwave-flash" width="425" height="350">
-
<param name="quality" value="high" />
-
<param name="movie" value="http://www.youtube.com/v/O0G7iKj6PS0" />
-
<img border="0" src="/img/video.png" alt="Video (Objeto multimedia)" />
-
</object>
Más información y explicación
Categoria: General
Escrito por J.F. el Wednesday, 2 de January del 2008 a las 21:02
Una página web que nos será muy útil, en la que se ofrece una guÃa y se nos cuenta la experiencia de un diseñador web con más de 10 años de experiencia es la de http://www.webdesignfromscratch.com/ Sin duda una interesante lectura.
Categoria: General
Escrito por J.F. el Sunday, 23 de December del 2007 a las 13:20
Un código de ejemplo para usar Google API Charts con PHP. Simplemente introducimos los datos en un array, creamos una url codificada y lo metemos en la etiqueta img. Aquà está el código de ejemplo:
PHP:
-
<?
-
-
// Here's an array containing some data to plot
-
$test_data=
array(0.
5,
6,
12,
17,
2,
0.
3,
9);
-
-
// Here's where we call the chart, and return the encoded chart data
-
echo "<img src=http://chart.apis.google.com/chart?chtt=".
urlencode("It's an example!").
"&cht=lc&chs=450x125&chd=".chart_data
($test_data).
">";
-
-
// And here's the function
-
-
function chart_data($values) {
-
-
// Port of JavaScript from http://code.google.com/apis/chart/
-
// http://james.cridland.net/code
-
-
// First, find the maximum value from the values given
-
-
$maxValue =
max($values);
-
-
// A list of encoding characters to help later, as per Google's example
-
$simpleEncoding = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-
-
$chartData = "s:";
-
for ($i = 0; $i <count($values); $i++) {
-
$currentValue = $values[$i];
-
-
if ($currentValue> -1) {
-
$chartData.=
substr($simpleEncoding,
61*
($currentValue/
$maxValue),
1);
-
}
-
else {
-
$chartData.='_';
-
}
-
}
-
-
// Return the chart data - and let the Y axis to show the maximum value
-
return $chartData."&chxt=y&chxl=0:|0|".$maxValue;
-
}
-
-
?>
VÃa: | Ribosomatic | Autor del tutorial
Categoria: General,PHP
