Got caffeine?: 2009

23/12/09

Ahora pongo mucho más en http://yunchi.tumblr.com/. Aunque tampoco es que ponga mucho, pero si te aburres... En fín, ya sabes, ¡hay cosas mejores que hacer que leer un tumblr!

10/10/09

Dibujosaurios: tiras cómicas de dinosaurios

23/9/09

Cosas bonitas, Templates

Otro Blog Más!?!?!?!

Si. Otro más, por que me apetecía diseñarlo, como me pasa siempre. Os lo presento:

El título es: Las inquietudes personales de Matsumoto Yun, que es mi alias from the interwebz, con apellidos y todo.
Al menos podéis echarle un vistazo al diseño. xD

22/9/09

Fotos

Cookies 'n Search

19/9/09

Frikadas, Música

Feliz día internacional de hablar como un pirata

¡ARRR! ¡¡Celebremos el 19 de Septiembre con George Harrison y su canción del pirata!!

16/9/09

Templates

Plantilla modificada de Showoff Light

Puesto que no paro de cambiar de plantilla del blog, he pensado que cuando vaya a hacerlo o se me ocurra algo distinto, lo publicaré aquí con el código por si a alguien le interesara. Como mínimo tendré un registro de las distintas plantillas por las que pasará este blog. Aunque es una lástima no haberlo hecho antes, ya que algunas de las anteriores plantillas costaron mucho tiempo y esfuerzo para mí, otras simplemente me encantaban, pero al no haberlas guardado (aunque creo que tengo el xml en algún sitio) tendré que empezar de cero.

La plantilla que estoy utilizando ahora mismo es una modificación de esta otra que está muy chula: Showoff Light de Dante Araujo, del que por cierto me gustan la mayoría de sus plantillas.

Mi Plantilla de Blogger:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script src='http://bloggerbuster.com/scripts/time-of-day-pale.js' type='text/javascript'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Showoff
Designer: Dante Araujo
URL: www.dantearaujo.net
Date: 3 May 2009
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#929292" value="#191919">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#047291">
<Variable name="menucolor" description="Menu Color"
type="color" default="#F00060" value="#31c6ce">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#829210">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#D18492">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#FD8100">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#929292">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#31C6CE">
<Variable name="sidebarlinkcolor" description="Sidebar Link Color"
type="color" default="#999" value="#EB0038">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#808080">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#9DFE50">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% Arial, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal bold 200% Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 78% Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 78% Arial, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

a{
outline:none;
}

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:$linkcolor;
text-decoration:none;
}

a img {
border-width:0;
}

hl1, hl3, hl5 {
background: #31C6CE;
color: #000;
word-spacing:2px;
padding: 0 3px 0;
}

hl, hl2, hl4 {
background: #9DFE50;
color: #000;
word-spacing:2px;
padding: 0 3px 0;
}

#code{

width: 500px;
height: 120px;
text-align: left;
overflow: scroll;
white-space:nowrap;
font-family: monospace;
border: 3px solid #ddd;
}

/* Header
-----------------------------------------------
*/
javascript:void(0)
#header-wrapper {
width:865px;
margin:0 auto 10px;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

.titlewrapper {
border-right:1px solid $sidebarcolor;
float:left;
padding:15px 30px 15px 0;
}

.descriptionwrapper {
float:left;
padding-left:30px;
}

#header {
color:$pagetitlecolor;
margin:40px 5px 5px;
text-align:center;
}

#header h1 {
font-family:Arial,sans-serif;
font-size:73px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-6px;
line-height:normal;
margin:0;
text-transform:lowercase;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
color:$descriptioncolor;
font-family:Arial,sans-serif;
font-size:24px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:3;
text-transform:lowercase;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Message
----------------------------------------------- */
#message {
float:left;
padding:0;
margin:0px;
}

#message a {
color: $pagetitlecolor;
}

#twitter_div {
color: #F00060;
}

.message {
color:white;
font-size:33px;
padding:0;
}

/* Menu
----------------------------------------------- */
#menu {
border-bottom:1px solid $menucolor;
float:right;
width:865px;
}

.menu {
float:right;
margin-bottom:10px;
padding:0;
}

.menuitem {
display:inline;
}

.menuitem a {
color:$menucolor;
font-size:16px;
padding:10px;
text-transform:uppercase;
}

.menuitem a:hover {
color:$bgcolor;
background:$menucolor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 865px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
float:left;
overflow:hidden;
padding-right:20px;
width:610px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

#sidebar-wrapper {
float:right;
margin-left:0;
overflow:hidden;
width:235px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
color: #F00060;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px solid $bordercolor;
padding-bottom:1.5em;
}

