Blogger integra nuevas caracterí­sticas en su editor de plantillas

Buenas noticias para aquellos usuarios que utilicen Blogger, ya que desde ahora interactuar con el editor de plantilla será mucho más fácil.

El equipo de Google ha integrado una serie de mejoras al editor, presentando toda la información de nuestra plantilla más organizada. Con un simple vistazo ya notaremos que las lí­neas están numeradas, y los diferentes elementos del código bien diferenciados por colores.

Blogger

También tendremos algunas funciones adicionales, como por ejemplo “Ir a widget”, que con solo hacer un clic en el widget  que nos interesa nos ubicaremos en la parte del código correspondiente. A partir de allí­ podremos desplegar todos los elementos integrados desde el icono señalado, por lo que veremos que ya no es necesario contar con la opción de expandir artilugios.

Por otro lado, contaremos con la “vista previa” en la misma interfaz, y si deseamos realizar una búsqueda la tendremos integrada dentro de la plantilla, con solo hacer clic sobre la misma y dando «Ctrl + F». Y no menos útil resultará “Plantilla de formato” que nos permitirá reordenar el  código.

Estas modificaciones simplifican mucho la tarea y presenta un editor mucho más amigable para quienes recién se están iniciando. En el blog de Blogger presentan un ejemplo de cómo utilizar todas estas novedades y lo fácil que resultará a partir de ahora realizar cambios en la plantilla.

Impress.js y reveal.js, librerí­as para crear presentaciones en HTML y CSS3 al estilo prezi

prezi ideas importan

Para quienes aún no le conocen, Prezi es una aplicación para crear presentaciones en lí­nea (con versión para PC en sus planes premium) que prescinde de las clásicas transiciones entre diapositivas reemplazándolas por movimientos no rectilí­neos y efectos de zoom sobre determinados elementos (imágenes, texto, videos, PDF”™s, formas, etc.) en un inmenso lienzo.

No podrí­a asegurar que Prezi ha sido la startup pionera en pensar que las ideas se quedan cortas al ser representadas en las tí­picas y simples diapositivas hechas con herramientas como PowerPoint, pero sus millonarias cifras dan fe de que al menos son la primera en popularizar una solución tan efectiva que ha llegado a revolucionar el mundo de las presentaciones.

Alternativas a Prezi

Personalmente aun usándolo por más de dos años, sigue sorprendiéndome la calidad de presentaciones que se pueden crear con Prezi pues con tantas prestaciones (como temas y transiciones en 3D), lo único que limita al servicio es la creatividad de quien lo usa.

Sin embargo, más interesante todaví­a es que con algunos conocimientos básicos de HTML y CSS, se puede aprender a crear presentaciones similares sin necesidad de utilizar Prezi. Para la tarea se han creado algunas interesantes alternativas como Impress.js y reveal.js que en forma de librerí­as facilitan la creación desde cero de las presentaciones, con resultados también de alta calidad.

Impress.js

cubo CSS3D impress js Continúa leyendo «Impress.js y reveal.js, librerí­as para crear presentaciones en HTML y CSS3 al estilo prezi»

Guí­as online y gratuitas para aprender HTML y CSS

Guias HTML / CSS

Aunque contamos con muchos cursos online gratuitos que nos pueden iniciar en el mundo del desarrollo y diseño web, siempre resulta útil disponer de nuevos recursos que puedan adaptarse a nuestro nivel de conocimiento.

Una propuesta interesante la encontramos en las guí­as online sobre HTML  y CSS que ha preparado el desarrollador Shay Howe, pensada para principiantes y usuarios avanzados. Las guí­as están desarrolladas en varias lecciones muy bien diferenciadas, que podemos acceder sin necesidad de registro y en forma gratuita.

Por ejemplo, en su Guí­a para Principiantes  a HTML y CSS nos encontramos con un lenguaje muy sencillo donde explica desde terminologí­a,  función de cada uno de los elementos, atributos, propiedades, valores, etc. Y a medida que se desarrollan las lecciones también va compartiendo algunos de los errores clásicos que se comenten al momento de aprender estos lenguajes.

Y para aquellos que estén en un nivel medio, la Guí­a Avanzada a HTML y CSS lleva a la práctica lo que se explico en la primer guí­a ofreciendo orientación y algunos tips para trabajar correctamente en la codificación y diseño de un sitio web. Por el momento solo hay 3 lecciones, pero con la promesa de agregar más contenido semanalmente.

Al final de cada guí­a se integran una serie de enlaces para acceder a más recursos o comunicarse con el creador a través de Twitter para realizar consultas.

Ví­a: LifeHacker

Nuevos cursos de HTML y CSS en Codecademy

html

Os hemos hablado muchas veces de Codecademy, la academia para programadores que nos permite aprender código para crear proyectos interactivos, juegos y aplicaciones.

Ahora, apenas dos meses después de estrenar su proyecto de programación para jóvenes, nos presentan unos nuevos cursos de HTML y CSS con los que podremos aprender a programar desde cero en estos dos lenguajes, y además en español. Miles de usuarios están traduciendo Codecademy para que hispanohablantes tengan acceso a los cursos, y por lo tanto ya tenemos listo el curso de HTML y CSS sin limitaciones de idioma a la hora de aprender.

Puedes acceder al curso haciendo clic aquí­, empezando por los conceptos básicos de HTML y sus ejercicios correspondientes.

Ví­a: Codecademy

scratchpad, escribe HTML y CSS y consulta el resultado en tiempo real

Ideal para quien está aprendiendo diseño de páginas web, scratchpad se presenta como una solución fantástica para ver lo que podemos hacer con HTML y CSS.

Solo tenemos que abrir scratchpad.io y empezar a escribir nuestro código en la parte izquierda de la aplicación, viendo el resultado en la parte derecha, cambiando en tiempo real.

La url que usemos podrá ser compartida, lo que permite que otras personas vean lo que se está haciendo, con los cambios realizados, siendo así­ una excelente opción para uso académico (el profesor escribe mientras los alumnos consultan en sus ordenadores, por ejemplo).

Sin necesidad de registro, la aplicación, creada por firebase.com, ya está disponible para su uso gratuito en todo el mundo.

Para bajar un sitio web entero en el Android, iPad o iPhone y consultarlo sin Internet

offlineSi hay algunas páginas web que queréis consultar con los amigos en el bar, pero vuestro iPad o iPhone no tiene 3G o no queréis consumir datos sin necesidad, Offline Reader puede ayudaros con el tema.

Se trata de una aplicación que baja las páginas a nuestro dispositivo manteniendo la estructura de enlaces. Podemos así­ navegar por páginas estáticas sin conexión a Internet, viendo tanto el texto como las imágenes, los enlaces y el diseño de la web.

Solo tenemos que usar el navegador de dicha aplicación e ir guardando las páginas que vamos visitando, teniendo la posibilidad de abrirlas posteriormente, fuera del alcance de cualquier conexión a Internet.

offlineSi usáis Android, podéis usar Offline Browser, teniendo un funcionamiento semejante y consiguiendo el mismo objetivo.

En este caso podemos abrir también las páginas html guardadas en la tarjeta SD usando nuestro PC, existiendo opciones para seleccionar varias páginas y definir la profundidad de enlaces que queremos rastrear, siendo así­ más rápido que la opción para iOS mencionada antes.

Nueva versión de Formstack, para crear y personalizar formularios web

Formstack es una solución online para crear formularios, registros, asistencias de eventos y plantillas online personalizadas en cuestión de minutos que nos presenta su nueva versión.

En primer lugar nos permite utilizar un sencillo generador de formularios en HTML con el que podremos crear en nuestro documentos distintas preguntas, respuestas y campos o detalles personalizados. A continuación nos da la posibilidad de publicarla ya que nos facilita una URL que podremos enviar a los usuarios o clientes de nuestro site, blog o empresa para que respondan y rellenen el documento creado. También nos proporciona códigos insertables en caso de que queramos publicarlo en forma de iFrame.

Formstack también cuenta con una aplicación para dispositivos móviles en iTunes y GooglePlay, y podemos probarlo gratuitamente durante 14 dí­as al registrarnos en la web.

La nueva versión permite, entre otras cosas, la identificación con la cuenta de Google, la creación de códigos QR, la visualización de datos de referencias en su panel de control y la posibilidad de configurar campos que se rellenan automáticamente en los formularios.

Link: Formstack

chtemele, un juego de mesa para aprender HTML5

Rubén de Ulule, empresa dedicada al crowdfunding, nos informa sobre la existencia de chtemele, un juego de mesa que trata sobre código HTML5.

El juego es gratuito y se ha realizado bajo licencia creative commons, siendo posible conseguir la versión material del juego con el tablero, la caja y las cartas en es.ulule.com/chtemele/

Se trata de un proyecto que ha sido financiado por más de 350 personas a través de crowdfunding, prometiendo que lo dejarán activo en la web hasta dentro de unos dí­as.

Es posible ver y descargar la versión completa y gratuita del juego en este enlace: www.chtemele.org/telecharger/, con las cartas (PDF), tablero (PDF) y las reglas (PDF) .

Ulule está actualmente presente en más de 6 lenguas distintas y se presenta como la plataforma online de crowdfunding más grande de Europa.

Google presenta Course Builder, plataforma de código abierto para crear cursos online

El equipo de Google ha estado enfocando su atención en un nuevo proyecto, Course Builder. Alejado de los servicios que conocemos, este nuevo emprendimiento tiene que ver con ofrecer en una plataforma de código abierto todas las herramientas necesarias para crear cursos online.

Sí­, Google quiere agregar su granito de arena a la enseñanza online y lo hace por el momento en forma experimental con la presentación de Course Builder. ¿Qué podemos lograr con la herramientas que allí­  se provee? Si tenemos el conocimiento necesario (HTML y JavaScript), podremos desarrollar cursos online como el que presentó Google con su Power Searching with Google.

Debido al éxito y el alcance que ha tenido ese curso, el quipo de Google ha pensado en poner a disposición de la comunidad las herramientas y tecnologí­as utilizadas, para que todos puedan tener la posibilidad de repetir la experiencia creando sus propios cursos online. Además de las explicaciones paso por paso para crear los cursos, también está la posibilidad de beneficiarse de las  explicaciones de expertos a través de Hangouts.

Universidades como la UC San Diego y Stanford, así­ como un grupo de universidades de España han considerado experimentar con esta plataforma para llevar adelante su enseñanza online. Desde el equipo de Google aclaran que esto es solo el comienzo, a modo de prueba piloto, para determinar el enfoque que deben darle al desarrollo de este proyecto.

Enlace: Course Builder  | Ví­a: Google Research

Chatwee – sencillo sistema de chat para sitios web

¿Estás planteándote incorporar un servicio de chat en tu propio sitio web, pero no quieres complicarte la vida en su gestión? Pues bien, Chatwee es una interesante opción a tener en cuenta, ya no sólo por la facilidad de instalación y personalización, sino además por su gestión.

Tan sólo tendrás que registrarte gratuitamente y obtener la lí­nea de código que te ofrece a continuación, para que la insertes en la estructura de tu sitio web. Además, podrás elegir el color del sistema de chat y tener acceso a las estadí­sticas de actividad.

¿Y qué verán tus visitantes? Pues una barra inferior en la que podrán registrarse o participar directamente de manera anónima con el resto de usuarios.

Enlace: Chatwee