Bufa Webmaster » Enlaces http://www.bufa.es Recursos web en español Wed, 01 Sep 2010 20:50:50 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Onbile, Crea y gestiona grátis la versión móvil de tu web http://www.bufa.es/onbile/ http://www.bufa.es/onbile/#comments Sat, 19 Jun 2010 10:50:28 +0000 bufa http://www.bufa.es/?p=427 Onbile es una plataforma online multi-idioma (español, inglés, portugués, italiano, francés, alemán y japonés) para crear la versión móvil (iPhone, Blackberry, etc..) de tu página web gratis.

Si aún no tienes la versión movil de tu web es posible que necesites algunas de estas plantillas web para móvil.

En solo 5 minutos, en 3 pasos:

  • Customiza tu diseno
  • Anade tus contenidos, páginas, secciones, imagenes, etc.
  • Pega el código en tu página de inicio

http://www.onbile.com

]]> http://www.bufa.es/onbile/feed/ 0 Google fuentes http://www.bufa.es/googlefonts/ http://www.bufa.es/googlefonts/#comments Mon, 24 May 2010 20:11:05 +0000 bufa http://www.bufa.es/?p=400 Uno de los problemas más habituales que nos encontramos al desarrollar una página web viene a la hora de querer utilizar una determinada fuente (de las no habituales Arial, Verdana, etc…) que no viene por defecto en nuestro sistema operativo. Hasta que CSS3 sea admitido por la mayoría de navegadores podemos usar su defecto imágenes, javascript (cufon, sifr, etc…).

Ahora google ha desarrollado una nueva API de fuentes. Todas las fuentes en el directorio están disponibles para ser usados en su sitio web en virtud de una licencia de código abierto y servido por los servidores de Google.

Su instalación no puede ser más sencilla; basta con insertar en el head la etiqueda de estilo de la fuente en cuestión y en nuestro css llamar a dicha fuente por medio de font-family como podemos ver en el siguiente ejemplo:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <h1>Ejemplo de fuente Tangerine de Google</h1>
  </body>
</html>

Directorio de fuentes: http://code.google.com/webfonts
API Google fonts : http://code.google.com/intl/es-ES/apis/webfonts/docs/getting_started.html

]]> http://www.bufa.es/googlefonts/feed/ 0 Afrobeat font http://www.bufa.es/afrobeat/ http://www.bufa.es/afrobeat/#comments Sat, 22 May 2010 11:11:41 +0000 bufa http://www.bufa.es/?p=385 Los chicos de resistenza han desarrollado una magnífica tipografía donde los ritmos tribales de la música afrobeat se expresan a través de esta nueva fuente de marca psicodélica, llamada afrobeat. Cada letra se convierte en arte como cada letra está elegantemente colocada una al lado de la otra, como notas musicales, creando música para los ojos.

El afrobeat es un estilo musical interpretado por muchos artistas africanos como Fela Kuti, Femi Kuti, Antibalas y muchos más, una fusión de jazz, funk, y rock psicodélico, originarios de los años 60 y se basó en los movimientos políticos de Nigeria.

La fuente es perfecta para cuando necesites utilizar llamativos textos grande para cualquier cosa, desde carteles y folletos para conciertos, eventos, fiestas, para carátulas de CD, anuncios, y el arte, pero es especialmente llamativo para los proyectos impresos.

http://www.resistenza.es/afrobeatfont/

]]> http://www.bufa.es/afrobeat/feed/ 1 Reproductor de video html5 con jQuery http://www.bufa.es/jwplayer/ http://www.bufa.es/jwplayer/#comments Fri, 21 May 2010 22:35:28 +0000 bufa http://www.bufa.es/?p=380 JW Player es un reproductor de video con soporte para HTML5. Esta basado en jQuery y una de sus mejores característicvas es que funciona perfectamente con los navegadores que actualmente no soportan HTML5 ya que al detectar un navegador no compatible con esta tecnología (html5), muestra el player del reproductor Flash.

<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript" src="/scripts/jquery.jwplayer.js"></script>
<script type="text/javascript">
  $('#player').jwplayer({
    flashplayer:'/files/player.swf',
    skin:'/files/five.xml'
  });
</script>
<video height="270" id="player" poster="/files/bunny.jpg" src="/files/bunny.mp4" width="480"></video>

Fuente:
http://www.longtailvideo.com/support/jw-player

]]> http://www.bufa.es/jwplayer/feed/ 0 Comprimir CSS online con CSScompressor http://www.bufa.es/csscompressor/ http://www.bufa.es/csscompressor/#comments Mon, 10 May 2010 21:07:09 +0000 bufa http://www.bufa.es/?p=356 Hay páginas web con tantos archivos CSS pueden llegar a utilizar una gran cantidad de ancho de banda del servidor, relentizanzo la carga de nuestra web. CSScompresor es una herramienta online con la que podemos reducir el tamaño de cualquier archivo CSS mediante la eliminación de los comentarios, sangría y mucho más.

Y lo mejor es que el nivel de compresión puede ser configurado a nuestro gusto manualmente.

