Categoría: Programación y Diseño

Sitios y aplicaciones para aprender a programar y a diseñar. Para todos los niveles. Noticias y novedades del sector.

Contenedor de imágenes para diseñadores Web

Publicado el

por Alfredo Cordova

Un recurso muy importante para esas etapas de plantilla o borrador, donde aún no se cuenta con la imagen final que rellenara un espacio determinado en el diseño web, puede ser lorempixum, un aplicativo muy útil que nos ayuda con esta ardua tarea en tiempo de diseño.
El proceso es muy sencillo, por medio de una declaración inline, como por ejemplo con las siguientes sintaxis:

https://lorempixum.com/400/200/nature
“ toma una imagen aleatoria de 400 í— 200px de la categorí­a de nature”.

https://lorempixum.com/g/300/200to
“inserta una imagen aleatoria en escala de grises de 300 í— 200px”

https://lorempixum.com/400/200/people /1to
“muestra la imagen 1 de 10 de la categorí­a people”.

Este sitio cuenta con las siguientes categorí­as disponibles: abstracto, animales, ciudad, comida, noche, vida, moda, gente, naturaleza, deportes, tecnologí­a y transporte, siendo un buen recurso para bocetos de diferentes tipos.

Optimiza el tiempo de carga de tu sitio utilizando Sprites CSS

Publicado el

por Fabián Figueredo

Una vieja técnica que se utilizaba en la construcción de juegos, se emplea hoy en dí­a para optimizar el tiempo de carga de los sitios webs. Los Sprites nacieron de las computadoras. Recuerdo que con mi vieja Commodore 64 podí­a generar sprites, que eran pequeños gráficos para luego crear animaciones, fondos, etc.
No obstante, esta antigua técnica se sigue usando en la actualidad, y la vemos en la técnica Sprites CSS, que consiste en utilizar una sola imagen para albergar allí­ todas las imágenes que se necesitarán en el sitio. Por ejemplo el fondo, menú, iconos, etc. Así­ cada vez que se acceda a nuestro sitio, sólo se descargará un archivo de imagen, evitando peticiones repetitivas al servidor.
Implementar esta técnica suele llevar algo de tiempo, especialmente cuando tenemos  muchos sprites. Pero para eso, existe SmartSprites, una aplicación que les permitirá crear, implementar y mantener Sprites CSS muy fácilmente.
SmartSprites es una aplicación open source y está construida en Java. Puedes utilizarla en Windows o Linux, aunque antes deberás instalar JDK 6.
Existen otras herramientas para generar Sprites CSS como por ejemplo Spritebox, una interesante aplicación web totalmente gráfica que nos ayudará a generar nuestros sprites css en pocos pasos.
Con SmartSprites, te ahorrarás muchas horas de trabajo en el armado de los sprites. Recomendable para optimizar sitios webs. El tiempo de carga de una página es un factor importante en el posicionamiento web, y más ahora que Google lo ha reconocido expresamente.

Solarized – Esquema de colores que te ayuda a codificar

Publicado el

por Gonzalo Rodrí­guez


Solarized es una paleta de colores que fue diseñada para ayudar a programadores a codificar, buscando más que nada generar un entorno que canse menos la vista a medida que pasamos más tiempo trabajando. Para esto, propone que el usuario pueda optar por utilizar un fondo obscuro o uno blanco, combinando además colores que contrasten de forma inteligente mejorando el grado de legibilidad.
Podemos instalarla sin problema alguno en Vim, Mutt, Xresources, iTemr2 y en la terminal OS X, aunque también debemos decir que existe la posibilidad de utilizar la paleta de colores para programas como Photoshop, The GIMP y Apple Color Picker Palette.
Una vez descargado el paquete disponible en la web del autor, podremos encontrar dentro un archivo «Léeme», que contiene una descripción que nos guiará para poder instalar correctamente a Solarized en donde lo necesitemos.
Enlace: Solarized | Ví­a TheNextWeb

