Etiqueta: descarga

PSD con todos los elementos de Bootstrap 3

Tan solo hace algunas semanas les compartía la nueva versión del popular framework frontend, Twitter Bootstrap en su versión número 3 y hoy les traigo un archivo PSD con todos sus elementos de UI.

Así es, todos, completamente todos los elementos de Bootstrap 3 pero en un archivo PSD, toda la Tipografía, botones, alertas, paneles y demás, totalmente personalizables y editables.

Es muy útil cuando quieras usar Bootstrap pero no estás de acuerdo con su estilo, así que le compartes este recurso al diseñador web de tu equipo y el se encargará de ajustarlo al diseño del proyecto y luego solamente tienes que importar el nuevo estilo y ya está, nadie sabrá que es un Bootstrap modificado.

INTRO-Bootstrap-v3

Descargar Bootstrap 3 PSD

UIBox: Colección de elementos de interfaz de usuarios

tdScreenshot_45

 

 

Al desarrollar aplicaciones o sitios web repetidamente nos encontramos con la situación que necesitamos algún componente de interfaz de usuario para cumplir con algún requerimiento, un componente de interfaz de usuario es un menú de navegación, un calendario, un seleccionador de fecha o Datepicker, también puede ser un Dialogo Modal, una barra de progreso o un seleccionador de color, elementos rutinarios que ya existen en Internet y son relativamente fácil de incorporarlos en nuestro proyecto o si necesitas algo más específico puedes también hacerlo tu mismo.

UIBox es una página web que funciona a modo de librería o recopilatorio de todos estos componentes, tratando de solucionar una de las mayores fortalezas y debilidades de Internet: su tamaño, a pesar que exista de todo, es tan grande que es difícil encontrarlo, el autor de la página web se encarga de recolectar los elementos manualmente, comprobar que tengan un Demo funcional, excelente documentación, y el soporte de varios navegadores, al encontrar un componente con estas características lo agrega a la librería haciéndolo más fácil de encontrar y posteriormente integrar en nuestros proyectos.

Así que la próxima vez que necesites algún componente rápido para tu proyecto solo entra a UIBox y lo tendrás funcionando en minutos.

Twitter Bootstrap 3 disponible, con nuevos elementos y grilla renovada

Screenshot_20

La nueva versión del popular framework frontend Twitter Bootstrap ya está disponible para su descarga desde su sitio oficial, la versión número 3 fue escrita desde cero, absolutamente todo el código cambio por lo que no es en lo absoluto recomendable simplemente cambiar el enlace de sus archivos. NO lo hagas, toda tu aplicación web se corromperá por completo.

Aún así como nueva versión que es viene con muchísimas mejoras para el bien de todos, entre ellas está su enfoque Mobile First, es decir, está nueva entrega está diseñada para tener en cuenta primero smartphones y tablets que portátiles o PC’s de escritorio cuando se está creando el sitio web, ya no es necesario importar dos archivos CSS, ahora todo el código está en un solo, bootstrap.css.

Grilla

La grilla o grid en inglés fue modificada por completo y es una de las cosas que más cambiaron, ahora viene en tres tamaños diferentes, Diminuto (Smartphones .col-*), Pequeño (Tablets .col-sm-*) e Intermedio y Grande (Portátiles y PC’s de escritorio .col-lg-*), cada uno de estos tamaños con su respectivas clases te da el control absoluto sobre como se verá tu aplicación web en cada dispositivos. Lo único que tienes que hacer es combinarlas respecto a tus necesidades.

<div class="row">
  <div class="col-12 col-lg-8">8</div>
  <div class="col-6 col-lg-4">4</div>
</div>

Diseño Plano

Siguiendo la tendencia que ha crecido en el último año, ahora el diseño de Twitter Bootstrap es totalmente plano o flat, los botones, las alertas, la navegación y el resto de los elementos tienen un diseño sencillo, lo que facilita muchísimo su personalización, ahora ya no tenemos que preocuparnos por los gradientes, las sombras o el brillo de los elementos, simplemente hay que cambiar solo el color de los elementos  y ya esta.