.post ul {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
}

.postdate {
float:left;
font-size:15px;
margin-left:15px;
padding-top:5px;
}

.post h3 {
color:$titlecolor;
float:left;
font-size:140%;
font-weight:normal;
line-height:1.7em;
margin:0 0 15px;
padding:5px 0;
width: 550px;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
color:$titlecolor;
display:block;
float:left;
font-size:35px;
font-weight:normal;
padding:5px 15px;
text-decoration:none;
}

.post-body {
clear:both;
line-height:1.6em;
margin:0 0 0.75em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
color:$sidebarcolor;
font-family:Arial,sans-serif;
font-size:78%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {

}
.post blockquote {
background:#dedede none repeat scroll 0 0;
border:1px solid #F00060;
margin:1em 20px;
padding:15px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
.comment-author {
background:#dedede none repeat scroll 0 0;
font-size:20px;
padding:10px;
}

#comments h4 {
color:$sidebarcolor;
font-size:20px;
font-weight:bold;
line-height:1.4em;
margin:1em 0;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}

#comments-block .comment-body {
background:#dedede none repeat scroll 0 0;
margin:0;
padding:0 10px 10px;
}
#comments-block .comment-footer {
background:#dedede none repeat scroll 0 0;
font-size:11px;
line-height:1.4em;
margin:0 0 10px;
padding:0 10px 10px;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: right;
}

#blog-pager-older-link {
float: left;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar .widget-content {
padding-left:20px;
}

.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar h2 {
font-size:24px;
font-weight:normal;
letter-spacing:-1px;
margin-bottom:5px;
margin-top:15px;
text-transform:none;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

.sidebar a {
color: $sidebarlinkcolor;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
border-top:1px solid;
clear:both;
font-size:11px;
font-weight:bold;
line-height:1.6em;
margin:0 auto;
padding-top:15px;
text-align:center;
width:865px;
}
]]></b:skin>

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Got caffeine? (cabecera)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='message'>
<span class='message'>
<div id='twitter_div'>
<ul id='twitter_update_list' style='list-style-type:none;'/>
</div></span>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/yunchi88.json?callback=twitterCallback2&count=1' type='text/javascript'/>
</div>

<div id='menu'>
<ul class='menu'>
<li class='menuitem'><a href='http://got-caffeine.blogspot.com/'>Inicio</a></li>
<li class='menuitem'><a href='http://www.blogger.com/profile/15164525617003487763'>Sobre mÃ</a></li>
<li class='menuitem'><a href='http://twitter.com/yunchi88'>Twitter</a></li>
<li class='menuitem'><a href='mailto:yunchan88(arroba)gmail(punto)com'>Contacto</a></li>
</ul>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Newer Entries</a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Older Entries</a>
</span>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<div id='digg' style='float: left; width:53px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>

<b:if cond='data:blog.pageType != "item"'>

</b:if>

</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span> <span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span> </div>

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>

<div class='post-footer-line post-footer-line-3'>
</div>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>



<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' id='comment-author'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>

<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Comentarios' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BlogList1' locked='false' title='Blogs' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archivo' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<div class='footer' id='footer'>

</div>

</div>

</div></div> 
</body>
</html>

31/8/09

Fotos, Frikadas, Seriously

Elecciones en Japón

Recojo las fotos de Dannychoo:

Baba Yuko (partido democrático)

Como comenta Danny Choo, aquí hay una especie de Pedo-dog detrás de Baba Yuko:

Otros usan animadoras monas y cantantes para conseguir más votos:

Aso Taro (partido democrático liberal)

Preparan un cartel para un discurso del primer ministro, aunque nadie sabía cuando iba a aparecer...

Partido de la Realización de la Felicidad

Fijaos en que tienen traductora para sordos y gente que sólo está ahí para llamar la atención levantando las manos y sonriendo. No es necesario tragarse todo el video xD A no ser que queráis practicar Japonés...

Partido comunista

Buscan a los votantes más jóvenes.

Los bomberos también participan consiguiendo votos:

Los japoneses sólo pueden votar a partir de los 20 años.

Los extranjeros no pueden votar, aunque vivan allí.

Durante las elecciones, grupitos de gente se colocan en las esquinas con pancartas para que les votes.

Son muy limpios y no tiran folletos al suelo. Sólo producen contaminación acústica, pero allí eso es habitual, igual que en España nunca se tiene en cuenta.