Gury – librerí­a Javascript para HTML5 Canvas

Publicado el

por Fabián Figueredo


Gury es una librerí­a Javascript que nos ayuda a crear aplicaciones web, proporcionándonos una interface fácil de usar para trabajar con HTML5 Canvas.
Con Gury podrás crear elementos Canvas y trabajar con ellos de manera sencilla. Incluye funciones para cambiar los tamaños, aplicar estilos, agregar objetos y animarlos.
Los diseñadores de esta librerí­a quisieron que fuera lo menos complicada posible. Por lo cual, se basaron en la filosofí­a de Jquery. Con Gury sólo necesitas una sola lí­nea de código para construir un Canvas completo.
El principal objetivo de Gury es suministrarnos un marco para trabajar con la API de HTML5 Canvas, de un modo más simple.
La API de Gury dispone de una excelente documentación, con ejemplos claros y sencillos. Esta documentación está dividida en secciones: Core Gury, Manipulación de objetos, Dibujo y animación, Eventos.
Trabajar con Gury en tus proyectos con HTML5 Canvas puede resultarte de gran ayuda, en especial si aún no te sientes familiarizado con la API de HTML5 Canvas.

CoderStack – ofertas de empleo para programadores

Publicado el

por Fabián Figueredo


En esta ocasión, y en especial para los programadores que visitan wwwhatsnew, les contamos sobre un nuevo portal que publica ofertas de trabajo para los profesionales de este sector. En CoderStack, las empresas anuncian la búsqueda de personal que están realizando, con la descripción del cargo, y los requisitos que deben reunir los aspirantes al puesto.
CoderStack es muy parecido a un sistema de Q&A, algo así­ como StackOverflow, pero para debatir sobre ofertas laborales en concreto. Las ofertas publicadas son muy atractivas y abarcan diferentes aéreas y tecnologí­as, como .NET, Python, PHP, Ajax, HTML, etc.
Todas las ofertas que se publican en este portal están redactadas en inglés. Así­ que deberás hablar este idioma para poder postularte a las distintas ofertas de empleo. Actualmente, el inglés se ha impuesto como una norma base para todos los programadores, dado que la mayorí­a de la documentación, foros y otros recursos se encuentran en esta lengua.
El portal CoderStack es una interesante propuesta, que puede ayudarte a encontrar trabajo. Y te servirá si dominas el inglés y manejas con eficacia las nuevas tecnologí­as. Así­ que suerte, ¡quizás encuentres allí­ tu nuevo empleo!

Chocolatechip-ui: framework para desarrollo de aplicaciones web para móviles

Publicado el

por Fabián Figueredo


En esta oportunidad, les presentamos otro framework para desarrollo de aplicaciones webs para móviles. Chocolatechip-ui es un framework creado para diseñar sitios webs, basados en el motor WebKit.
Recordemos que Webkit es una plataforma, que se utiliza como base para el diseño de navegadores. Los navegadores más populares (como Safari, Google Chrome, Midori, etc.) utilizan WebKit. Webkit fue creada por Apple. Cabe señalar que si bien al principio Webkit era un proyecto de código cerrado, a partir del año 2005 la empresa decidió abrir su código fuente y desde entonces se hizo muy popular.
Chocolatechip-ui ofrece un paquete de widgets y controles completamente funcionales, que podremos agregar a nuestras aplicaciones para dispositivos. Los botones, barras, listas, etc. tienen un estilo muy parecido a lo que podemos observar en aplicaciones IOS.
La documentación incluida en el framework es muy buena y detallada. Con muchos ejemplos de código para creación de aplicaciones básicas y también complejas.
En sí­ntesis, un buen framework para crear web para móviles con interfaces al estilo IOS, destacándose por la buena documentación y facilidad de uso.
Link: Chocolatechip-ui | Ví­a webresourcesdepot.com

WaterMark.js – Añade marca de agua en imágenes usando JS

Publicado el

por Anger Pulido


