Etiqueta: sitios web

HTML5 Up!, plantillas elegantes y editables para sitios web en HTML5

Publicado el

por Rebeca Polo

html

Ante la necesidad de crear un buen sitio web, y en caso de que no tengamos demasiados conocimientos de programación o demasiadas ganas de complicarnos la vida, es bueno tener a nuestro alcance herramientas como HTML5 Up!.

Este servicio nos presenta una colección de plantillas en html5, capaces de adaptarse a diversos dispositivos, para crear sitios web variados y animados, para que con unos pocos retoques y detalles podamos crear un sitio web propio rápido y profesional, incluso compatible para versión móvil. Para personalizar el sitio web al máximo y poder editar imágenes en él, sí­ hace falta tener algunos conocimientos de HTML. Si es así­, sólo tendremos que descargar cualquiera de las plantillas que nos ofrecen y ponernos a crear la página a nuestro gusto.

En cuanto descomprimamos la plantilla ya la podremos abrir en nuestro navegador, para ir editando el index.html y personalizarlo a nuestro gusto. Por supuesto, podremos cambiar las imágenes presentes, los enlaces, etc., y aunque como hemos dicho el tema requiere de algunos conocimientos de programación, el código es simple y sólo ocupa una página, con lo cual es facilmente editable.

Podéis acceder a las diferentes plantillas que HTML5 Up desde la misma web principal.

Chrome para Android ya permite traducir sitios web en su última beta

Publicado el

por Fco. José Hidalgo

Chrome Beta

Esta semana también ha salido la versión estable número 27 de Google Chrome para Android, donde ya permite la navegación a pantalla completa y la búsqueda simplificada, entre otras novedades, y ya tenemos con nosotros la beta de la versión 28, donde la caracterí­stica más destacada, al menos de momento, es la inclusión de las traducciones de sitios web, en lí­nea similar a lo que hace la versión de escritorio de Google Chrome.

La idea es que estando ante un tablet o smartphone con el que estamos navegando por sitios web móviles, y en el caso de que accedamos a una web de un idioma diferente al que tengamos configurado en nuestro terminal, nos pregunte si deseamos traducir la misma. En este caso, la barra de traducción aparecerá en la parte inferior de la pantalla.

Por ahora, esta caracterí­stica es sólo para la versión beta 28 de Chrome para Android, disponible ya en Google Play. En el momento en el que salga de la beta, esta caracterí­stica la podemos utilizar el resto de usuarios que no nos hayamos aventurado a usar la beta.

Enlace: Google Chrome para Android | Ví­a: The Verge

Whitelist para Chrome nos permite crear una lista de sitios web seguros para niños

Publicado el

por Miriam Schuager

Contamos con muchas opciones que nos permiten programar nuestro equipo para que los niños puedan navegar con seguridad por la web y no accedan a sitios que no son apropiados. Sumándose a todas las propuestas que conocemos nos encontramos con Whitelist para Chrome, que en pocos minutos nos permite configurar nuestro navegador.

Whitelist para Chrome

Es una extensión para Chrome que puede ser ideal si deseamos improvisar una solución rápida para que los niños utilicen internet. Con una interfaz muy simple la idea es que creemos una lista de sitios web permitidos para navegar, teniendo en cuenta que los navegadores están permitidos por defecto y esta serie de sugerencias que se comparten desde su página:

Puedes usar comodines. Por ejemplo, si añades ‘google.*’, PODRíS acceder a ‘google.com’, ‘google.de’, ‘google.es’, etc.

Si sólo especificas el dominio del sitio, sus subdominios también serán permitidos. Es decir, si añades ‘google.com’, PODRíS acceder a ‘mail.google.com’, ‘maps.google.com’, etc.

Si especificas tanto el dominio como el subdominio del sitio, sólo se permitirá el acceso a ese subdominio. Es decir, si añades ‘www.google.com’, NO PODRíS acceder a ‘mail.google.com’, ‘maps.google.com’, etc

Cuando visiten un sitio web que no está en la lista aparecerá un cartel informando que la página está bloqueada. Si bien no es la opción más segura y es fácil de eludir ya que no cuenta con ningún sistema de contraseña o bloqueo que les impida modificar la lista que hemos creado, es una interesante alternativa a tener en cuenta.

Snackwebsites, creador de sitios web para móvil gratuito

Publicado el

por Rebeca Polo

snackwebsites

Dado el enorme uso que hace la gente de su smartphone no sólo para chatear y enviar mensajes sino también como herramienta de navegación, es muy útil contemplar una versión móvil de nuestro sitio web si queremos promocionarlo y expandirlo de una forma eficiente.

Para ello podremos utilizar Snackwebsites, una herramienta de uso particular y profesional que nos permitirá crear un sitio web o un portfolio personal totalmente compatible para móvil, y de forma gratuita. Las páginas web que nos ofrece crear Snackwebsites van muy orientadas a promocionar galerí­as de imágenes o productos personales, ya que desde el inicio se nos permite escoger una categorí­a o formato dependiendo si queremos crear un sitio web personal, un portfolio, una comunidad, un blog, un producto, marca, grupo o evento. Para personalizar más la imagen, podremos elegir entre distintas plantillas temáticas según el objetivo que tenga nuestro sitio web y también podremos personalizar la URL de la página.

