A edição de abril do que há de novo para web designers e desenvolvedores inclui novos aplicativos web, plugins jQuery e recursos JavaScript, aplicativos móveis, recursos educacionais, kits de maquete, frameworks, ferramentas de desenvolvimento web, recursos de codificação e algumas novas fontes realmente excelentes.

Muitos dos recursos abaixo são gratuitos ou de custo muito baixo, e certamente serão úteis para muitos designers e desenvolvedores por aí.

Como sempre, se perdemos algo que você acha que deveria ter sido incluído, por favor nos informe nos comentários. E se você tiver um aplicativo ou outro recurso que gostaria de ver incluído no próximo mês, envie um tweet para @cameron_chapman por consideração.

Cera de grade

Cera de grade é um bookmarklet que permite adicionar facilmente uma linha de base vertical ajustável a qualquer site diretamente em seu navegador. Basta instalar o marcador, clicar nele e, em seguida, ajustar a altura com as teclas de seta.

grade de cera

Chardin.js

Chardin.js simplifica a adição de instruções de sobreposição aos seus aplicativos por meio de um plug-in jQuery. É fácil de instalar e configurar.

Chardin

Fotoletagem

Fotoletagem é um aplicativo iOS gratuito que permite adicionar texto às fotos tiradas no aplicativo ou imagens do rolo da câmera. Possui algumas ótimas fontes da House Industries, incluindo Elephant, Kerpow e Aztek.

fotoletria

Aprenda o layout CSS

Aprenda o layout CSS é um site tutorial que ensina técnicas de layout CSS além do básico. Inclui lições sobre o modelo de caixa, posicionamento, estruturas de CSS, consultas de mídia e muito mais.

aprende layout css

Aprendiz UX

Aprendiz UX ensina os princípios do design UX com uma abordagem em camadas, incluindo descoberta, estratégia e design. Inclui informações sobre os princípios fundamentais de cada camada, bem como exemplos e recursos da vida real para cada um.

aprendiz de ux

dsgnjbs

dsgnjbs Agrega os melhores trabalhos de design de uma variedade de sites de design, incluindo Dribbble, Behance, Smashing Magazine, 37 sinais e muito mais.

dsgnjbs

UI plano

UI plano é um kit de interface de usuário da web gratuito que inclui botões, itens de menu, entradas, caixas de seleção e botões de opção, dicas de ferramentas e muitos outros elementos básicos de design.

ui plana

FlatDesign

FlatDesign é uma vitrine de designs com interfaces de usuário simples. Inclui tudo, desde aplicativos a portfólios e sites de eventos.

FlatDesign

TimeJump

TimeJump permite adicionar links diretos ao conteúdo de áudio e vídeo HTML5 com uma API padronizada com base na sintaxe de hiperligação do YouTube.

timejump

Galeria de padrões SVG

o Galeria de padrões SVG é uma coleção de padrões SVG completos com código. As imagens SVG são menores que as imagens de bitmap em geral e permanecem nítidas em telas de alta resolução.

galeria de padrões de svg

Inkwell.io

Inkwell.io é um kit de desenho feito à mão especificamente para designers da Web e de aplicativos que vem com todas as ferramentas que você pode querer esboçar modelos e wireframes.

tinteiro

Kit de maquete plana + 3D

este Kit de maquete plana + 3D facilita a criação de modelos atraentes para seus aplicativos em uma ampla variedade de dispositivos. Existem kits gratuitos e pagos incluídos, dependendo de quais dispositivos você precisa.

apartamento 3d

Marfim

Marfim é uma estrutura de grade de front-end simples, poderosa e responsiva que escala facilmente de 1200px até 320px de largura. Ele tem um layout flexível com 12 colunas de fluido, é suportado nas versões mais recentes de todos os principais navegadores modernos e é fácil de usar.

marfim

Mistura

Mistura é uma ferramenta de prototipagem rápida e construtor de sites estático que funciona com o seu editor favorito. Suporta vários boilerplates, bem como suporte para criar o seu próprio.

mistura

Kippt

Kippt permite criar uma biblioteca on-line para coletar pesquisas, histórias, inspiração e anotações. Você pode tornar suas coleções privadas ou públicas ou apenas compartilhá-las com pessoas específicas.

kippt

Grelha de Photoset

