Ir al contenido

Entradas etiquetadas como ‘Bitelia’

20
nov

Brackets 1.0: novedades del editor web de código abierto de Adobe

Brackets es un editor moderno desarrollado principalmente para trabajar en diseño web. La última versión liberada tiene unas novedades muy interesantes.

brackets

Por fin ha llegado el día. Han pasado un par de años de desarrollo desde que se inició el proyecto pero Adobe anunció la versión 1.0 de Brackets, su editor de texto para web de código abierto para Windows, Mac OS X y Linux. Si todavía no conocías a este editor, tienes que saber que es moderno, ligero y con una comunidad detrás que le ha añadido varias funciones que lo hacen un editor muy completo. Cada 3-4 semanas suele salir una versión nueva así que merece la pena estar atentos al blog de Brackets.

¿Por qué usar este editor?

brackets-quickedit

Muchos ya conocéis mi fanatismo por el editor de código Vim, su capacidad de personalización y extensión lo hacen acomodarse a los gustos de cualquiera. Esa es precisamente la razón por la que me encanta Brackets. Al contrario de Vim, Brackets no tiene un enfoque todo terreno, se encarga de solo una cosa pero lo hace extremadamente bien. Cuando estemos desarrollando para web, si usamos Brackets dispondremos de varias características útiles por defecto.

¿Cuántas veces tenéis que saltar de archivo en archivo cuando editamos CSS? Con Brackets eso forma parte del pasado ya que incorpora un modo de edición lineal llamado Quick Edit, en el cual si pulsamos command/Ctrl + E mientras estamos sobre un elemento HTML, abrirá en el mismo archivo un panel de edición del código CSS asociado al elemento. Es como un popup, de esa manera podremos editar los estilos desde el mismo archivo. Es importante decir que soporta LESS y SCSS.

Hay algo que creo que es esencial tener si trabajamos en un diseño web y eso es la vista en vivo.Brackets incorpora una conexión a tiempo real con el navegador en el que cualquier cambio en el CSS y HTML se verá reflejado al instante. No más guardar el archivo, movernos al navegador de Internet y actualizar la página para ver los cambios (¿con las herramientas que ya existen para esto hay gente que todavía lo hace?). Además, podremos ver resaltados los lugares en los que se aplica el CSS con solo mantener el ratón sobre el selector.

Extensiones para dar y tomar

brackets-theme

La extensibilidad de Brackets es una de las mejores características de este editor que ya cuenta con numerosas extensiones muy interesantes. No solo podremos personalizar la apariencia de este editor aplicándole diferentes temas, sino que incluso podremos integrarlo con el sistema de control de versiones Git, añadirle un modo de navegación y comandos de Vim, utilizar el famoso plugin Emmet (pura productividad en diseño web), dar formato automático a los archivos, detectar errores en el código JavaScript… etc. Cuando un editor de código se puede personalizar así, cumple las necesidades de un amplio rango de desarrolladores.

¿Qué nos trae la versión 1.0 de Brackets?

Extract-for-Brackets-Preview

Teniendo en cuenta que Adobe está detrás de lo que se hace en este editor de texto, era de esperar que en algún punto hicieran una integración con sus servicios. De eso mismo trata Extract for Brackets, un servicio que se integra con la Creative Cloud de Adobe para extraer de archivos PSD colores, fuentes, medidas, gradientes, capas como si fueran imágenes, dimensiones entre objetos diferentes… etc. De momento esta función se ha marcado como Preview así que esperamos que recibe múltiples mejoras con el paso del tiempo.

Pero si aún no te ha convencido todo lo que has leído hasta ahora, quizá decirte que puedes usar múltiples cursores llame tu atención. O puede que la vista partida (split view), el soporte de temas o la personalización de los atajos de teclado te guste más. Además, en la vista Quick Edit puedes personalizar los archivos CSS que quieres que se muestren cuando actives ese modo.

En resumen, Brackets es un editor de texto para web que no para de mejorar mes a mes y que en mi humilde opinión, merece al menos que lo pruebes una vez. La productividad está garantizada.

 

FUENTE | BITELIA | ANDER RASO

19
nov

Google lanza una aplicación de SMS para Android con Material Design

Si no usas Google Hangouts y te parece la aplicación de mensajería por defecto de Android necesitaba un lavado de cara, agradecerás esta actualización.

messenger-para-android-2

Android L está a punto de llegar a los dispositivos Nexus, las OTAs deberían empezar a llegar hoy, y de hecho ya lo han hecho en varios smartphones de diferentes marcas. Lollipop es sin duda una de las versiones de Android más esperadas y con más cambios positivos a su favor, muchos esperamos con grandes ansias su llegada, en especial por lo bonito de su diseño y todo el cuidado que se ha puesto en él.

Desde hace un buen tiempo Google ha estado intentando que usemos Hangouts como nuestraaplicación de mensajería para todo, y es por ello que han unificado los SMS y la mensajería de Google en una sola aplicación. A muchos no les gusta esa mezcla, a otros les parece confusa, y hay quienes ni utilizan Hangouts a pesar de usar Android. Por suerte la empresa no va a insistir a lo Google+ con esto y ha lanzado hoy una aplicación independiente de mensajería para Android con el nuevo Material Design, una actualización más que necesaria a la vieja app de SMS que viene por defecto en el sistema operativo.