Para el que no lo sepa, el Stormtrooper es Danny Choo

Ha ganado el partido democrático con Yukio Hatoyama. Desde el final de la guerra (1955), el partido Democrático liberal estaba en el poder, hasta hoy.

30/8/09

Cosas bonitas, Música

Do do that voodoo that you do so well

Haz ese vudú que haces tan bien...

Ya sabéis que me encanta esta música, os dejo aquí una canción escrita por Cole Porter, pero cantada por Doris Day (me gusta más su voz). En realidad la canción de Porter es más larga y no dice "you do" sino "do do" que me parece más bonito. Pero el recorte en esta canción es encantador:

You do something to me,
something that simply mystifies me.
Tell me, why should it be
you have the power to hypnotize me?
Let me live 'neath your spell,
Do do that voodoo
that you do so well.
For you do something to me
that nobody else could do!
Let me live 'neath your spell,
Do do that voodoo
that you do so well.
For you do something to me
that nobody else could do.
That nobody else could do!

Tu me haces algo,
algo que sencillamente me desconcierta.
Dime, por que debería ser
¿Tienes el poder de hipnotizarme?
Déjame vivir bajo tu hechizo,
Haz ese vudú
que haces tan bien.
Por eso hazme algo
que nadie más puede hacer.
Déjame vivir bajo tu hechizo,
Haz ese vudú
que haces tan bien.
Por eso hazme algo
que nadie más puede hacer.
¡Que nadie más puede hacer!

29/8/09

Fotos, Photoshó

Vestido Rojo

Clic para ampliar!

Otras versiones:

Mythical Creatures

Mythical Creatures, originalmente cargada por preshaa.

22/8/09

Cosas bonitas, Informática

Caracteres especiales y bonitos

Nos solemos olvidar de ellos por que no se pueden poner todos en un teclado, pero son tan bonitos y prácticos:
☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☆ ☣ ௵ ♘ ♑
Algunos de ellos sólo pueden verse haciendo truquitos con las fuentes, y otras veces UNICODE (UTF-8) es el que nos salva y nos facilita la tarea. Para todo lo demás: Unicode table for you!

P.D.: En Windows XP no se ven por que es un S.O. viejete, tal vez se vea en Windows Vista, donde seguro se ven es en cualquiera de los Mac OS X.

15/8/09

Garabatos

Haiku-conejo

Post original

Esparce el viento
Las hojas por el suelo
Bello desorden

30/7/09

Cosas bonitas, FasMunMineral, Noooh

Disfrutad, amantes de Monkey Island™

¡Ver Sorpresa!

27/7/09

Fotos, Internet, Tontadas, Videos

Dos gatos famosos en internet

Maru y Winston
Se puede decir que soy amante de los gatos, pero aún no se me ha pasado por la cabeza hacer un blog o videoblog de los míos.
El dueño de Maru en cambio, quería compartir con todo el mundo lo preciosisisísimo que es su gato, así que le hizo un blog de fotos.
Esta es mi foto favorita de Maru (con sombrero de cangrejo):

Winston destaca más por su forma de ser y su cara de enfado que resulta muy graciosa. En este caso su dueño le dio el paso a la fama a través de Youtube.

26/7/09

Frikadas, Internet, Noooh

I Can Has Cheezburger: The MusicLOL

¡Se va a representar el musical de ICHC!

Estos son los personajes de la obra:
LOLcat – MALE – Tenor – Optimistic and naïve
LOLrus – MALE – Tenor – Sage and understanding
Drop – MALE – Baritone – Paranoid and crazed
Mr. Wrong – MALE – Tenor – Deliciously maniacal villain
Sumz – FEMALE – Mezzo – Nerdy and stodgy
Jodie – FEMALE – Soprano – Ingénue
Epic Win/Backup – FEMALE – Mezzo – The angel on LOLcat’s shoulder
Epic Fail/Backup – FEMALE – Mezzo – The devil on LOLcat’s shoulder
Orly Owl/Backup – FEMALE – Mezzo – Inquisitive and odd
Ver más.

23/7/09

Cosas bonitas, Música

White Rabbit - Jefferson Airplane

Cuando llega esa nota fantástica donde el conejo se come su propia cabeza.