Podéis utilizar Snackwebsites directamente desde la web o a través de la extensión de Chrome enlazada aquí­. Os dejamos con el simpático tráiler que nos demuestra en qué casos podemos utilizar Snackwebsites y cómo funciona: Continúa leyendo «Snackwebsites, creador de sitios web para móvil gratuito»

Froont – Donde diseñadores crean y comparten sus sitios web adaptables

Publicado el

por Fco. José Hidalgo

Froont

La necesidad de crear sitios web con diseños adaptables para cualquier dispositivo se ve también reflejada en Froom, un nuevo servicio que acaba de salir en fase beta pública para facilitar a los diseñadores la creación de diseños y prototipos de sitios web adaptativos con tan sólo arrastrar y soltar diferentes elementos sobre el área de la web, pudiendo modificar las propiedades de los mismos para que se vean adecuadamente en los diferentes tamaños de pantalla.

Se trata de un editor visual de sitios web que pretende eliminar la jerarquí­a de trabajo a la hora de su diseño, eliminando la necesidad de disponer de maquetadores que interpreten los diseños creados en Photoshop para llevarlos al HTML y CSS mediante codificación.

De esta manera, a la hora de trabajar en un proyecto concreto, los diseñadores pueden actuar por su propia cuenta para crear y compartir sus diseños, a través del navegador web, al resto del equipo de trabajo, de clientes, u otras personas, para recabar el feedback necesario.

Sólo hace falta registrarse en el servicio y comenzar un nuevo proyecto, pudiendo comenzar desde una página en blanco o desde una página de pruebas, estando por ahora inactivo la posibilidad de crear proyectos de prototipos interactivos. Dentro del espacio de trabajo, cuenta con unas sencillas herramientas, las cuales son presentadas la primera vez que entren. Además, podrán ver el código que se va generando en el desarrollo de la propia página.

Enlace: Froont | Ví­a: TechCrunch

PollCode, insertando preguntas y cuestionarios en forma de widget

Publicado el

por Rebeca Polo

pollcode

Siempre es un punto a favor de una web el encontrar elementos en ella que colaboren a mejorar la experiencia del usuario, tanto a nivel de engagement, de enlace a redes sociales o mediante la inserción de preguntas y encuestas relacionadas con nuestro contenido para que la experiencia sea más interactiva de cara al visitante.

Para ello descubrimos PollCode, una manera rápida y muy fácil de crear pequeños elementos insertables en nuestra web con preguntas y mini-encuestas con respuestas predeterminadas, que serán muy útiles de cara a obtener opiniones de usuarios y compañeros que puedan ayudarnos a mejorar el contenido o a averiguar los temas de más tendencia.

Podemos insertar sólo una pregunta y con número de respuestas indefinidas, ya que no hay lí­mite a la hora de escribir opciones. Podremos elegir el tipo de letra, una imagen de fondo, el tamaño y el color de nuestro elemento insertable. Cuando acabemos, se nos dará un fragmento de código que podremos insertar directamente en nuestra web. Además, también podremos publicar la encuesta en redes sociales y encuestar a nuestros contactos sobre cualquier tema.

Resalta el hecho de que no nos hará falta descargar ningún software ni bajar ningún complemento para crear la encuesta, ya que la escribiremos y personalizaremos directamente desde el sitio web de PollCode.

Webydo, creando webs sin conocimientos de programación

Publicado el

por Rebeca Polo

web

Hoy en dí­a se crean páginas web con muchos fines: desplegar información personal, crear contenido, presentar proyectos… los diferentes usos que hacemos de ellas van directamente relacionados con lo fácil que supone crear una web hoy en dí­a, cosa que a menudo podemos hacer sin demasiados conocimientos de programación.

Esto nos lo permiten herramientas como Webydo, un proyecto muy interesante que nos permite, teniendo conocimientos básicos de diseño gráfico, crear páginas web de forma visual sin necesidad de tocar una lí­nea de código y cuyo aspecto acaba resultando bastante limpio y profesional. Utilizando el sistema «what you see is what you get» (=lo que ves es lo que tienes), podremos crear las distintas partes de nuestro sitio web viendo las modificaciones al instante, tanto inclusión de imágenes como añadidos de texto, widgets, o cambios de diseño varios.

Webydo ofrece una versión gratuita con las funcionalidades básicas, y también nos ofrece una versión de pago en caso de que la queramos utilizar al completo (unos 8 dólares al mes).

Link: Webydo | Ví­a techcrunch

Qué es una página web, un sitio web, un blog, y por qué tu negocio deberí­a tenerlos

Publicado el

por Juan David Quiñónez

Aunque muchos ya son expertos en el tema gracias a que gastan muchas horas de su diaria rutina a estar conectados a la red, hay también muchos usuarios que por sus apretadas agendas, por ejemplo, no pueden disponer del tiempo suficiente para informarse por completo sobre las muchas bondades que la web (traducción al inglés de la palabra «red») tiene para ofrecer a todo el que desee aprovecharlas.