Messenger para Android

messenger-para-android

Esta nueva aplicación necesita ser descargada desde la Play Store y no es una actualización directa de la app de SMS. Su nombre es simplemente “Messenger” y está disponible para dispositivos con Android 4.1 o posterior. Esta es solo una más de todas las aplicaciones que están recibiendo grandes actualizaciones y rediseños para adaptarse a las líneas de Material Design. Quienes amamos las cosas bonitas lo agradecemos.

 

FUENTE | BITELIA | GABRIELA GONZÁLEZ

29
oct

Scoop it: descubre, organiza y comparte contenido en redes sociales

Scoop it es un servicio de curación de contenidos que permite mantener organizada tu información y poder compartir contenido en redes sociales con un solo clic.

scoopit0001

El acelerado crecimiento de la información en Internet ha permitido el desarrollo de algunas aplicaciones o servicios web para seleccionar y organizar información acerca de un tema determinado, así fue como nació, hace poco tiempo, un término nuevo para designar este proceso.

La curación o gestion de contenidos (content curation) es el proceso de descubrir, filtrar y publicar información acerca de un área de interés en particular. La curación de contenidos permite reducir la cantidad de información que existe en la web estableciendo filtros para hacerla más especifica a los intereses del usuario, lo que posibilita encontrar contenido relevante de una manera más rápida y eficiente.

Scoop it

scoop

Scoop it es un servicio de curación de contenidos web basado en el filtrado colaborativo, en donde se realizan predicciones automáticas sobre los intereses de un usuario mediante la recopilación de las preferencias de otros muchos usuarios. La premisa básica de este tipo de filtrado es que “si el usuario A tiene la mismas preferencias que el usuario B, es más probable que A esté igualmente interesado que B en un tema X.” De este modo Scoop it nos muestra contenido de acuerdo a las recomendaciones que realizan otros usuarios con gustos similares a los nuestros.

Al crear una cuenta en Scoop it obtendrás un perfil en el que podrás escoger un tema o “topic” en el que filtrar (crear) contenido o tendrás la posibilidad de seguir los topic de otros usuarios para alimentar tu página. Estos “topic” funcionan como los tableros de Pinterest, en los cuales podemos almacenar contenido proveniente de cualquier sitio web de acuerdo a una categoría o tema específico.

¿Quiénes pueden utilizar Scoop it?

En general puede utilizarlo cualquier persona, sin embargo existen ciertas áreas o personas a las que le viene mejor. Algunos ejemplo son:

1. Líderes de opinión (Bloggers y editores web)

Permite organizar el contenido que nos parece interesante para próximos proyectos e ir analizando el potencial de ese contenido a través del monitoreo de opiniones y reacciones que se siguen día con día. También puede integrarse con Google Analytics.

2. Community managers

Reduce el tiempo de búsqueda y creación de contenidos permitiendo su publicación de manera frecuente. Además permite ir creando una comunidad mas grande de seguidores a través de las conexiones que se realizan mediante la plataforma.

3. Vendedores de contenido (posicionamiento de marcas, SEO)

Con la curación de contenidos Avanzada, Scoop it puede rastrear por ti más de 10 millones de páginas web al día. También permite personalizar el perfil de acuerdo a tu sitio o marca e incorporar redes sociales ilimitadas para compartir.

4. Gestores de conocimiento (docentes y educadores)

Descubre información y noticias de cualquier tema y compártelo con tus colegas o compañeros de trabajo en un clic. Incluso puedes organizar el contenido en tableros privados y seguros de acuerdo con la naturaleza de la información.

 

FUENTE | BITELIA | NASHELI ESCOBAR

15
oct

5 razones para aprender HTML y CSS

Aprender HTML y CSS no les sirve solo a los diseñadores web. Veamos unas razones por las que quizá quieras aprenderlos también.

aprender-html-y-css1

Fotografía de: DavidMartynHunt

 

HTML, siglas de HyperText Markup Language (lenguaje de marcas de hipertexto), se refiere al lenguaje de marcado para la elaboración de páginas web. Se complementa con las Hoja de estilo en cascada o CSS(siglas en inglés de cascading style sheets), un lenguaje usado para definir la presentación de un documento escrito en HTML.

Es normal que la mayoría de la gente que quiere adentrarse en los mundos del diseño web sea la que mayoritariamente quiera aprender HTML y CSS. Pero que no quieras dedicar tu vida laboral al diseño web no significa que tu no puedas aprenderlos también. Aprender HTML y CSS puede ser de utilidad, veamos porqué.

1. Puedes crear webs sencillas

comentarios-html

Ya sea una página web personal o para tu negocio, tener una web
propia te da una presencia online y cierto grado de profesionalidad
. Tendrás un sitio al que apuntar a tus contactos y como eres tú el que controla totalmente el contenido, serás capaz de transmitir el tipo de imagen que deseas.