One pill makes you larger
And one pill makes you small,
And the ones that mother gives you
Don't do anything at all.
Go ask Alice
When she's ten feet tall.
And if you go chasing rabbits
And you know you're going to fall,
Tell 'em a hookah smoking caterpillar
Has given you the call.
Call Alice
When she was just small.
When the men on the chessboard
Get up and tell you where to go
And you've just had some kind of mushroom
And your mind is moving low.
Go ask Alice
I think she'll know.
When logic and proportion
Have fallen sloppy dead,
And the White Knight is talking backwards
And the Red Queen's "off with her head!"
Remember what the dormouse said:
"Feed your head. Feed your head. Feed your head"

16/7/09

Cosas bonitas, FromThePast, Videos

Jerry Lewis

La muestra de que algunas estrellas de la comedia nunca se apagan

Muchos recordaréis la música, aunque no hayáis visto antes este video:

Jerry Lewis (MRtm. Joseph Levitch) es un cómico y actor conocido principalmente por sus escenas en las que simulaba que hablaba o cantaba moviendo la boca en consonancia, aunque yo lo recuerdo siempre más por sus caras. Recuerda en muchos aspectos a Abbot y Costello, de los que me encanta la actuación "Who's on first?" donde juegan con las palabras y las equivocaciones por dobles interpretaciones, ¡y en algunos casos triples! A algunos os gustará más este juego de tipografías con el mismo sonido.

14/7/09

Fotos

Cris y yo

10/7/09

Cosas bonitas, Música

Subterranean Homesick Blues - Bob Dylan

Johnnys in the basement
Mixing up the medicine
Im on the pavement
Thinking about the government
The man in the trench coat
Badge out, laid off
Says hes got a bad cough
Wants to get it paid off
Look out kid
Its somethin you did
God knows when
But youre doin it again
You better duck down the alley way
Lookin for a new friend
The man in the coon-skin cap
In the big pen
Wants eleven dollar bills
You only got ten

Maggie comes fleet foot
Face full of black soot
Talkin that the heat put
Plants in the bed but
The phones tapped anyway
Maggie says that many say
They must bust in early may
Orders from the d. a.
Look out kid
Dont matter what you did
Walk on your tip toes
Dont try no doz
Better stay away from those
That carry around a fire hose
Keep a clean nose
Watch the plain clothes
You dont need a weather man
To know which way the wind blows

Get sick, get well
Hang around a ink well
Ring bell, hard to tell
If anything is goin to sell
Try hard, get barred
Get back, write braille
Get jailed, jump bail
Join the army, if you fail
Look out kid
Youre gonna get hit
But losers, cheaters
Six-time users
Hang around the theaters
Girl by the whirlpool
Lookin for a new fool
Dont follow leaders
Watch the parkin meters

Ah get born, keep warm
Short pants, romance, learn to dance
Get dressed, get blessed
Try to be a success
Please her, please him, buy gifts
Dont steal, dont lift
Twenty years of schoolin
And they put you on the day shift
Look out kid
They keep it all hid
Better jump down a manhole
Light yourself a candle
Dont wear sandals
Try to avoid the scandals
Dont wanna be a bum
You better chew gum
The pump dont work
cause the vandals took the handles

2/7/09

Cine, FasMunMineral, Frikadas, Noooh

RoboGeisha de Noboru Iguchi

Esta película se estrenará en Japón a finales de este año 2009:

No os podéis perder nada del trailer (sobretodo la voz ronca japonesa americanizada) :

Me ha parecido ver a las robots de Austin Powers...

Vía Kirainet.com

1/7/09

Frikadas, Noooh, Tontadas, Videos

Play her off, Keyboard Cat!!

Un pequeño video que he hecho de Keyboard Cat

Espero que os guste:

Cine, Frikadas

Brüno

Sacha Baron Cohen ahora es Brüno

Anteriormente fué Ali G y Borat, ahora con Brüno es un gay austríaco bastante nazi, famoso por su programa de televisión sobre moda. En busca de la fama, viaja a EEUU y hace de todo para poder conseguir su objetivo (adoptar un niño africano, conseguir la paz en oriente medio, tener su propio programa de televisión, hacerse actor...), viendo que no consigue lo que desea, entra en una crisis de identidad e intenta de dejar de ser homosexual con medios como meterse en el ejercito, acudir a la iglesia, ir al bosque con otros hombres, etc.
Para aquellos que no lo sepan, Sacha actúa prácticamente solo frente a gente que a veces ni siquiera sabe que está siendo grabada, y que por supuesto no sospechan que Brüno sea un personaje.
En el trailer que he puesto a continuación se le ve en el desfile de Agatha Ruiz de la Prada, que algunos recordarán que salió en las noticias en su momento y mencionaron que podía ser para la nueva película de Sacha Baron Cohen, y no se equivocaban, pero causó un gran revuelo y parece ser que tuvo que pasar la noche en comisaría.
Es curioso que siendo inglés, en cuyos genes no está lo de aprender idiomas correctamente, con Borat aprendió Kazajo y ahora Alemán.
Nótese la falta de vello con respecto a Borat:

