Qué hay de nuevo para los diseñadores, septiembre de 2012
La edición de septiembre de novedades para diseñadores y desarrolladores incluye nuevas aplicaciones web, herramientas de JavaScript y jQuery, complementos para hacer que sus sitios sean más útiles, herramientas de productividad, nuevas versiones de sistemas de gestión de contenido, marcos, kits de interfaz de usuario y algunas fuentes nuevas realmente geniales. .
Muchos de los recursos a continuación son gratuitos o de muy bajo costo, y seguramente serán útiles para muchos diseñadores y desarrolladores.
Como siempre, si hemos omitido algo que cree que debería haber sido incluido, háganoslo saber en los comentarios. Y si tiene una aplicación u otro recurso que le gustaría ver incluido el mes próximo, twittee a @cameron_chapman Por consideración.
Osmek
Osmek es un nuevo tipo de CMS basado en la nube, que se denomina a sí mismo una "API de contenido". Se puede usar con cualquier lenguaje o marco de programación, y en cualquier servidor, y el contenido se puede distribuir a múltiples sitios.
Metro UI CSS
Metro UI CSS es un marco para desarrollar sitios en el estilo de Windows 8. Se puede usar como una solución independiente o agregarse a cualquier otro marco CSS.
Strapdown.js
Strapdown.js es una forma simple de crear documentos de reducción sin requerir la compilación del lado del servidor. Es amigable con los motores de búsqueda, compatible con navegadores cruzados, es temático e incluye el resaltado de sintaxis al estilo Github.
Prism.js
Prism.js es un resaltador de sintaxis ligero y extensible que funciona con estándares web modernos. Es increíblemente rápido, intuitivo y se puede diseñar con CSS.
Anotador
Anotador es una biblioteca JS de código abierto que se puede agregar a una página web para permitir que los visitantes dejen anotaciones. Estas anotaciones pueden incluir comentarios, etiquetas, usuarios y más. Y fue diseñado pensando en la extensibilidad fácil para que pueda agregar nuevas funciones.
SideTap
SideTap es un marco para construir interfaces web móviles e independientes de la plataforma. Funciona mejor en iOS5 +, Chrome y Safari. Es liviano y acepta la convención sobre la configuración para que pueda comenzar de inmediato.
Erlywarn
Erlywarn le da notificaciones instantáneas si su sitio web no está actuando normalmente. Es rápido para comenzar (solo ingrese su correo electrónico y URL) y es asequible (desde solo £ 1 / mes).
BigVideo.js
BigVideo.js es un complemento jQuery para agregar un gran fondo de video (o imagen) a su sitio web. Utiliza la API Video.js, así como un par de complementos y bibliotecas jQuery.
SoundGecko
SoundGecko convertirá cualquier artículo en un archivo MP2 que puede escuchar mientras viaja. Está disponible como una extensión de Chrome, o simplemente puede enviar un correo electrónico a la URL del artículo para obtener la conversión. También hay aplicaciones para iOS, Android y Windows Phone.
Edicy
Edicy es una herramienta simple utilizada para crear sitios web multilingües. Es fácil de usar, optimizado para computadoras de escritorio y dispositivos móviles, tiene temas personalizables y está optimizado para motores de búsqueda nada más sacarlo de la caja.
Encasillar
Encasillar hace que sea fácil crear blogs interactivos en vivo, perfectos para entrevistas. Puede invitar a lectores, amigos y fanáticos a que le hagan preguntas, y luego simplemente elegir cuáles responder y comenzar a escribir.
Quabel
Quabel es una aplicación de escritura basada en navegador que te permite establecer metas de escritura fácilmente y enfocarte en tu escritura sin distracciones externas. Los comandos simples facilitan el formateo de su escritura, y se puede acceder desde cualquier lugar.
ordenado
ordenado es un marco de red de fluido de código abierto construido sobre Bourbon y Sass. Utiliza unidades em y ratios dorados, y depende completamente de mixins Sass, por lo tanto, no contamina su HTML con clases de presentación y divisiones de envoltura adicionales.
Human.io
Human.io es una plataforma para crear pequeñas aplicaciones móviles que pueden acceder a la cámara de un teléfono, geolocalización y más. Puede usarlo para crear una funcionalidad simple o compleja, y es fácil de integrar en los servicios existentes.
Mailrox
Mailrox facilita la creación de correos electrónicos HTML a prueba de balas para CampaignMonitor o MailChimp. Las plantillas creadas con Mailrox se han probado con Apple Mail, Lotus Notes, Thunderbird, AOL, Gmail, Yahoo! Correo, y muchos más
Flecha CSS Por favor
Flecha CSS Por favor es un generador de flechas CSS rápido y fácil de usar. Solo especifique el tamaño de la flecha, el ancho y el color del borde, la posición y el color de fondo, y obtendrá todo el código que necesita.
Caballete
Caballete es una herramienta de diseño de sitio web en el navegador que incluye características de maquetas y uso compartido. Incluye fuentes web incorporadas y representación fiel al navegador, e incluso puede importar sus estilos existentes utilizando su extensión de Chrome.
Jopoposcopio
Jopoposcopio es un complemento jQuery para crear animaciones a partir de imágenes estáticas. Está inspirado en el Zoopraxiscope, creado por Eadweard Muybridge.
Screenqueries
Screenqueries es una herramienta simple para probar sus diseños receptivos en varios tamaños de pantalla. Incluye menús desplegables con varios dispositivos comunes, o puede especificar su propio tamaño de pantalla.
Pantalla grande
Pantalla grande es una biblioteca simple que facilita el uso de la API de pantalla completa de JavaScript en su sitio web o aplicación. Incluye una serie de inconvenientes que hacen que su experiencia de pantalla completa sea mucho más fácil de usar.
UI fluida
UI fluida es una aplicación para construir prototipos de aplicaciones para iOS y Android. Incluye herramientas para compartir, cargar y exportar, e incluso pruebas en el dispositivo. Hay un plan gratuito limitado disponible, y los planes pagados comienzan en $ 29 / mes.
Activar / Desactivar FlipSwitch
Activar / Desactivar FlipSwitch es un generador para crear interruptores de encendido / apagado CSS3 puros con transiciones animadas. Incluye una variedad de estilos, así como configuraciones para estados activos e inactivos, tamaños, colores, etiquetas y más.
Infogr.am
Infogr.am es una aplicación gratuita y sencilla para crear infografías increíbles. Hay temas prediseñados para elegir, luego simplemente agregue sus datos y comparta o inserte la infografía final.
Gridster
Gridster es un plugin jQuery grid de arrastrar y soltar, de varias columnas. Te permite crear diseños dinámicos que se pueden arrastrar e incluso puedes agregar y eliminar elementos. Es fácil de configurar e incluye documentación completa.
jQuery blackCalculator
jQuery blackCalculator es un complemento jQuery para crear una calculadora. Hay una serie de opciones definibles, así como también documentación completa.
TheCodePlayer
TheCodePlayer es un repositorio de video recorridos para crear una variedad de cosas increíbles desde cero. Ofrece todo, desde simples efectos de desplazamiento con CSS hasta la creación de un protector de pantalla en HTML5 y mucho más.
tostada
tostada es un simple marco CSS para crear diseños basados en grid. Incluye estilos de letra, un reinicio y una cuadrícula, y nada más. Hay dos estados principales de la cuadrícula, que incluyen una cuadrícula de una sola columna para pantallas estrechas y una cuadrícula de 12 columnas para pantallas más grandes (hasta 960 px).
Taskup
Taskup es una aplicación de lista de tareas que es simple y flexible, ayudándote a organizarte sin interponerse en tu camino. Hay un plan gratuito que maneja hasta 1,000 tareas, y los planes pagos comienzan en $ .99 / mes.
EditorConfig
EditorConfig está diseñado para que los desarrolladores definan y mantengan estilos de codificación consistentes entre diferentes IDEs y editores. Funciona bien con los sistemas de control de versiones e incluye tanto un formato de archivo como una colección de complementos de editor de texto para cada proyecto.
Sequence.js
Sequence.js es un control deslizante sensible que usa transiciones avanzadas de CSS3. No hay un tema incorporado que le brinde un control creativo completo. La mejor parte es que solo necesitas saber CSS3 para darle un estilo.
Elena ($ 99 +)
Elena , de Process Type Foundry, es una fuente serif altamente legible diseñada para lectura extendida. Es sutil y moderado, con un tono nítido y personalizado.
Encabezado ($ 15)
Titulares es una fuente de pantalla sans serif angustiada. Tiene una textura desgastada, parecida a la tinta, que le da una sensación más táctil a la vez que la separa de fuentes similares.
Pantalla ancha ($ 77)
Pantalla ancha es una fuente unicase slab-serif con elementos decorativos y numerosas alternativas.
Kahlo ($ 136.50)
Kahlo es una tipografía inspirada en un hipster formal y elegante. Viene con cuatro pesos e itálicas, así como algunos caracteres alternativos. Es perfecto para carteles, logotipos, titulares, empaques y más.
Sin color (gratis)
Sin color es una tipografía ligeramente angustiada con un sentimiento del Viejo Oeste. Es perfecto para titulares, señalización, embalaje y más.
Casper (gratis)
Casper es un tipo de letra sans serif que incluye flechas, caracteres y signos alternativos, y ligaduras. Incluye tanto caracteres latinos como cirílicos.
Znikomit No 25 (Gratis)
Znikomit No 25 , de Gluk, es una elegante fuente decorativa publicada bajo OpenFontLicense.
Público (10 €)
Público es una tipografía de pantalla perfecta para señalización, embalaje, logotipos y más. Obviamente está inspirado en la tipografía de los años 20 y 30.
Stephanie Marie JFPro ($ 79)
Stephanie Marie JFPro , diseñado por Jason Walcott, es una fuente de guiones con estilo que incluye un conjunto completo de mayúsculas alternas, así como algunas minúsculas y ligaduras alternativas.
Ginger Snap JF ($ 79)
Ginger Snap JF es un tipo de letra funky que es excelente para carteles, empaques y más.
¿Olvidamos algo que crees que debería haber sido incluido? Háganos saber en los comentarios a continuación!