2. Puedes jugar con el código de otras páginas

HTML

La mayoría de navegadores web modernos incorporan herramientas para desarrolladores con las que podremos hacer sencillos cambios, como alterar el texto de la página, colores, imágenes o lo que se nos ocurra. Esos cambios solo son visibles en tu PC, lo que permite crear un entorno de aprendizaje sin dañar la verdadera página web. Herramientas como esta son geniales tanto para aprender como para descubrir si te interesan este tipo de tecnologías.

3. Sirve para escribir en Internet

i-know-html

Si tienes un blog o escribes en alguno de vez en cuando, sabes de lo que estoy hablando. Es totalmente cierto que podemos usar los formularios de texto para introducir los elementos que de los que queremos hablar, pero el control absoluto del contenido no hay otra forma de obtenerlo si no eres capaz de escribir en el lenguaje HTML.

A veces copiamos contenido de Word o de otra fuente y viene con estilos raros o rotos que hay que arreglar editando el código. Esto no solo se aplica para escribir en blogs sino también a muchos sistemas de comentarios de otras páginas web, en las que permiten usar etiquetas HTML para dejar nuestras palabras con un formato concreto.

4. Incrustar contenido de otras web

YouTube

Muchas páginas tienen la opción de compartir una parte del contenido en otras webs, como son Youtube o Asciinema de la que ya hemos hablado anteriormente. Ser capaces de editar la forma en la que otra gente va a ver el contenido puede sernos de utilidad. Por ejemplo, quizá queramos compartir unos segundos concretos de un vídeo o simplemente queremos que el reproductor haga juego con la web que lo rodea.

5. Es una puerta a cosas más avanzadas

web-tech

Una vez que ya sabemos un poco de HTML y CSS quizá queramos darle un poco de interacción a nuestra página web, para lo que aprenderemos por ejemplo JavaScript. Entonces es posible que queramos que el contenido se genere dinámicamente y sea capaz de guardar cierta información, por lo que miraremos PHP y MySQL o cualquier otra alternativa. Más adelante, a lo mejor queremos hacer una aplicación para android de nuestra página o aplicación web que hemos diseñado, así que leeremos algo sobre Java si es para Android. En un momento dado, quizá nos gustaría que nuestra aplicación funcionase independiente de un navegador web, es decir, una aplicación de escritorio, por lo que si usamos Linux por ejemplo, podríamos buscar información sobre Vala y Gtk+ o Qt que tiene un buen soporte multiplataforma.

Como veis, al final una cosa nos puede llevar a otra y acabamos metiéndonos de lleno en este apasionante mundo tecnológico. Mi caso es este último, aprender una cosa me suele llevar a tener la necesidad de hacer algo nuevo, por lo que trato de aprender otra cosa más para complementar la anterior. Es un círculo que se repite una y otra vez, pero si nos gusta aprender cosas nuevas, es un gran pasatiempo.

 

FUENTE | BITELIA | ANDER RASO

12
oct

Photoshop llegará a las Chromebooks muy pronto

Google potencia Chrome OS con una alianza con Adobe, la suite creativa más utilizada llegará a las Chromebooks muy pronto.

Photoshop_chromebook

Google a través de su blog oficial ha anunciado la llegada del software creativo de Adobe a la plataforma Chrome OS. De esta manera añaden un enorme valor agregado para continuar ganando usuarios de las Chromebooks que aún no terminan de despegar en ventas.

El gran problema que significa utilizar Chrome OS siempre ha sido la necesaria una conexión a internet para ser utilizado y por otro lado, el ecosistema de aplicaciones quizá no estaba del todo completo, hacían falta apuestas interesantes y para solucionar eso Google poco a poco ha ido haciendo alianzas con compañías, en esta ocasión han dado en el blanco al llevar la apuesta de Adobe Creative Cloud a los usuarios. Para iniciar estará disponible Photoshop, el software de edición de imágenes más utilizado o el más popular.

Buena apuesta pero un tanto limitada

De inicio llegará Photoshop pero de una forma muy limitada, la versión en “streaming” estará disponible únicamente para los usuarios de Adobe que tengan acceso a Creative Cloud (de pago) en la versión para estudiantes y que sean residentes de Estados Unidos. Los demás usuarios quedarían fuera, pero también es importante mencionar que sería parte del primer periodo de pruebas, más adelante podemos suponer que cualquier usuario con el servicio Creative Cloud podría disfrutar de las aplicaciones de Adobe de forma ilimitada en Chrome OS.

La aplicación de Photoshop para Chrome OS funcionará a través de la nube, como todas las aplicaciones de la plataforma, además vendrá con el valor agregado de ser compatible con Google Drive para guardar tus archivos. Si cuentas con los requerimientos para unirse a la beta de Photoshop en Chrome OS ya es posible ir al sitio de Adobe y registrarse para obtener el acceso.

 

FFUENTE | BITELIA | FELIPE OLIVEROS

snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflakeWordpress snowstorm impulsado por nksnow
A %d blogueros les gusta esto: