Optener detalles geograficos por una IP
enero 20, 2010
Deja un comentario
Con esta clase puedes obtener la ubicación geográfica de una ip, como país, ciudad, CP, etc.
Archivo
Archivo para 20 enero 2010
Twitter Updater
enero 19, 2010
Deja un comentario
Esta clase se puede utilizar para actualizar o recuperar el estado de tu usuario de twitter.
http://www.phpclasses.org/browse/package/5788.html
Un poco de historia
enero 16, 2010
Deja un comentario
Creo que no nos caera mal un poco de historia de eventos importantes en internet :)
http://sixrevisions.com/resources/the-history-of-the-internet-in-a-nutshell/
Categorías:Sitio de Hoy
20 Add-ons eseciales de FireFox para Desarollo Web
enero 16, 2010
Deja un comentario
Una de las que veo mas utiles es Firebug, puedes ver respuestas de ajax
tamaños de los objetos, posiciones, nombres, estilos CSS, código js, y mucho más.
http://sixrevisions.com/tools/top-20-essential-firefox-add-ons-web-designers/
FireBug:
https://addons.mozilla.org/en-US/firefox/addon/1843
Css rounded buttons
enero 14, 2010
Deja un comentario
Esta es una técnica simple y efectiva de crear botones redondos con CSS y sin JavaScript.
Codigo HTML:
<html> <head> <title>Ejemplo css rounded buttons</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link media="screen" type="text/css" rel="stylesheet" href="webtoolkit.rbuttons.css" /> </head> <body> <a class="rbutton red" href="http://gajupo.wordpress.com/"><span>Red</span></a> <a class="rbutton green" href="http://gajupo.wordpress.com/"><span>Green</span></a> <a class="rbutton blue" href="http://gajupo.wordpress.com/"><span>Blue</span></a> </body> </html>
CSS:
/* do not change */
.rbutton {
cursor: pointer;
display: -moz-inline-box;
display: inline-block;
padding-left: 5px;
padding-bottom: 1px;
line-height: 19px;
background-position: lef top;
background-repeat: no-repeat;
}
.rbutton span {
padding-left: 10px;
display: -moz-inline-box;
display: inline-block;
padding-right: 15px;
padding-bottom: 1px;
line-height: 19px;
background-position: right top;
background-repeat: no-repeat;
}
/* skin */
.red {
background-image: url(buttons/red-left.gif);
}
.red span {
background-image: url(buttons/red-right.gif);
}
.green {
background-image: url(buttons/green-left.gif);
}
.green span {
background-image: url(buttons/green-right.gif);
}
.blue {
background-image: url(buttons/blue-left.gif);
}
.blue span {
background-image: url(buttons/blue-right.gif);
}
/* font size and family */
.rbutton {
font-family: verdana;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #000000;
}
Imágenes:
Categorías:1
CSS Vertical align
enero 14, 2010
Deja un comentario
En la etiqueta HTML td tiene un atributo llamado “valign”, que puede alinear el contenido verticalmente. CSS no tienen tal atributo, por lo que tiene que hacer un poco de magia para lograr tal resultado. Utilizando el método descrito a continuación usted será capaz de alinear un elemento verticalmente en cualquier contenedor de altura.
Ejemplo:
<html>
<head>
<title>DEMO: CSS vertical align</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
.v-outer {
display: table;
#position: relative;
overflow: hidden;
height: 100px;
background: black;
color: white;
width: 100%;
}
.v-middle {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
.v-inner {
#position: relative;
#top: -50%;
}
</style>
</head>
<body>
<div class="border v-outer">
<div class="v-middle">
<div class="v-inner">
...content...
</div>
</div>
</div>
</body>
</html>
Categorías:1
Los 50 mejores tutoriales de Photoshop
enero 12, 2010
Deja un comentario
Interesante el de crear un estilo web 2.0 limpio.
http://sixrevisions.com/photoshop/top-50-adobe-photoshop-tutorials-of-2009/
Ejemplo de un estilo limpio web 2.0
