keynotopia: Free Twitter Bootstrap 3.0 UI Mockup Templates for Keynote and PowerPoint

Keynotopia es una empresa que se dedica a crear imagenes vectorizadas en alta resolución y las empaqueta en themes OpenOffice, Windows8 , Iphone, Ipad, web … en resumen son conjuntos de imágenes diseñadas para componer maquetas en keynote o powerpoint.
Es muy útil si quieres hacer prototipos de aplicaciones de una forma cómoda y standard, ya que al tener los elementos ya creados sólo permite colocar estos elementos pero no crear ninguno nuevo, aún así es interesante.

He intentando bajar de su página el set de diseño para bootstrap el framework de maquetación de twitter disponibel aquí http://keynotopia.com/bootstrap/ y como pago a cambio solicitar twitear su producto, me ha gustado la idea y he colgado el twit con las indicaciones de keynotopia. No he podido obtener el enlace y bueno… he trasteado un poco para descargarme el contenido.

Para obtener el fichero descargable he abierto firebug y he localizado el bloque html en el que se llama a la acción para twitear el producto
[shell]<div id=»pay-per-tweet»>
<a id=»tweetLink» href=»#»></a><br>
<a href=»#PAY»></a><p></p>
<p style=»font-weight:bold; font-size:14px; color:#B74726; text-align:center; margin-top:-25px;»>Clicking the orange button will pop-up a window where you can edit and confirm the tweet, and then the download button will be activated<br>
<br></p></div>[/shell]
El objeto que genera la acción es id=»tweetLink» así que lo siguiente es buscar código javascript que lo maneje:
[shell]$(document).ready(function(){
// Using our tweetAction plugin. For a complete list with supported
// parameters, refer to http://dev.twitter.com/pages/intents#tweet-intent
$(‘#tweetLink’).tweetAction({
text: ‘Check out Keynotopia: mobile and web UI #design templates for Keynote and PowerPoint. #UX #mockups’,
url: ‘http://keynotopia.com/’,
via: ‘amirkhella’,
related: ‘keynotopia’
},function(){
// When the user closes the pop-up window:
$(‘a.downloadButton’)
.addClass(‘active’)
.attr(‘href’,’https://www.e-junkie.com/ecom/gb.php?c=cart&i=1057391&cl=127351&ejc=2′);
});
});[/shell]

No hay que tener mucha idea para ver una pedazo de url ahí que suena bastante bien además del comentario de código( // When the user closes the pop-up window: ) , así que si la copias y la pegas en el navegador entrarás en el proceso de compra sin coste del producto que queríamos.

Habiendo cumplido las condiciones de twitear la información producto, me he buscado una forma de conseguir el theme sin esperar a que me contesten de Keynotopia.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.