Pag 1 de 512345»

Descarga el agrupador de badges sociales

Diseño Web, Html, Mis Trabajos 7 Comentarios »

Desde hace tiempo quería instalar, con un producto de creación propia, un agrupador que destacase los canales de comunicación y suscripción del blog: Twitter, Facebook, suscripción al feed Rss o recibir los post al correo electrónico. Me gusta el sistema que deja la información fija, sin moverse al usar la barra de desplazamiento y este es el motivo por el que lo diseñe el agrupador de badges sociales, en una capa fija alineada al borde derecho de la ventana del navegador.

agrupador de iconos de suscripción y sociales, realizado por opcionweb

Optimizado para Mozilla Firefox funciona támbien en Google Chrome e Internet Explorer, en el ejemplo se puede descargar el agrupador para el lado izquierdo de la ventana y el agrupador para el lado derecho (que actualmente tiene instalado el blog) se ofrecen 3 ejemplos en el fichero comprimido badges ofrece el el código de la hoja de estilo en un fichero css externo al html , badges2 inserta el código css en el div mediante parametros de stilo y badges3 ofrece la hoja de estilo css embebida en la cabecera del html.

Para insertarlo en el blog he añadido el código de badges2 en el footer.php del tema de wordpress antes de la etiqueta de fin de body.

agrupador de iconos de suscripción y sociales, realizado por opcionweb

Se distribuye bajo licencia creative commons, personalizalo con los enlaces a tus servicios de suscripción o redes sociales y si lo deseas puedes cambiar el código de la hoja de estilo para situar el agrupador en la posición vertical que desees (top), definir el ancho (width), el alto (height), el color de fondo (background-color), el grosor (border-xxx-width) o color de la linea (border-xxx-color). Solo pido un enlace de agradecimiento a este post para promocionarlo y que más gente lo conozca.

votar

Carambolas, acrobacias y deportes de riesgo

Curiosidades, Videos 8 Comentarios »

Si es impresionante la habilidad o suerte de determinados deportistas eventuales o atletas profesionales, más suerte es poder grabar ese momento especial con un salto, una carambola o acrobacia digna de recibirla con la boca abierta. Este es un vídeo recopilatorio de break, el canal por excelencia de vídeos curiosos y divertidos de internet, ofrece 5 minutos de los mejores o más conocidos virales que han circulado por la red. Impresionante!!!

votar

Line phone, el teléfono del futuro

Curiosidades, Videos 5 Comentarios »

No es la primera vez que recojo propuestas de como pueden ser los terminales telefónicos en el futuro, como en el prototipo de nokia, Morph o la visión de futuro de microsoft.

Line phone

En esta ocasión se trata de line phone, un teléfono conceptual que muestra una pantalla táctil que ofrece los bordes del teléfono como interface de navegación. El teléfono inteligente se puede unir con otros, a través de los bordes y de esta manera construir una pantalla con un mayor área de trabajo o la posibilidad de intercambiar datos y programas. Un concepto que quizás no se haga realidad nunca pero que gano el Furong Cup del Digital Product and Service Design Competition de 2010, en China.

votar

Donde aprender HTML en la web

Diseño Web, Html, Introducción 4 Comentarios »

Aprender html, no es lo mismo que estudiar diseño web, son dos disciplinas de la programación web que están muy relacionadas y requieren estrategias distintas de aprendizaje. La web esta plagada de buenos tutoriales que permiten iniciarse en el aprendizaje de cualquiera de ellas.

html

Este listado recopila algunas referencias de calidad en español, para aprender html, que he ido encontrando navegando por la web:

  • Aprende programación web YA. Uno de los tutoriales que más me gustan, con ejercicios propuestos en cada lección, con solución aparte, si no consigues resolverlos.
  • Como Crear una Pagina Web: Lecciones paso a paso con ejemplos, tutoriales y cursos para aprender a hacer una pagina web. Un clásico que ofrece en un diseño 1.0, un poco pasado de moda, lecciones para diseñar, crear, publicar, actualizar, mejorar, promocionar y rentabilizar la pagina web.
  • Curso de Html de aulaClic. AulaClic dispone de buenos tutoriales encaminados al conocimiento de los lenguajes de programación web, también ofrece manuales sobre aplicaciones web como este de Dreamweaver.
  • La webera se centra en el diseño web o el SEO, con manuales, tutoriales o árticulos. No olvides visitar Empezar de Cero una Web(Como crear una pagina web paso a paso) o más enfocado al diseño Manual sobre diseño de sitios Web.
  • HTML a fondo es uno de los manuales monotematicos fundamentales de Desarrolloweb, una comunidad enfocada al diseño y la programación web.
  • HTML en castellano es el manual de Programacion, una comunidad que ofrece noticias, articulos, ejemplos, código, foros, enlaces… para cualquier lenguaje de programación. Tambien para los de la web.
  • Manual de HTML de WebEstilo, una web especializada en usabilidad y programación web para todo tipo de plataformas. Ofrece manuales, códigos de ejemplo o foros para aclarar dudas.
  • ManualesPDF ofrece todo tipo de manuales y tutoriales en varios idiomas, en formato pdf, listos para descargar. Entre las muchas veriones de manuales de Dreamweaver, está disponible un excelente manual de Adobe DREAMWEAVER CS3.
  • Youtube es un recurso para acceder a buenos videotutoriales, como este que enseña a diseñar una web desde cero con Photoshop o con este otro que ofrece un curso de HTML completo por capítulos.
votar

Reproductores de vídeo html5

Diseño Web, Html, Utilidades 2 Comentarios »

El vídeo es el sistema preferido por los usuarios web, para acceder a la información. El nuevo estándar html5, empieza a ser una realidad implantada en las nuevas versiones de los navegadores, contempla etiquetas html para la inserción de vídeo. Son muchos los reproductores que soportan los codecs H.264, Theora OGG o WebM, disponibles para facilitar la vida a los desarrolladores web: JW Player, Projekktor, sublimevideo o el que más me gusta VideoJS.

VideoJs

Es un reproductor de código abierto, que se puede implementar en los proyectos webs para incorporar vídeo con la tecnologia HTML5, sin necesidad de flash.

html5Actualmente html5 está sportado por las últimas versiones de navegadores firefox, safari, chrome, opera e internet explorer, soporta videos codificados con H.264, Theora OGG o WebM. Es compatible con iPhone, iPad y todos los basados en Android. Entre sus principales ventajas es 100% fácil de personalizar, mediante hojas de estilo y admite modo de pantalla completa mejorado.

Blog Widget by LinkWithin
votar

Pag 1 de 512345»


Entradas RSS Comentarios RSS Acceder Subir
twitter facebook Rss mail rssSígueme en Google Currents