Screenshot_21

Nuevos componentes

La versión número 3 de Bootstrap incorporó dos nuevos elementos, Grupos de Listas y Paneles, cada uno para mostrar elementos con información más extensa relacionada a el, los Grupos de Listas sirven para mostrar listas con información más compleja, no son listas con una viñeta a la izquierda, ahora cada item de la lista puede tener un badge mostrar un número al estilo iOS o incluso tener un título y una descripción, muy útil para administradores de aplicaciones donde es necesario mostrar pequeñas estadísticas. Los Paneles, ¿No te has encontrado que no sabes como posicionar esa información? Ahora lo pones dentro de un Panel y listo, los paneles están creados para mostrar información por cajas, que le da a la página una estructura más definida y fácil de seguir, cada Panel puede tener un título, una descripción y un pie, todos opcionales, de igual forma tienen contexto, es decir, se les puede aplicar las clases de las alertas, y más allá, se pueden combinar con la lista de grupos perfectamente.

Screenshot_22

Soporte

El soporte para Internet Explorer 7 fue removida, significa que si visitas un sitio web hecho con Bootstrap 3 desde IE7, todo se verá de la peor forma posible, se verá y funcionará bien, pero si tienes algún problema con este navegador no tendrás soporte alguno.

Está es una versión RC o Release Candidate, así que es recomendable primero jugar con ella antes de usarla en un nuevo proyecto.

Una nueva versión cargada de mejoras visuales, de rendimiento y de estabilidad que nos hará la vida más fácil a todos los desarrolladores web, ofreciendo ahora más que nunca mejores formas para mostrar e interactuar con los elementos ofrecidos.

Descargar: Twitter Bootstrap 3

PSD gratuito con todos los elementos gráficos de iOS7

iOS7-1-small

El mes pasado Apple revelo la nueva versión de su sistema operativo, iOS7, el cual además de traer algunas nuevas funcionalidades el punto más fuerte de esta versión es el completo rediseño de la interfaz de usuario, haciéndola más sencilla, aplicando la versión Apple del estilo de diseño flat.

Si eres de los que les encanta estar a la vanguardia y siempre utilizar las últimas herramientas y las últimas versiones de los sistemas y además eres diseñador este recurso te será perfecto para tu trabajo, se trata de una plantilla completa en Photoshop con todos los elementos de la interfaz gráfica de la nueva versión de iOS, cada uno de los elementos del diseño tiene su propia capa en el archivo, lo que lo hace perfecto para empezar a crear wireframes y mockups con los elementos reales de la nueva versión del sistema operativo.

Descargar: iOS7 GUI PSD

Mejora tu perfil de Twitter con Twitter Images Header

4-21-2013 9-34-57 AM

Hace algunos meses la red social Twitter cambió el diseño de nuestros perfiles para hacerlos más personalizables con la posibilidad de incluir una imagen de cabecera o header image siguiendo los pasos del diseño de Facebook y sus imágenes de cover.

Pero conseguir una buena imagen de cabecera no es nada fácil a menos que seas un diseñador profesional, menos mal existen servicios como Twitter Images Header con cientos y cientos de imágenes para descargar gratuitamente de todos los temáticas, desde nuestras preferidas, tecnología, sistemas operativos, Internet hasta paisajes, autos, paisajes, playas, lugares y por supuesto, las preferidas de muchos, imágenes abstractas de símbolos, formas y figuras imposibles.

 Luego de descarga tu imagen preferida deben ir a las preferencias de su perfil en Twitter, luego a la sección Perfil y allí cargan la nueva imagen y ya está, ahora tienes un imagen en alta calidad en tu imagen de cabecera.

Twitter Images Header

Vía: Chica Blogger

100 iconos de redes sociales estilo Flat