Grelha de Photoset é um plugin jQuery que permite organizar imagens em uma grade flexível, inspirada no recurso photoset do Tumblr. Ele foi originalmente criado para os temas do Tumblr do Style Hatch, mas agora está disponível para uso fora dos temas.

grade de photoset

SuperBox

SuperBox é um plugin jQuery que funciona como uma galeria de imagens estáticas que revela a versão em tamanho real quando uma imagem é clicada.

superbox

jQuery Menu Aim

Quer criar dropdowns mega responsivos, como os da Amazon? jQuery Menu Aim ajuda a tornar os mega dropdowns mais úteis, antecipando o movimento do mouse do usuário para abrir submenus em vez de atrasos e tempos limite.

jquery menu aim

Retinise.js

Retinise.js é um plugin do jQuery que “retinaliza” as imagens em linha do seu site usando “data-src” em vez de “src”, de modo que apenas obtém a imagem de que você precisa, em vez de carregar várias versões.

retinir

É um seguidor

É um seguidor é um pequeno pedaço de JavaScript que adiciona um indicador de status ao perfil de um usuário do Dribbble para mostrar se ele está seguindo você. Está disponível como um bookmarklet, um script Greasemonkey para o Firefox ou uma extensão do Chrome.

é um seguidor

Mobify.js

Mobify.js é uma biblioteca de código aberto que facilita a adaptação do seu site a qualquer dispositivo. Ele captura e manipula o DOM do seu site antes que os recursos sejam baixados, permitindo o controle de recursos, o carregamento condicional e muito mais.

mobify.js

Intro.js

Intro.js permite adicionar um guia passo-a-passo simples para apresentar os usuários ao seu site ou aplicativo. É rápido e pequeno, e oferece navegação por teclado e mouse.

intro.js

Animatable

Animatable permite que você anime facilmente todos os tipos de propriedades, incluindo cor de fundo, posição de fundo, largura de borda, tamanho de fonte, cor, raio de borda, opacidade e muito mais.

animatable

Accounting.js

Accounting.js é uma biblioteca JS para formatação de número, dinheiro e moeda. Ele inclui até mesmo renderização de coluna no estilo Excel para alinhar símbolos e decimais.

accounting.js

Bespoke.js

Bespoke.js é uma microestrutura de apresentação DIY que oferece diversas animações de slides, incluindo coverflow, cubo e carrossel, entre outras.

bespoke.js

Volume da trilha sonora ($ 34)

Volume da trilha sonora é um tipo de letra handdrawn que vem em dois pesos. É uma fonte animada de letras maiúsculas com alternativas contextuais.

volume da trilha sonora

Estilo de imprensa (grátis)

Estilo de imprensa é uma fonte de exibição sem sans serif. Tem letras maiúsculas e minúsculas, bem como um número bastante grande de acentos e símbolos (especialmente para uma fonte livre).

pressione o estilo

Dottie Daze (grátis)

Dottie Daze é uma fonte de exibição handdrawn com detalhes pontilhados.

dottie daze

Futura FH Custom (grátis)

Futura FH Custom é baseado no Futura, com acentos adicionais, tornando-o uma ótima fonte de exibição. É gratuito para uso pessoal e comercial.

futura fh custom

Langdon (grátis)

Langdon é uma fonte séria e confiável que é gratuita para uso pessoal e comercial.

Langdon

Ciclope (grátis)

Ciclope é um tipo de letra sans serif em dificuldades, gratuito para uso pessoal (o uso comercial requer uma doação).

ciclope

Derrotado (grátis)

Derrotado é uma nova fonte de exibição com formas abstratas que é gratuita para uso pessoal e comercial.

derrotado

Benito (US $ 40)

Benito é um woodtype geométrico proporcional com seis estilos: print, stencil e clean, cada um com itálico.

benito

Imperioso (US $ 20)

Imperioso é uma fonte geométrica moderna que inclui mais de 450 ligaduras.

imperioso

Naive Inline (US $ 20)

Naive Inline é uma família de tipo serif escrita à mão com três pesos. Foi uma sensação muito parisiense, e permite um interior bicolor ou cheio de nervuras.

ingênuo inline

Sabe de um novo aplicativo ou recurso que deveria ter sido incluído, mas não foi? Deixe-nos saber nos comentários!