Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.
Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.
Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.
Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.
Supongamos que tenemos la siguiente lista:
<ul>
<li>manzanas</li>
<li>fresas</li>
<li>peras</li>
</ul>
<ul>
<li>tomates</li>
<li>zanahorias</li>
</ul>
para numerarla mediante Jquery podemos utilizar la función prepend:
$(document).ready(function() {
$('ul > li').each(function () {
$(this).prepend("(" +
($(this).index() + 1) + ") ");
});
});
Para imprimir el contenido completo de un objeto, en Firefox, podemos utilizar la siguiente instrucción:
alert(object.toSource());
También se puede acceder a todos los elementos de un objeto mediante un bucle foreach. La siguiente función ImprimirObjeto monstrará un alert() que muestra todas las propiedades y los valores respectivos.
function ImprimirObjeto(o) {
var salida = '';
for (var p in o) {
salida += p + ': ' + o[p] + '\n';
}
alert(salida);
}
Por ejemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>imprimir objeto</title>
<script type="text/javascript">
function ImprimirObjeto(o) {
var salida = '';
for (var p in o) {
salida += p + ': ' + o[p] + '\n';
}
alert(salida);
}
var Objeto = {'algo1': 1, 'algo2': 2};
</script>
</head>
<body>
<a href="javascript:ImprimirObjeto(Objeto);">mostrar</a>
</body>
</html>
Con el siguiente fragmento de código en CSS podemos voltear una imagen. Imagina el caso de que necesites una flecha hacia la derecha y otra hacia la izquierda. Con este sencillo truco podríamos tener la solución con una sola imagen y por tanto una única petición HTTP al servidor.
img.volt_hoz{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
Del mismo modo puede hacerse para voltear verticalmente la imagen:
img.volt_ver {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
Este código permite resaltar aquellos vínculos que se van a abrir en ventana nueva. Se utilizan pseudo-selectores para personalizar el aspecto de este tipo de links.
a[target="_blank"]:before,
a[target="new"]:before {
margin:0 5px 0 0;
padding:1px;
color:#666;
background:#EEE;
font:13px "Zapf Dingbats";
content: "\279C";
}
La siguiente función permite crear un agradable efecto de scroll para desplazarse hasta un anclaje. Tan sólo hay que añadir la clase "toplink".
$("a.toplink").click(function() {
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top + "px"
}, {
duration: 1000,
easing: "swing"
});
return false;
});
La siguiente función permite obtener un color aleatorio en formato hexadecimal.
function randomColor() {
$str = '#';
for($i = 0 ; $i < 6 ; $i++) {
$randNum = rand(0 , 15);
switch ($randNum) {
case 10: $randNum = 'A'; break;
case 11: $randNum = 'B'; break;
case 12: $randNum = 'C'; break;
case 13: $randNum = 'D'; break;
case 14: $randNum = 'E'; break;
case 15: $randNum = 'F'; break;
}
$str .= $randNum;
}
return $str;
}
El siguiente snippet nos permite crear un menú de salto con jQuery
$(".menu_salto").change(function() {
var val = $('select option:selected').val();
if (val != '') {
location.href=val;
}
});
Un ejemplo podría ser el siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu Salto jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".menu_salto").change(function() {
var val = $('select option:selected').val();
if (val != '') {
location.href=val;
}
});
});
</script>
</head>
<body>
<select name="menu" class="menu_salto">
<option value="">Ir a....</option>
<option value="http://www.google.es">Google</option>
<option value="http://www.yahoo.es">Yahoo</option>
<option value="http://dribbble.com/">Dribble</option>
</select>
</body>
</html>
El siguiente snippet permite extraer todos los emails contenidos dentro de una cadena.
function extract_emails($str){
// This regular expression extracts all emails from a string:
$regexp = '/([a-z0-9_\.\-])+\@(([a-z0-9\-])+\.)+([a-z0-9]{2,4})+/i';
preg_match_all($regexp, $str, $m);
return isset($m[0]) ? $m[0] : array();
}
El siguiente código jQuery nos permite abrir links en ventana nueva sin utilizar el atributo target="_blank". En el ejemplo, se abren en ventana nueva todos aquellos links que tienen como clase "externo".
$('a.externo').click(function(){
this.target = "_blank";
});
Si tu blog de WordPress es privado o tiene muchos usuarios registrados, puede ser interesante poder mostrar el número de comentarios publicados por los usuarios registrados. Este es el objetivo de este código. Simplemente pega el siguiente código donde deseas que el recuento se muestre.
<?php
global $wpdb;
$where = 'WHERE comment_approved = 1 AND user_id <> 0';
$comment_counts = (array) $wpdb->get_results("
SELECT user_id, COUNT( * ) AS total
FROM {$wpdb->comments}
{$where}
GROUP BY user_id
", object);
foreach ( $comment_counts as $count ) {
$user = get_userdata($count->user_id);
echo 'El usuario ' . $user->display_name . ' ha realizado ' . $count->total . ' comentarios.';
}
?>