Epílogo

New Labels Page by YJL

22 May 2012 11:46:12

Antes de explicar nada, lo mejor es que veáis de qué se trata, de manera que os dejo, para empezar, la muestra: Labels, y ahora lo explicamos un poco: Como véis, tenemos una lista de opciones con etiquetas, reunidas, cada una de ellas, bajo un nombre de bloque o descripción. Cuando hacemos click en alguna de esas etiquetas, se despliegan debajo las entradas contenidas en ella. En resumidas cuentas, es una tabla contenidos por etiqueta, bastante más dinámica y completa que muchas de las que he visto por ahí.He traducido este trabajo de Yu-Jie Lin al español, de manera que sea más accesible para quienes tenemos problemas con la lengua inglesa, y el resultado podéis verlo en este Blog de pruebasY vamos ahora al trabajo: Este índice se construye con query (lo sé: ahora muchos de vosotros estáis torciendo el gesto y pulsando la flecha atrás para salir de esta entrada) ... pero antes de nada, dejadme que aproveche para enseñaros las posibilidades de query, en mi photoblog, enteramente construído en query, ArsJuniaey en el que he incluído absolutamente de todo lo que se pueda ver en un blog de blogger (incluídos los emoticonos, que es algo difícil de ver en blogs con los nuevos comentarios anidados).Así ha contruído Yu-Jie Lin su "Labels page":.- En primer lugar, tenemos que crear una ueva página (id a "creación de entradas-editar páginas", para ñadir en su interior todo el códico y estilos que necesitamos:Todo lo necesario para incluir en la página que vais a crear, lo obtenéis AQUÍAllí se dan perfectamente las explicaciones para crear vuestra página de etiquetas, pero si lo queréis en español, pues aquí dejo mi adaptación. Después de eso sólo tenéis que cambiar los estilos a las necesidades de vuestro blog y, obviamente, las etiquetas que han de contenerse en las "predefined labels", así como insertar la ID de vuestro blog y la de vuestro perfil de Blogger:*(If you want this on your blog, please read [this post][instruction] for instructions.)*[instruction]: http://blog.yjl.im/2010/11/my-new-labels-page.html<div><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script><script src="http://.../.../jquery/jquery.autocomplete.pack.js"></script><script>Y ahora, el código principal (aquí no tenéis que insertar nada aún):<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script><script src="http://lilbtn.yjl.im/js/jquery/jquery.autocomplete.pack.js"></script><script>function load_labels(callback) {$('#search-labels-box-loader').hide();$.getJSON("http://www.blogger.com/feeds/" + PROFILE_ID + "/blogs/" + BLOG_ID + "?alt=json-in-script&callback=?", function(data){ if (!data || !data.entry || !data.entry.category) return; window.LABELS = []; var LABELS = window.LABELS; for (var idx in data.entry.category) { LABELS.push(data.entry.category[idx].term); } LABELS.sort(); var $ddl = $('#labels-ddl'); for (var idx in LABELS) { $('<option/>').text(LABELS[idx]).val(LABELS[idx]).appendTo($ddl); } $('#search-labels-box').slideDown('fast'); // set up autocomplete $('#labels-search-box').autocomplete(LABELS, {multiple: true}); if (callback) callback(); });}function list_labels() { var $labels = $('<ul/>').appendTo($('#blogger-labels-result').empty()); for (var idx in LABELS) { var label = LABELS[idx]; $('<li/>') .append( $('<a/>') .text(label) .attr('href', '#') .attr('label', label) .click(function(){list_posts($(this).attr('label'))}) ) .appendTo($labels); } }function list_posts(slabels, query, show_all) { var $container = $('#blogger-labels-result'); if (query) { var query_url = query + '&alt=json-in-script&callback=?'; } else { var _labels = slabels.split(','); var labels = []; for (var idx in _labels) { if (_labels[idx].trim()) labels.push(encodeURIComponent(_labels[idx].trim())); } var MAX_RESULTS = parseInt($('#max_results').val()); // If it's 0, then set to 500 if (!MAX_RESULTS) { MAX_RESULTS = 500; show_all = true; $container.empty(); } var labels_part = labels.join('/'); if (labels_part) labels_part = '/-/' + labels_part; var query_url = "http://www.blogger.com/feeds/" + BLOG_ID + "/posts/summary" + labels_part + "?alt=json-in-script&callback=?&orderby=" + $('#orderby').val() + '&max-results=' + MAX_RESULTS; } if (!show_all) $container.empty(); var $posts = $container.children('ul'); if ($posts.length == 0) { $posts = $('<ul/>'); $container.append($posts); } $.getJSON(query_url, function(data) { if (!data.feed.entry) { $posts.replaceWith($('<span/>').text('No hay entradas.')); return; } var summary_class = $('#show_summary').attr('checked') ? 'summary' : 'summary hidden'; var timestamp_class = $('#show_timestamp').attr('checked') ? 'timestamp' : 'timestamp hidden'; for (var entry_idx in data.feed.entry) { var entry = data.feed.entry[entry_idx]; var link = ""; // Find the url of this post for (var idx in entry.link) { var l = entry.link[idx]; if (l.rel == 'alternate') { link = l.href; break; } } var $li = $('<li/>') .append( $('<a/>') .text(entry.title.$t) .attr('href', link) ) .append( $('<span/>') .addClass(summary_class) .text(' - ' + entry.summary.$t) ) .append( $('<span/>') .addClass(timestamp_class) .text(' - ' + new Date(entry.published.$t)) ) .appendTo($posts); } // Check if there are next or prev links var prev = ''; var next = ''; for (var idx in data.feed.link) { var l = data.feed.link[idx]; if (l.rel == 'previous') // Blogger API repeat labels, that causes problem prev = l.href.replace(/-\/[^-]+/, ''); if (l.rel == 'next') next = l.href.replace(/-\/[^-]+/, ''); } if (show_all) { if (next) { list_posts(undefined, next, true) } else { // Finish showing all posts var total_results = parseInt(data.feed.openSearch$totalResults.$t); $container.append(total_results + ' post' + (total_results==1?'':'s')); } } else { if (prev) $container.append($('<a/>').html('« Anterior').attr('href', '#').click(function(){list_posts(undefined, prev)})); var total_results = parseInt(data.feed.openSearch$totalResults.$t); var start_index = parseInt(data.feed.openSearch$startIndex.$t); var items_per_page = parseInt(data.feed.openSearch$itemsPerPage.$t); var end_index = start_index + items_per_page - 1; if (end_index > total_results) end_index = total_results; $container.append(' ' + start_index + '-' + end_index + ' de ' + total_results + ' entrada' + (total_results==1?'':'s') + ' '); if (next) $container.append($('<a/>').html('Siguiente »').attr('href', '#').click(function(){list_posts(undefined, next)})); } }); }function show_summary_change() { if ($('#show_summary').attr('checked')) $('#blogger-labels-result .summary').removeClass('hidden'); else $('#blogger-labels-result .summary').addClass('hidden'); }function show_timestamp_change() { if ($('#show_timestamp').attr('checked')) $('#blogger-labels-result .timestamp').removeClass('hidden'); else $('#blogger-labels-result .timestamp').addClass('hidden'); }function append_to_search_box(label) { if (!window.LABELS) { load_labels(function(){append_to_search_box(label)}); return; } var $input = $('#labels-search-box'); if ($input.val()) { if (/.*, *$/.test($input.val())) $input.val($input.val() + ' ' + label); else $input.val($input.val() + ', ' + label); } else $input.val(label);}function sort_alphabet() { var $ul = $('<ul/>'); $('#blogger-labels-result ul li').sort(function(a,b){a=$(a).text();b=$(b).text();return a > b ? 1 : (a == b ? 0 : -1)}).appendTo($ul); $('#blogger-labels-result ul').replaceWith($ul); }$(function() {$('#search-labels-box').hide();var $container = $('#blogger-labels-container');var $predefined_labels = $('#predefined-labels');var $predefined_labels_ul = $('<ul/>').appendTo($predefined_labels);// List predefined labelsfor (var idx_cat in PREDEFINED_LABELS) { var cat = PREDEFINED_LABELS[idx_cat][0]; var cat_lbls = PREDEFINED_LABELS[idx_cat][1]; var $cat_ul = $('<ul/>'); for (var idx_lbl in cat_lbls) { var label = cat_lbls[idx_lbl]; $('<li/>') .append( $('<a/>') .text(label) .attr('href', '#') .attr('label', label) .click(function(){list_posts($(this).attr('label'))}) ) .append(' ') .append( $('<a/>') .html('↓') .attr('href', '#') .attr('label', label) .click(function(){append_to_search_box($(this).attr('label'));return false;}) ) .appendTo($cat_ul); } $('<li/>') .text(cat) .append($cat_ul) .appendTo($predefined_labels_ul); }});</script> Vamos ahora al CSS: Aquí ya podéis empezar a cambiar lo que creáis oportuno<style>@import url("http://lilbtn.yjl.im/css/jquery.autocomplete.css");#blogger-labels-container {color: #222;}#predefined-labels {background-color: #CCC;border-radius: 1ex;padding: 1ex;}#search-options {background-color: #CCC;border-radius: 1ex;padding: 1ex;}#search-box {background-color: #CCC;border-radius: 1ex;padding: 1ex;}#blogger-labels-result {background-color: #CCC;border-radius: 1ex;padding: 1ex;}#blogger-labels-result .hidden {display: none;}</style> Y, por fín, el HTML, donde hay que tener algún cuidado para no equivocarse<div id="blogger-labels-container"><div id="predefined-labels">Click en alguna etiqueta para mostar las entradas que contiene:</div><hr/><div id="search-options"><div><label><input type="checkbox" id="show_summary" checked="checked" onchange="show_summary_change()"/> Mostrar resumen</label> •<label><input type="checkbox" id="show_timestamp" checked="checked" onchange="show_timestamp_change()"/> Mostrar por fecha</label> •<label alt="0 shows all posts" title="0 shows all posts">Mostrar <input type="text" id="max_results" value="20" size="3"/> entradas por pagina</label></div><div>Seleccionar por <select id="orderby"><option value="published">Fecha de publicacion</option><option value="updated">Ultima por fecha</option></select>o <input type="button" value="Por orden alfabetico" onclick="sort_alphabet()"/>de título de entrada .</div></div><hr/><div id="search-box"><div id="search-labels-box-loader"><input type="button" value="Click para mas funciones" onclick="load_labels()"/></div><div id="search-labels-box"><div><input type="button" value="List labels" onclick="list_labels()"/></div><div><input type="button" value="List posts labeled with" onclick="list_posts($('#labels-ddl').val())"/> <select id="labels-ddl"></select></div><div><input type="button" value="List posts labeled with" onclick="list_posts($('#labels-search-box').val())"/> <input type="text" id="labels-search-box" value=""/> (Separate by commas)</div></div></div><hr/><div id="blogger-labels-result"></div></div><script>/*You should be able to get the following IDs from Blogger DashboardPROFILE_ID can be found in View Profile urlBLOG_ID can be found in links of a blog, e.g. NEW POST, Edit Posts, Comments, etc.*/var PROFILE_ID = '...';var BLOG_ID = '...';// Be careful when adding commas if you don't know about JavaScript.var PREDEFINED_LABELS = [ ['Integro', ['El Secreto de Leire', 'Contenidos', 'Comienzos', 'Comento']],// ^ This one is a label// ^ they are labels ^^ no commas ['Repetimos', ['Contenidos', 'Comienzos']], ['Poesia', ['Clásicos']],// ^ need comma ['Musica', ['Tono']]// ^ no comma ];</script> </script></div> Y ahora vamos a mirar más despacio esta parte: Os he dejado mis "etiquetas predefinidas" para que tengáis una idea de la estructura y de cómo hay que colocarlas. Hay un "contenedor" principal al que debéis poner nombre (por ejemplo, si trabajáis fotografia, llamad así al contenedor y, dentro, las etiquetas con el tipo de las fotografías que lleven el nombre de vuestras etiquetas, p.e. "paisaje", "urbano", animales" ...). Fijaros en que ya se os advierte, a la hora de introducir las etiquetas, cuando debéis poner una coma detrás y cuando no. Y no olvidéis introducir la ID de vuestro blog (podéis verla cuando entráis en "diseño-edición de HTML": Os aparecerá en la barra de navegación del explorador) y la ID de vuestro perfil de Blogger (entrad en el "Escritorio" de Blogger y pinchad en vuestro perfil).Y creo que no hay más que explicar ni decir: y si tenéis alguna pregunta, Yu-Jie Lin, el autor de este trabajo, estará encantado de responderos (pero escribidle en inglés, por favor.)

En el Lecho de un Rio ..

18 May 2012 16:33:33

En el Lecho de un Rio ... El junco se doblaba a todos los aires y, al mismo tiempo, aparecía tan firme y diplomático como sólo puede serlo un flexible junco:Por debajo de su cabeza, las raíces sorbían el agua del lecho del río, con gula: sin más ganas a veces que las de escatimar ese agua a las plantas cercanas: "Aunque reviente".Esas raíces profundas, crecidas y gruesas: a fuerza de robar la vida a otras más débiles o de menor carácter o voluntad...Mientras la cabeza del junco se flexionaba en amable saludo, y acariciaba con ternura las hojas más cercanas, sus raíces se enroscaban en torno a la raíz vecina, apretando, estrangulando, cercenando, agostando...Para cuando el encantado vecino se daba cuenta de que el agua no llegaba, que en sus raíces había una angustia extraña... ya era tarde...Y parecía tan educado, amable, generoso y sabio el junco... que todas las plantas del lecho acudían a él y se pavoneaban de ser siquiera "conocidos" del Rey Junco.El Algodón crecía cerca... no mucho, pero sí lo suficiente como para observar, cuando menos, la corte de rendidos admiradores del junco.Y un día el Junco quiso mirar más allá de lo ya conocido: retorció la espalda todo lo que pudo y se volvió hacia atrás: vio a aquél algodón, creciendo y viviendo al sol, en su propio espacio, feliz de sentir el calor sobre el tallo.Y decidió que le gustaba aquél espacio.Durante unos minutos examinó el terreno, la disposición, la estrategia y la conveniencia: el Algodón se le imaginó elegante, refinado, grácil, afortunado... Algo especial, que era incapaz de concretar, se le cruzaba en cada nervadura al contemplar al Algodón. Y decidió poseerlo.Y destruirlo.Con cuidado, pues lo adivinaba fuerte dentro de su fragilidad, se fue acercando el Junco al Algodón.Este no le prestó atención durante mucho tiempo... su vida no era ni estaba en el Junco. Y el Junco comenzaba a perder la paciencia ante la inutilidad de sus llamadas de atención: comenzó, pues, a burlarse del Algodón, haciendo un coro de la Corte Real... le resultaba al Rey Junco tan incomprensible y fastidiosa esa falta de atención…Pero tanto insistió el Junco, que el Algodón se volvió un día hacia él. Y comenzó a prestar atención a sus gentilezas, a sus caricias, a los suaves murmullos que el viento depositaba en las hojas del Rey... y se sintió conquistado.La tierra bajo el Algodón se hacía más fértil cada día, conforme crecía la felicidad en su interior. También crecían y brillaban al sol las nubes de su cabeza.El Junco vio que había llegado el momento: nunca podría estar más hermoso el Algodón; jamás podría ser más fértil la tierra bajo sus raíces, ni crecerían tantas plantas a su alrededor como en ese instante en que se decidió.Pages: 1 2

Mas Cajas con Sombras en CSS

18 May 2012 16:32:32

Sin imágenes de ninguna clase : Sombreado en el bajo Y aquí por las esquinas Ahora tengo perspectiva Parece que se despega Una sombra solamente ... y curva Curva en vertical Sólo una curva en horizontal Curvas horizontales Demasiada cerveza ... Son cosa de nicolasgallagher y se hacen así:CSS:.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:#FAF0D9; } .container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; } /* Shared styles */ .drop-shadow { position:relative; float:left; width:40%; padding:1em; margin:2em 10px 4em; background:#fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .drop-shadow:before, .drop-shadow:after { content:""; position:absolute; z-index:-2; } .drop-shadow p { font-size:16px; font-weight:bold; } /* Lifted corners */ .lifted { -moz-border-radius:4px; border-radius:4px; } .lifted:before, .lifted:after { bottom:15px; left:10px; width:50%; height:20%; max-width:300px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .lifted:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); } /* Curled corners */ .curled { border:1px solid #efefef; -moz-border-radius:0 0 120px 120px / 0 0 6px 6px; border-radius:0 0 120px 120px / 0 0 6px 6px; } .curled:before, .curled:after { bottom:12px; left:10px; width:50%; height:55%; max-width:200px; -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); -webkit-transform:skew(-8deg) rotate(-3deg); -moz-transform:skew(-8deg) rotate(-3deg); -ms-transform:skew(-8deg) rotate(-3deg); -o-transform:skew(-8deg) rotate(-3deg); transform:skew(-8deg) rotate(-3deg); } .curled:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Perspective */ .perspective:before { left:80px; bottom:5px; width:50%; height:35%; max-width:200px; -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform:skew(50deg); -moz-transform:skew(50deg); -ms-transform:skew(50deg); -o-transform:skew(50deg); transform:skew(50deg); -webkit-transform-origin:0 100%; -moz-transform-origin:0 100%; -ms-transform-origin:0 100%; -o-transform-origin:0 100%; transform-origin:0 100%; } .perspective:after { display:none; } /* Raised shadow - no pseudo-elements needed */ .raised { -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /* Curved shadows */ .curved:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-border-radius:10px / 100px; border-radius:10px / 100px; } .curved-vt-2:before { right:0; } .curved-hz-1:before { top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .curved-hz-2:before { top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } /* Rotated box */ .rotated { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .rotated > :first-child:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:#fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }HTML:<div class="container"><div class="drop-shadow lifted"> <p>Sombreado en el bajo</p> </div> <div class="drop-shadow curled"> <p>Y aquí por las esquinas</p> </div> <div class="drop-shadow perspective"> <p>Ahora tengo perspectiva</p> </div> <div class="drop-shadow raised"> <p>Parece que se despega</p> </div> <div class="drop-shadow curved curved-vt-1"> <p>Una sombra solamente ... y curva</p> </div> <div class="drop-shadow curved curved-vt-2"> <p>Curva en vertical</p> </div> <div class="drop-shadow curved curved-hz-1"> <p>Sólo una curva en horizontal</p> </div> <div class="drop-shadow curved curved-hz-2"> <p>Curvas horizontales</p> </div> <div class="drop-shadow lifted rotated"> <p>Esta caja ha bebido demasiada cerveza</p> </div></div>Son guapas, la verdad ...

Resolviendo problemas con los Smileys-emoticonos

17 May 2012 08:29:23

Me resisto a creer que soy la única que prefiere probarlo todo en su blog... o que soy la única que juega en su blog con dos librerías (aquí hay jQuery y Prototype). Y es que da muchas satisfacciones ver que algo funciona (aunque sea "más o menos") cuando te ha costado ni sabes cuántas horas de romperte la cabeza. :fire o_O :fEl problema es .. lo de siempre: los emoticonos, emoticones, smileys o como se quieran llamar :P . Porque suelen ser scripts que presentan conflicto con otros que tenemos en nuestra plantilla y una termina por pensar que va a tener que "renunciar" a algo. Pero no. :rLos comentarios anidados suelen dar problemas a la hora de insertarles los emoticonos, por eso (entre otros problemas) hay mucha gente que prefiere mantener su sistema antiguo de comentarios. El que uso ahora mismo, después de probar muchos scripts para emos que no funcionaban en absoluto en anidados (no sólo en mi blog: tampoco en los blogs de prueba de los autores del script), es el de AyudaBloggers, que no se si ahora será posible instalar, porque el servidor del script está "atascado". :iceEn cuanto a las entradas, si bien tenemos el "escape", quienes usamos Firefox, de los emoticonos Yahoo, yo prefería otros que me habían encantado, pero ... no era capaz de insertarlos sin provocar problemas en alguna parte del blog.Por ejemplo: los de EternalThinker :et tienen opciones para todos los gustos:.- desde insertarlos colocando un onload al body.- pasando por añadirlos a una etiqueta o clase principal, tipo "main" o "content", .-hasta colocando antes del cierre html una "cláusula" para reconocerlos sin conflicto.Pero a mí rodo me provocaba problemas >.< , si no por las librerías, por otros scripts. De manera que decidí que fuese como vuese tendría esos emoticonos en mis entradas.Y la única forma de lograrlo sin conflictos ha sido por la "puerta de atrás" :kitten , añadiendo una clase a cada entrada en la que quería esos emoticonos, de manera que pudieran verse pero no me causasen desperfectos en otros sitios. Por ejemplo:<div class="entry etSmileys"> .......</div>Y no será muy "profesional" la solución, pero funciona, je. A la vista está :mj

Y van tres (DD)!

08 May 2012 16:58:22

¡Me nan dado otro DD!, esta vez ha sido por uno de mis mandelbulb 3D, al que he llamado "Links" ... y hace casi un año que no paso por DeviantArt... siglos que nos expongo mis trabajos...Es que ni sé cómo voy a darles las gracias y a responderles a todos... los mil quinientos mensajes que tengo pendientes.Lo cierto es que estoy tan anodada como agradecida... no sé ni qué decir ..

INCENDIA (Programa de creacion de fractales)

08 May 2012 06:22:46

Llevo unos días algo "missing", porque estoy ocupada en el grupo de fractales de deviantart (ocupada y encantada callme Otra de las cosas buenas que he encontrado allí (a parte de una acogida maravilosa), es un programa de creación de fractales llamado INCENDIA. Son fractales en 3D que resultan más espectaculares, incluso, que Apophysis: porque el programa tiene la capacidad de añadir polígonos, poliedros, sombras, efectos de luz, transformaciones, perspectivas, fondos con textura y... etc, etc, etc...Es fácil de manejar cuando te haces con él, y la apariencia del editor es sencilla, aunque a la hora de manejarlo es algo más compleja de lo que parece, más que nada por la cantidad de funcionalidades que ofrece.En el vínculo que os he puesto arriba, podéis descargar el programa, que viene en ejecutable ("exe"), de manera que os recomiendo que lo guardéis con esta extensión.En una ventana del asistente de INCENDIA, os preguntará donde queréis guardar las filas de parámetros de vuestras imágenes, así como el resultado de la renderización de éstas: yo he optado por guardarlas en una carpeta del archivo "Documentos", pero es opción de cada quién.Las imágenes se "salvan" en mapa de imágenes, pero al renderizarlas podéis añadirles la extensión JPG (ésta y no otra, porque si colocáis un fondo a la fractal se os pierde en png).Y, así, "grosso" modo", os doy unas pistas para usar INCENDIA... igual otro día vuelvo al tema para explicar algo más. Mis fractales de esta entrada las diseñé con INCENDIA.

Deciamos ayer ....

08 May 2012 06:19:32

Ha pasado mucho-mucho tiempo desde mi última entrada... quizás demasiado...Pero hay muchos cambios fuera de esta "pecera" y aún me estoy adaptando a ellos. Para empezar, me he pasado al 9Beta de IE, en el que compruebo algunos cambios a mejor, de los que intentaré hablar en algún momento.Estoy intentando contestar todos los comentarios que me quedaron pendientes y ... no he probado muchos hacks en este tiempo, a no ser el de "entradas populares" y colocar resúmenes de las entradas en cada página del blog; a parte de un muñeco-burbuja en canvas (lo ví hace poco, buscando otra cosa y ... ¡me encantó!). Todas estas cosas las he ido probando en un blog que he construído para unos estudiantes de último de primaria y que podéis ver aquí : InformaníacosPor otro lado, DeviantArt me tiene muy absorbida: en este tiempo he obtenido dos Daily Deviation por dos de mis trabajos con Incendia; un premio al mejor Daily Deviation del mes ... y numerosos premios a la mejor fractal del día, del mes, tropecientos "features" ... Además, dos personas me han regalado cinco meses de "premium" para mi cuenta, una de ellas me ha comprado uno de mis trabajos y ... me han solicitado tres de mis trabajos para incorporarlos a una conferencia sobre Incendia y Arquitectura que tendrá lugar en Italia: mis trabajos se expondrán en la conferencia y en un periódico que expondrá el contenido de ésta, además de en un CD y una web...Es increíble que en un año y pico me hayan pasado tantas cosas buenas en Deviant Art... teniendo en cuenta que somos algo más de un millón de personas de todo el mundo, y unos doce millones de trabajos allí expuestos ... y que el arte fractal aún no es ni muy conocido ni muy valorado; aunque ésto está cambiando desde la aparición en todos los diarios de la vida y muerte de Benoit Mandelbrot, a quien le debemos la primera fractal (Mandelbrot) y el haber confirmado que las matemáticas son poesía y arte (y yo siempre he amado las matemáticas).Y bien ... mientras sigo construyendo ciudades y edificios con Incendia y Mandelbulb 3D, y creándoles paisajes con Vue ... intentaré comenzar a encontrar ratitos para no dejar este blog muy abandonado.¡Gracias a todos los que habéis tenido paciencia y habéis seguido este "periódico" de hacks!

No recuerdo ni cómo me llamo ...

08 May 2012 06:17:19

después de este fín de semana "diabólico" en el que no he parado de trabajar: niño. fútbol, buscar scripts, arreglar scripts, desesperarme porque han desaparecido el hack y el autor, tirarme del pelo porque se me ocurrió hacer un link con el css y se me han ido a la porra el servidor, el link y la plantilla en cuestión ... desaparecida para siempre ... (imagino que a su autor no le gustaba el resultado, pero a mí sí ) .Y sigo : renderizar mi último "Vue", echar un vistazo rápido al correo, limpiar las ventanas y el polvo de mi casa (qué mal podrían hacer un par de ácaros? ) y ... (maldición) se me olvidaba preparar unas cuantas notificaciones para dejarlas mañana en la Oficina de Correos después de firmar en el Juzgado. Y yo que pensaba acostarme pronto... no hay forma.Bueno: Pues que he intentado arreglar TODOS los scripts de todos mis blogs de prueba, pero ... no: hay muchos hacks que su autor ha "desaparecido", imagino que hasta las narices de tener que andar cambiando de servidor cada dos por tres, como el resto. Pero la mayoría están arreglados. Por otro lado (menuda gracia) Ning, se ha cargado todas las páginas de aquellos a los que no nos ha dado la gana de pagar. Y es que, no me parece de recibo ofrecerte una página y alojamiento gratuítos, sin límite de tiempo, para que, al cabo de un par de años te manden uun correo diciendo que ahora se paga, y que si no pagas se cargan tu página. Fabuloso... pero a mí no me van los chantajes, aunque pierda hasta la camisa.Así que ... todas las plantillas que había alojado en Ning están ... "missing"... lo siento (aunque casi mejor debieran sentirlo los responsables de semejante "expolio".Que me quedo dormida sobre el teclado... cuando pueda disponer de otro rato, intentaré contestar los mensajes que aún tengo pendientes... si es que no doy a basto ...

ak.fbcn.net, Error 503 y espera que te espera por Blogger

07 May 2012 16:20:57

Esto se pone cada vez más "interesante", je ... :partySi llevamos días con problemas, lo de hoy ha sido ya para troncharse de risa (para quien le queden ganas :O )Páginas que se atrancan, el blog que se bloquea, interminables "esperando a" o "transfiriendo datos desde"..., reiniciando para encontrarse con un "error 503" del servicio... Vamos: que a Google-Blogger no le falta de nada.Y, por si fuera poco, una observa en su barra de direcciones "cosas" que no sabía que hubiese en su plantilla, como un tal "ak.fbcn.net", que no es otra cosa que facebook, a quien le da hoy por hacer su aparición estelar en la barra de mi blog.He intentado "controlar" la susodicha dirección, desde mis "hosts" de los drivers de windows System 32, pero para el caso, ni lo explico, porque no ha servido absolutamente para nada. Y es que parece que hoy le ha dado a todos los marcadores sociales del blog por hacerse los remolones y "demostrarme" que están, mientras espero con infinita paciencia a que terminen de cargar.Conclusión: que he dejado por imposible el blog, a Blogger, a Google y los marcadores cuando, (¡y ésta sí que es buena!), he comprobado que tenía que recargar la página de Blogger Buzz, porque también se quedaba atrancada.Vamos: Que después de ver que otros blogs funcionaban igual de erráticos que el mío, incluídos los de "la casa", que no tengo ni el más mínimo "bicho" "realquilado" en mi ordenador (nada de virus, ni gusanos, ni bacterias, ni troyanos, ni demás especies de mala vida) ... comprobado que mis exploradores estaban como siempre ...CONCLUYO: Que Blogger sigue dándonos la brasa con sus maniobras.¿Y qué se puede hacer?: AGUANTAR xP

La Pluma

05 May 2012 04:22:41

Los pájaros migraban, como cada año, a sitios cálidos en los que el invierno no existe.Una de esas aves (quizás por un giro brusco con viento en contra... igual porque así lo dictaba la fase de muda) perdió una pluma en pleno vuelo.La pluma, aunque parezca mentira para algo tan ligero, caía a una velocidad vertiginosa: deprisa, deprisa, girando en el aire, azotada por las corrientes, casi arrancada de su cañón...Aún poseída por el vértigo de la caída, la Pluna pensaba:.- "Si no me destroza el viento, me romperá el choque contra el suelo. ¿Es que nadie se ha dado cuenta de que me he desprendido y caigo?"-Antes de terminar de formular este pensamiento, la Pluma se vio en el suelo: no habia sido un aterrizaje tan perfecto como si acompañase aún al ave, su propietaria... pero tampoco fue tan traumático como temía.Cuando abrió los ojos (porque las plumas tienen ojos... y si no lo crees, mira las de un pavo real) se dio cuenta la Pluma de qe el cielo quedaba muy lejos, muy arriba, fuera de su alcance.Miró entonces a su alrededor, para darse cuenta de que estaba en un prado verde... completamente enfangado.Llovía, y la Pluma tenía frío... completamente empapada, sola y desprovista del abrigo de sus compañeras de ave..- "¿Porqué tengo tan mala suerte?"-se lamentaba la Pluma- "¡Al menos podía haber caído en una tierra soleada, como esa a la que nos dirigíamos cuando caí!"."Aquí me pudriré, a buen seguro... en absoluta soledad, sin que nadie me eche de menos, sin compañía siquiera del sol... ¡Qué desgraciada soy!"-.Y, ciertamente, pasaron muchos, muchos días, de absoluto abandono para la Pluma: a veces merodeaba por allí algún pequeño roedor, que se limitaba a olisquearla y, al comprobar que no era "comida", se marchaba sin más.Otras veces, pasaban animales más grandes, y a la Pluma le daban miedo sus cascos, capaces de triturarla de un solo pisotón...Al menos, el sol saió para ella, y le permitió secarse, sentir su tibieza y alegrarse de seguir entera... mientras, poco a poco, con el paso de los días, la Pluma abandonaba la esperanza de que algún pájaro la recogiera... cuando menos para hacer más confortable un nido.Un día, la Pluma escuchó una algarabía que nada tenía que ver con lo que hasta entonces había conocido...¡Niños!... eran niños: lo supo en cuanto las voces se acercaron a ella lo suficiente como pare reconocer en ellas esos cuerpos que había visto tantas veces desde el aire..- "¡Mira! ¡Una pluma!-gritó a un compañero uno de los niños-.- "¡Déjame verla!"-gritó el otro- "Bah... es una pluma vulgar y corriente que no vale para nada. ¡Vamos a pelarla!"Y la Pluma se dio cuenta de que allí terminaba su historia, al verse zarandeada entre dedos bruscos que tiraban y tiraban de ella, para desprenderla..- "¡Si no queréis esa pluma, dádmela a mí!"- escuchó decir a otro niño-.- "¿Para qué la quieres?. ¡Si es una cosa inútil!-respondió el que la rompía-.- "Ya veré... de momento, te la cambio por este grillo que acabo de encontrar".- "Eres tonto, tío... sales perdiendo con el cambio: Trae el grillo y toma la birria ésta de pluma"Mientras el nuevo propietario de la pluma la examinaba, le iba contando en voz muy bajita, para que los otros niños no se enterasen, sus planes:.- "Mi abuelo tiene un bote de cristal, lleno de tinta... y me ha enseñado a tallar las plumas, para poder escribir con ellas. ¡Cuántos cuentos escribiremos tú y yo!.Y si te estropeas el cañón al rasgar el papel, te llevaré en mi sombrero de pirata, como adorno.Y si mi sombrero se rompe, te soplaré y haremos que vulevas a volar... y, mucho tiempo después, te dejaré en el nido del árbol que hay frente a la ventana de mi cuarto, para que les des calor a los polluelos... "La Pluma se dio cuenta de que su vida iba a ser muy, muy larga y buena. Y pensó que, después de todo, había tenido mucha suerte al desprenderse en pleno vuelo.(Junio)FIN

Epílogo

New Labels Page by YJL

En el Lecho de un Rio ..

Mas Cajas con Sombras en CSS

Resolviendo problemas con los Smileys-emoticonos

Y van tres (DD)!

INCENDIA (Programa de creacion de fractales)

Deciamos ayer ....

No recuerdo ni cómo me llamo ...

ak.fbcn.net, Error 503 y espera que te espera por Blogger

La Pluma

Do you like this blog?

New blogs in directory

ΑΝΕΞΑΡΤΗΤΟΙ ΠΑΝΑΘΗΝΑΙΚΟΙ

AngelCoaching

Hydration Packs

Message Boards & Signs

Desktop Computers

ENVOYER

Traditional Folk