Anoche fuí a ver el pre-estreno y me gustó mucho, es muy divertida, bestial y alucinante. Por supuesto con el trailer no te puedes hacer una idea de lo escatológica que es toda la película... xD

Como Ali G en el videoclip de Madonna, Music
Borat en CambridgePertenece a la serie de Borat en Inglaterra. No te pierdas el momento del [0:44]
Y mi favorito: Borat learns to play Bowls Momentos especiales: [0:09], [1:35] y [4:03]

Como dice Brüno: "Osea, ¡pasando!"

28/6/09

Frikadas, Tontadas, Videos

¡Esto te hará el día felíz!

Fatso, the keyboard cat!

Compra camisetas y tazas aquí.

Tontadas, Videos

Quiero dejar esto bien claro...

27/6/09

Informática, Internet

Tumblr

Si os gustaron Blogger/Wordpress y Twitter, entonces prueba Tumblr

Es una especie de mezcla entre los dos: red social en la que las actualizaciones de tus amigos son muy importantes y donde puedes competir en popularidad entre todos los demás blogs (en esto es como twitter), pero además puedes subir fotos, citas, posts tradicionales, audio, video y links.

Es muy fácil de usar. Y totalmente configurable, puedes hacerte tu propia plantilla si sabes manejarte con HTML y CSS.

Aquí está mi Tumblr de fotos.

24/6/09

Música

Moving - Macaco

No he había fijado en esta canción por que no conocía a Macaco, pero hoy he puesto su videoclip y me ha hecho gracia la cantidad de cantantes y actores conocidos que salen en él. A ver si reconocéis a todos. ;)
No permiten "embeber" el video así que aquí tenéis el link. Ver Vídeo

14/6/09

Fotos, Música, Photoshó

Sweet Dreams till sunbeams find you...

Canción de The Mamas & The Papas, Dream a Little Dream of Me
Es una canción que siempre nos ha gustado a mi madre y a mí. Actualmente la relaciono con la película Pleasantville (1998) supongo que es por el estilo y la estética de la película. Hoy se me ha metido en la cabeza y no me la quito.

Sweet Dreams (till sunbeams find you...)

30/5/09

FromThePast, Tontadas

Yo quiero un chico yeyé

Que tenga mucho ritmo, que cante en inglés, que sea feliz, que tenga grandes ambiciones, que no le den asco los animales, que me haga reír, que quiera hacerme feliz, que ame el cine, que disfrute de la vida tal como es y se aproveche de ella, que sea educado y pida las cosas por favor y de las gracias como los ingleses, que sea limpio y ordenado, que le importe tres pepinos si mi carrera es guay o no, por que a mi me gusta y punto, que me proteja y no me haga sentir tonta ni me abochorne, que me respete.
Un chico guay, que crea en sí mismo y me quiera un montón. No es pedir tanto, ¿O sí?

29/5/09

Barbaridades, Informática, Seriously

¿Por qué ignoran al CSS? ¿Pero qué os ha hecho?

Esta entrada va enfocada únicamente a expresar mi desprecio hacia los inadaptados a los tiempos modernos (veáse Micro$oft).

Me molesta que compañías líderes en software prefieran pasar de los estándares por que son así de molones. Sea quien sea el que hizo el estándar CSS lo hizo por un motivo: que todos los navegadores entiendan lo mismo si les dices puerta, ventana o casa. Si le pides una puerta, tanto Safari como Internet Explorer tienen que darte una puerta. Se entiende que grupos como los realizadores de Mozilla se las tengan que ingeniar para adaptarse a ellos. Y lo hacen bastante bien, no paran de intentarlo al menos. Luego me sorprendo con que Safari cuenta con todas las actualizaciones del CSS3 hechas hasta la fecha, con algún que otro fallito tonto. El navegador de Google (Chrome) es el más avanzado y actualizado, pero es normal por que se hizo hace poco.
¿Pero se puede saber qué les pasa a los de Microsoft, que tampoco hace mucho que sacaron el Internet Explorer 8, y no se atiene a los estándares ni del primer CSS?

Esto lo único que hace es que como es el líder en el campo de la informática del hogar, la mayoría tiene este bicho que no sabe ni hacer una O con un canuto. La gente deja de disfrutar de páginas web mucho más bonitas, que necesitan menos tiempo de carga, y que hacen cosas chulísimas con poco código (y por tanto, menos trabajo para el que escribe ese código).

La gente que hace IE son gente muy capaz, con un buen trabajo y me consta que en su empresa los tratan muy bien. Entonces debo pensar que son más bien los directivos los que prefieren no avanzar hacia lo inevitable y agarrarse a algo obsoleto.
Antes de entrar en la carrera ya me advirtieron: para ser buen informático y no quedarte obsoleto, debes informarte de las cosas nuevas constantemente.
Me da a mí que a ellos no se lo dijeron.

Algún día explicaré las maravillas del CSS, y sus defectos.

Cascading Style Sheets (Wikipedia en Inglés)
CSS3.info
CSS Selectors - Is your browser compatible? Un test para ver si tu navegador es compatible.

23/5/09

Fotos, FromThePast

REMEMBER: Yunchi en la Facultad de Química!!

Esos pelos raros, mis compis de clase, lo que me divertía en los laboratorios esos... ¡Ah! ¡Qué momentos! Pero creo que no me volveré a poner ese flequillo. Esto es de Enero de 2007.

Yun se toma muy en serio las normas de seguridad del laboratorio.

Juanjo, Jorge y Yun (Yunchi trabajando y los demás posando...)

Yun se divierte limpiando los tubos de ensayo con agua desionizada.

20/5/09

Música

Katherine Kiss Me

Wah! Me da no se qué poner esto aquí donde cualquiera puede escucharlo, pero ya que me lo habéis pedido... >_< No os burléis, eh?

Katherine kiss me
Slippy little lips will split me
Split me where your eye won't hit me
Yes, I love you
I mean, I- I'd love to get to know you

Sometimes I say the stupid things
I think
I mean, I- sometimes think the stupidest things

Do you ever wonder
How the boy feels

Katherine kiss me
Flick your cigarette then kiss me
Flick your eyes at mine so briefly
Your leather jacket lies in sticky pools of cider blackberry

You glance a ricochet from every alpha male behind me
Eyes
Like marbles on a washing machine

I wonder
How the boy feels

Katherine kiss me
In the alleyway by Jakey's
Jack in the sodium light
Yes, I love you
I mean, I- I mean, I- need to love

And though your opened eyes stare
Bored upon the overflowing pipes above me
Tonight
I don't mind
Because I never wonder
How the girl feels

12/5/09

Fotos

Cumple de Ame

The GREEN one: una de nuestras paridas, no le busques el sentido por que no lo tiene.

Un señor majete nos hizo una foto a todos juntos.

11/5/09

Tontadas, Videos

Hammy el hamster motorista

Me sabe mal por los intentos fallidos que habrá soportado...

Photoshó

Pre y post photoshop

Cosas que he cambiado: he ajustado todo el tono de la foto, el color del pelo, le he dado más brillo al pelo y a los reflejos de los ojos y los labios. He añadido pestañas, he añadido una pequeña sombra en el contorno de los ojos, he añadido algo de color a las mejillas. La piel está suavizada y corregidas las impurezas de la piel. También he cambiado el color a los labios. Lo cierto es que cuando haces unos cuantos retratos modificados, coges la rutina de cada paso y encuentras maneras más eficaces para cada efecto. Por ejemplo, usar una capa de ajuste de curvas para los labios en vez de una capa de color con fundido da un efecto mucho más realista y bonito.
¿Veis que no es tan complicado hacer lo que muestran en las fotografías de los anuncios? De hecho, muchas veces veo anuncios y voy pensando paso a paso lo que han hecho para que quede de esa manera. Luego es sencillo reproducirlo en otra imagen.

9/5/09

Hoy he recordado a la señora de los nííííííííísperos.
Dedicado a Ame,
que seguro que se ríe recordándolo.

7/5/09

Fotos

5/5/09

Fotos

Más fotos de Cuenca

Estas son vistas de zonas de Cuenca desde la montaña. Hacía un día precioso. Subimos en el 4x4 pero las carreteras estaban en muy buen estado y podría subir cualquier coche, sólo hay que ir con cuidado cuando vienen de frente por que casi no caben dos coches.

Se dice que la catedral de Cuenca es uno de los sitios donde hay que ir cuando veamos a los Jinetes del Apocalipsis, puesto que quien esté dentro de la catedral se salvará. Avisad si veis a alguno...

Fotos anteriores de Cuenca