Para quienes queremos proteger nuestro trabajo con imágenes de apropiaciones no autorizadas, WaterMark.js puede nos ayudar.
Es una librerí­a en JavaScript, con código abierto, que podemos usar para añadir marcas de agua en fotos publicadas en Internet, sin necesidad de usar programas de edición gráfica.
Es interesante señalar que la implementación de la librerí­a es bastante fácil. Hay que llamar a la librerí­a antes de la etiqueta de cierre del cuerpo y llamar al método wmark.init, siendo muy útil cuando sólo deseamos insertar una imagen sobre otra y definir su posición.

Nace GNU Free Call, un Skype gratuito

Publicado el

por miki


Es inevitable pensar que el movimiento GNU, creado por Richard Stallman el 27 de Septimebre de 1983, es capaz casi de cualquier cosa. Después de conseguir de forma libre mejores resultados a nivel de programación que el propio sistema UNIX, es muy difí­cil no creer que pueden conseguir todo lo que se propongan.
Su último reto se llama GNU Free Call y, como su propio nombre indica, intentará conseguir que las conversaciones entre personas a través de redes con protocolo SIP se realiza de forma totalmente gratuita.
Los coordinadores internos de este proyecto, Haakon Eriksen y David Sugar, tendrán que conseguir entramar una red base que  utilice GNU SIP Witch creando una plataforma segura para los usuarios que deseen usar este sistema.
Desde un punto de vista de conectividad, GNU Free Call no dependerá de ningún proveedor de servicios o software propietario, sino que seguirá toda la filosofí­a que, desde 1983, viene desarrollandose alrededor del proyecto GNU.
Un punto muy interesante de este desarrollo es que las llamadas no sólo serán entre dispositivos «ordenadores» sino que, al igual que programas propietarios tan conocidos como Skype, se podrá llamar de forma normal a dispositivos telefónicos.
Así­ tendremos próximamante la posibilidad de usar un sistema libre, como cada uno de nosotros; o cómo decí­an los propios creadores en su artí­culo de anuncio de este sistema: “Free as in freedom, and free as in no cost, too!”
Ví­a alt1040

prefixMyCSS ”“ Ayudando a migrar de CSS a CSS3

Publicado el

por Alfredo Cordova


Llega a la nube una nueva opción para los que maquetean y deben apoyarse en los archivos CSS para dejar tal cual luce el arte grafico por medio de los estándares actuales, no descuidando el peso de éstos que en muchas ocasiones si no los estructuramos adecuadamente nos hacen lenta la navegación de los sitios web.
Para ello presentamos prefixMyCSS una aplicación en lí­nea que nos permite formatear el archivo CSS  y proveer prefijos para la CSS3, también retirar todos los comentarios y generar el archivo en una sola lí­nea para ahorrar peso como se comento anteriormente.
No cabe duda que esta aplicación será de gran provecho para los diseñadores web.

SourceKit – Editor de texto dentro de Google Chrome, guardando en Dropbox

Publicado el

por Mariano Perez


Siempre es emocionante cuando una aplicación integra a varias otras que usas porque da la sensación de que estás sacándole más partido y exprimiendo sus posibilidades.
SourceKit es una de esas. Permite tener un completo editor de texto como una pestaña más de Google Chrome.
El editor guarda los archivos directamente en tu cuenta de Dropbox. Si tienes la sincronización de extensiones de Chrome, se pueden tener software y datos perfectamente concordados desde cualquier sitio.
Se puede elegir entre 15 distintos aspectos del editor, de entre los editores de texto para programadores más populares: Eclipse, Textmate, etc. Posibilidad de ver los números de lí­nea del archivo y de elegir entre realizar o no ajustes de lí­nea.
Incluye resalte de código por colores para los lenguajes de programación más usados como CSS, C/C++, Java, PHP, Python, Ruby, XML, HTML y JavaScript.
El mismo autor tiene otra extensión de Chrome en su catálogo para editar texto sin distracciones que también sincroniza los archivos con Dropbox llamada WriteKit.