A ese último grupo de usuarios por ahora inexpertos -nada de «dummies» u otros despectivos adjetivos- va dedicado este artí­culo. Repasaremos algunos conceptos básicos sobre el funcionamiento de las páginas web, los sitios web y los blogs, las útiles relaciones que tienen estos con el sector de los negocios y otros temas de interés para empezar desde ya a pensar en crear tu propio sitio web.

¿Qué es una página web?

Imagina un clásico documento de texto hecho con Microsoft Word pero que además de texto e imágenes permita incluir fondos, videos, formularios, enlaces, animaciones, juegos, fotografí­as en su tamaño original, mapas, comentarios, música, etc. Ahora bien, ¿qué tal si ese documento estuviese disponible para todo el mundo y su acceso se facilitara con sólo entrar desde un buscador como Google.com? Eso es una página web, un documento con infinitas posibilidades de edición al que cualquiera puede conectarse desde su navegador de Internet (Internet Explorer, Google Chrome, Mozilla Firefox, Safari, etc.) con sólo teclear un par de palabras y dar un clic desde los resultados de Google.

pagina web navegador Continúa leyendo «Qué es una página web, un sitio web, un blog, y por qué tu negocio deberí­a tenerlos»

BrowserStack lanza su servicio de capturas de sitios web bajo diferentes navegadores

Publicado el

por Fco. José Hidalgo

BrowserStack Screenshots

Uno de los aspectos que tienen en cuenta los desarrolladores de sitios web es que éstos funcionen de manera similar en todos los navegadores web bajo cualquier plataforma donde se ejecuten, para que no existan apenas diferencias en una plataforma respecto a otra. Para ello, como ya os comentamos en su momento, BrowserStack es un servicio que les permite poner a prueba los sitios web, incluso en servidores internos propios, para comprobar que funcionan de manera similar en cualquier navegador web.

Hoy tenemos novedades respecto a BrowserStack, ya que trae un nuevo servicio llamado Screenshots, con el objetivo de realizar capturas de pantalla de sitios web bajo diferentes navegadores web de escritorio, permitiendo también las capturas a sitios web bajo servidores internos o archivos de diseño a través del propio túnel local. Para ello, hay que indicar la URL del sitio web a testear, elegir los navegadores web donde se quiere probar, existiendo 12 navegadores pre-seleccionados aunque se pueden elegir otros, y esperar a la finalización de las pruebas, donde mostrará las miniaturas de las capturas del sitio bajo diferentes navegadores, capturas que se pueden bajar en un archivo .zip.

Respecto a la configuración, éstos están disponibles para usuarios registrados, la mayorí­a de ellos para usuarios premium. Sólo los usuarios de cuentas gratuitas podrán hacer uso de la recepción de las miniaturas por correo electrónico cuando hayan finalizado las pruebas.

Indicar que un navegador web en BrowserStack es básicamente una versión de un navegador web concreto bajo una plataforma de escritorio, dando soporte en este servicio a varias versiones de Windows (XP, 7 y 8 ) y de Mac OS X (Snow Leopard, Lion y Mountain Lion).

Además de Screenshots, BrowserStack trae una serie de novedades a su servicio principal, como el soporte para la realización de test de sitios web bajo IE10 en Windows 7, soporte para teclados no estadounidenses, plugins para Chrome y Firefox, la modificación de los tiempos de espera de inactividad, la integración de Codepen, Mixture.io y Visual Studio, y por último, la actualización de la API de las pruebas JavaScript a la versión 3.

Enlace: BrowserStack Screenshots

Wunderlist lanza su extensión para navegadores para ir más allá del simple gestor de tareas

Publicado el

por Fco. José Hidalgo

Add to Wunderlist

Supongo que muchos ya estaremos familiarizados con Wunderlist, uno de los mejores servicios en la nube que nos permiten la gestión de nuestras tareas pendientes, descripción que a partir de hoy puede quedarse corta con la incorporación de una extensión para navegadores web llamada Add to Wunderlist, la cual da soporte a una serie de espacios de comercio electrónico, sitios de noticias, y servicios de correo electrónico basado en la web.

Dicha extensión, en cierta manera, se comporta como la de los marcadores sociales. La idea es «guardar y proteger» el contenido deseado dentro de Wunderlist, por lo que en los espacios web de comercio electrónico obtendrá tanto la URL como precio, descripción, calificación, y otros datos ampliables con la selección del texto deseado. Respecto con los servicios web de correo electrónico, convierte un mensaje en una tarea a realizar, basándose en el asunto del mensaje, llevando tanto la dirección de correo electrónico como el texto a la nota de dicha tarea.

Respecto a los sitios no soportados, tan sólo se llevará el contenido deseado. Los sitios soportados son Amazon, Asos, Ebay, Etsy, Hacker News, Twitter, Wikipedia, YouTube, GMail, Yahoo! y Outlook. También ofrece las librerí­as e instrucciones necesarias para la implementación de Add To Wunderlist a sitios web a través de la plataforma GitHub.

La extensión está disponible para los navegadores web de escritorio Chrome, Safari y Firefox.

Enlace: Wunderlist – Add To Wunderlist en GitHub