http://www.csscompressor.com/

]]> http://www.bufa.es/csscompressor/feed/ 0 Mee Templates, plantillas para móvil http://www.bufa.es/meetemplates/ http://www.bufa.es/meetemplates/#comments Sun, 09 May 2010 13:11:09 +0000 bufa http://www.bufa.es/?p=350 Mee Templates es una compañía especializada en el desarrollo de entornos web para dispositivos móviles. Mee desarrolla desde hace más de 10 años proyectos multimedia, aplicaciones web, plugins para wordpress, joomla, Prestashop y Magento.

Características de las plantillas para móvil de MeeTemplates:

  • Válidas para móviles: IPHONE, ANDROID, WINDOWS MOBILE, ETC
  • Instalación sencilla en menos de 5 minutos
  • No requiere base de datos
  • CMS incluido
  • Podrás agregar, editar o quitar secciones facilmente
  • Fácil personalización de diseño
  • Multi-idioma
  • Incluyen los PSD, HTML y CSS

    http://www.meetemplates.com

    ]]> http://www.bufa.es/meetemplates/feed/ 0 Comprimir archivos javascript http://www.bufa.es/comprimir-archivos-javascript/ http://www.bufa.es/comprimir-archivos-javascript/#comments Thu, 06 May 2010 23:01:01 +0000 bufa http://www.bufa.es/?p=346 Actualmente los desarrolladores web utilizamos gran cantidad de código javascript en nuestros proyectos. Insertamos primero la libreria jQuery, Prototype, Mootools… y después insertamos los plugins o scripts necesarios… acumulando varios archivos JS en el documento. Todo este código no hace más que incrementar el peso de nuestra web.

    Es muy importante optimizar al máximo el tamaño de estos scripts para reducir el proceso de descarga y ejecución de los mismos.

    1º. Debemos intentar siempre usar los mínimos archivos javascript en el documento. Lo ideal sería poder usar 1-2 javascript. Por ejemplo cargariamos el jquery, y luego en otro archivo JS incluiriamos todos los plugins que necesitemos o nuestros scripts.

    2º. Eliminar los caracteres innecesarios (espacios, saltos de linea y tabulaciones) del código para reducir su tamaño y de esta forma mejorar los tiempos de carga de la página.

    3º. Comprimir los archivos javascript utilizando alguna herramienta como os comento más adelante. Con esta técnica se reduce el tiempo de respuesta en aproximadamente un 70%.

    —

    Existe una herramienta de Google, Closure Compiler que nos permite minimizar el código Javascript, así como analizar y eliminar el código no utilizado, reescribirlo y, por último, minimizarlo. Con esta herramienta podemos reducir el peso de nuestro JS en un 70%.

    http://code.google.com/intl/es/closure/compiler/

    ]]>     http://www.bufa.es/comprimir-archivos-javascript/feed/ 0     Formularios bonitos con jQuery http://www.bufa.es/uniform/ http://www.bufa.es/uniform/#comments Sat, 01 May 2010 10:47:12 +0000 bufa http://www.bufa.es/?p=301 Hoy os muestro otro plugin de jquery, Uniform, con el cual podemos cambiar la visualización a los elementos (Selects, Checkboxes, Radio buttons, File Upload inputs). Esta validado para los principales navegadores web (Safari 3+, Firefox 3+, IE7+,  Chrome,  jQuery 1.3+,  Opera 10+,  IE6) y diseñar los elementos de los formularios a nuestro antojo.

    También podemos aportar nuestro granito de arena creando diferentes skins muy facilmente, ya que el css de uniform se basa solo en una imágen.

    http://pixelmatrixdesign.com/uniform/

    ]]>     http://www.bufa.es/uniform/feed/ 0     Velocidad de carga de una web http://www.bufa.es/pingdom/ http://www.bufa.es/pingdom/#comments Sat, 17 Apr 2010 12:20:34 +0000 bufa http://www.bufa.es/?p=291 Ya conocemos por medio de Matt Cutts que uno de los 200 factores que afectan al posicionamiento web es la velocidad de carga de la página. Las metatags ya pasaron a la historia y deberíamos perder más en el tiempo en otros factores seo como programar y maquetar nuestras web de manera más limpia y sencilla para los robots de búsqueda. Pingdom es una herramienta online que nos permite conocer el tiempo de carga de nuestra web, y tamaño de carga mostrandonos (kb) todos los archivos (css, js, xml…) que componen la página.

    ]]>     http://www.bufa.es/pingdom/feed/ 0     ¿Esta tu navegador preparado para HTML5? http://www.bufa.es/html5test/ http://www.bufa.es/html5test/#comments Sat, 17 Apr 2010 11:37:21 +0000 bufa http://www.bufa.es/?p=283 Hay una página web html5test, que se encarga de verificar con diversas puntuaciones (160 puntos) si nuestro navegador web de Internet está preparado para soportar esta nueva tecnología (html5), indicándonos sobre las características actuales que si puede leer y las que aún no.

    ]]>     http://www.bufa.es/html5test/feed/ 0