social-media-flat-icons

 

El estilo flat es un estilo de diseño relativamente nuevo que se caracteriza por ser muy minimalista, utilizar tamaños de texto grandes y fáciles de leer y el uso constante de iconos con diseños sobrios, simples y planos, así como la eliminación por completo de bordes con bisel, degradados y demás elementos eyecandy a los que veníamos acostumbrados desde el auge de la denominada Web 2.0.

Simple Icons es una colección de más de 100 iconos con el característica estilo flat disponibles para descargar completamente gratis para usarlos en tus proyectos web o de diseño, los iconos vienen en 11 tamaños diferentes en formato .PNG.

Además de ofrecer los iconos el sitio web también tiene una recopilación del color usado por las diferentes marcas y sitios web de Internet como Github, Bootstrap, Dropbox y PHP, entre otros.

Descarga: Simple Icons

Disponible Internet Explorer 10 para Windows 7

2-26-2013 12-55-20 PM

Con el lanzamiento de Windows 8 Microsoft también publicó una nueva versión de Internet Explorar, la número 10 que con mejoras sustanciales, como un rendimiendo más alto con Javascript, corrector ortográfico integrado, así como el soporte para nuevos estándares como CSS3.

El día de hoy Microsoft por fin ha publicado la versión de Internet Explorer 10 para Windows 7 con mejoras en su rendimiento reduciendo el uso de la CPU y la memoria mejorando la batería del portátil, Internet Explorer 10 también incluye soporte para las nuevas tecnologías como HTML5, CSS3, DOM, Web Performance y Aplicaciones web en general.

Entre la lista de nuevos estándares que soporta están:

  • CSS3: Sombras de texto CSS, transformaciones 3D CSS, transiciones y animaciones CSS3, gradientes CSS3 y filtros SVG.
  • Diseño responsive: Grids CSS3, flexbox, multicolumna, posiciones flotantes y regiones, formularios HTML5, controles y validaciones de campos de entrada.
  • Mejoras de Aplicaciones Web: Soporte para aplicaciones offline con almacenamiento local, Cache HTML5, Web Sockets, historia HTML5.
  • Aplicaciones web interactivas: Soporte para nuevas tecnologías como posiciones flotantes CSS3, drag-drop en HTML5, Media queries y eventos de apuntadores.

Internet Explorer 10 está disponible es más de 90 lenguajes para 32 y 64 bits desde la página oficial de Microsoft o luego a través de Windows Update, con esta actualización Microsoft impulsa a Internet Explorer como un navegador más respetable en la web.

Descarga Internet Explorer 10

5 juegos Indie totalmente gratis para descargar

1-20-2013 4-20-54 PM

The Free Bundle es un sitio web que ofrece cada varios días un paquete de hasta 5 juegos indie totalmente gratis para descargar, la mayoría de los juegos son para Windows pero también están disponibles para Mac o Linux.

La descarga de los juegos está disponible en algunos casos como descarga directa o por torrent, si tal vez desconfías de los ejecutables cada archivo está analizado con varios antivirus para asegurarse de la seguridad de los juegos.

Así que aprovechen este paquete que viene con varios juegos muy buenos, como Nitronic Rush, un juego de autos donde corres esquivando obstaculos del mundo, haciendo vuelos extensos gracias a impulsores del carro, al más puro estilo de Rush 2049 de Atari.

The Free Bundle

88 fantásticos Wallpapers de Windows 8

Con cada nuevo lanzamiento de algún Sistema Operativo siempre vienen geniales Wallpapers, sobre el reciente lanzamiento de Windows 8, el nuevo sistema operativo de Microsoft, Misaki2009  un artista de DeviantArt ha lanzada un paquete con 19 wallpapers oficiales de Windows 8 y también algunos inoficiales pero no menos fabulosos para decorar nuestro Escritorio.

Pueden descargar la lista completa de Wallpapers en AppStorm.