A edição de junho do que há de novo para web designers e desenvolvedores inclui novos aplicativos da web, plugins jQuery, ferramentas de grade, ícones, ferramentas de análise, estruturas, ferramentas de produtividade e negócios, recursos de design responsivos 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.

Ícones De Loveli

Ícones De Loveli são um conjunto de ícones gratuitos criados por G.Pritiranjan Das para Purty Pixels. Ele inclui um arquivo PSD totalmente em camadas e organizado para todos os 96 ícones, bem como as versões PNG.

Ícones De Loveli

Skrollr

Skrollr facilita a criação de animações paralelas de rolagem paralaxe em seu site. Não tem dependências (nem mesmo jQuery) e está abaixo de 5.5k minificado. Você pode controlar qualquer propriedade CSS de qualquer elemento, todos dependentes da posição da barra de rolagem horizontal.

Skrollr

Fluxo Mixpanel

Fluxo é um programa gratuito de análise que facilita o rastreamento de onde seus visitantes estão em seu site e quando eles saem, em tempo real. A instalação é rápida e requer apenas um pequeno trecho de código, e você terá visualizações de seus padrões de tráfego, com diagramas de tráfego reais, em vez de apenas gráficos ou gráficos.

Fluxo

Stroll.js

Stroll.js é uma coleção de efeitos de rolagem CSS3. Ele inclui mais de uma dúzia de efeitos individuais, incluindo inclinação, ventilador, giro, fade, onda e muito mais.

Stroll.js

ddSlick

ddSlick é um plug-in jQuery gratuito que permite criar um menu suspenso personalizado que exibe imagens e uma descrição junto com o texto comum e os valores que a maioria dos menus suspensos inclui.

ddSlick

Pageguide.js

Pageguide.js permite criar um guia interativo para elementos de página da Web com jQuery e CSS3. Os usuários simplesmente clicam no guia de páginas e são mostrados setas para destacar vários elementos e fornecer mais informações.

Pageguide.js

AngularJS

AngularJS é uma estrutura JavaScript para estender o HTML para uso em aplicativos da web. Ele funciona bem com outras bibliotecas, é totalmente extensível e adiciona uma tonelada de funcionalidade extra ao HTML, o que o torna muito mais adequado para a criação de aplicativos dinâmicos.

AngularJS

Moobile

Moobile é uma nova estrutura para criar aplicativos móveis criados no MooTools. Você pode fazer o download da placa de caldeira móvel ou apenas a fonte (minificada ou não). A documentação completa também é fornecida.

moobile

jQuery Imagem

jQuery Imagem é um pequeno plugin para adicionar imagens responsivas aos seus layouts, suportando ambas as tags de figura com alguns atributos de dados personalizados e a nova imagem proposta e tags de origem.

jquery imagem

Tablecloth.js

Tablecloth.js é um plugin jQuery gratuito para estilizar e personalizar tabelas HTML. É construído a partir do Twitter Bootstrap e inclui plugins populares de manipulação de tabelas do jQuery como o tablesorter.

tablecloth.js

Octofeed

Octofeed é uma nova maneira de ver o seu feed de notícias do Facebook. Basta fazer o login com o Facebook e o Octofeed vai puxar o seu feed e reformatá-lo para que seja muito mais bonito de se olhar.

octofeed

Google Consumer Surveys

O Google lançou recentemente um novo produto: Pesquisas com Consumidores . Isso facilita a realização de pesquisas de mercado, permitindo que você crie pesquisas em minutos e obtenha relatórios, gráficos e insights quase instantâneos.

pesquisas com consumidores

Todo mundo

Todo mundo é uma nova rede social que é especificamente para compartilhar atualizações com seus amigos próximos e familiares, em vez de centenas de conhecidos em sites como o Facebook. E permite distribuir essas atualizações por e-mail, SMS ou push, mesmo que seus contatos não se inscrevam no aplicativo.

todome

WorkSimple

WorkSimple é uma nova plataforma de colaboração e desempenho social que facilita a conclusão de projetos e o trabalho com sua equipe. Inclui ferramentas para ajudar a manter todos focados, em sincronia e trabalhando juntos.

worksimple

Yahoo! Eixo

Eixo é um novo navegador que oferece pré-visualizações de pesquisa visual e funciona na sua área de trabalho para o dispositivo iOS. Ele mostra o que é tendência quando você pesquisa e oferece resultados de pesquisa visuais instantâneos à medida que você digita. Ele também conecta seus dispositivos, para que você possa se mover de um dispositivo para outro e continuar de onde parou.

eixo

Spinto

Spinto é um aplicativo para manter escritores e desenvolvedores sincronizados em projetos nos quais estão colaborando. Inclui uma interface web WYSIWYG e é alimentado pelo Git.

spinto

Singool.js

Singool.js é uma estrutura JavaScript para criar aplicativos da Web de página única. Inclui documentação completa para tornar o desenvolvimento da sua aplicação num piscar de olhos.

singool.js

Alerta do IE

Alerta do IE é um plug-in jQuery simples que permite que seus visitantes saibam que estão usando uma versão desatualizada do Internet Explorer quando chegam ao seu site. Ele ainda lhes dá links para baixar as versões atuais de todos os principais navegadores (incluindo o IE9, Firefox, Safari, Google Chrome e Opera).

iealert

Percentage Loader

Percentage Loader é um pequeno plugin jQuery que mostra um widget de progresso muito mais atraente que a barra horizontal padrão ou a representação textual. Ele é construído em tela HTML5 e tem apenas 10kb (minificado).

carregador de porcentagem

QueryPosts.com

QueryPosts.com é uma ótima referência para desenvolvedores do WordPress. Atualmente, oferece uma referência rápida e pesquisável para o que há de novo no WP 3.4, além de mais de 1800 funções, com futuras referências planejadas para classes e ganchos.

queryposts.com

Koloria

Koloria é um conjunto gratuito de mais de 160 ícones multiuso, além de ícones de 32 pixels. Cada ícone é projetado com 32 pixels quadrados e otimizado para esse tamanho.

koloria

Sistema de Rede Responsivo

o Sistema de Rede Responsivo é uma maneira flexível de criar um design de website responsivo que não seja uma estrutura ou clichê. Ele simplifica a criação de pontos de interrupção, funciona com seu HTML e CSS existentes e permite criar uma grade para se adequar ao seu conteúdo, e não o contrário.

grade responsiva

Nitro

Nitro é um novo e fácil de usar aplicativo de gerenciamento de tarefas que sincroniza com o Dropbox ou Ubuntu One. É totalmente gratuito e lançado sob a licença BSD de código aberto.

nitro

JQVMap

JQVMap é um plugin jQuery gratuito que renderiza mapas vetoriais usando o formato SVG redimensionável. Ele ainda tem suporte legado para navegadores mais antigos (IE6-8) que não suportam SVG.

jqvmap

Baseline.js

Se você já teve uma linha de base jogada completamente por imagens de tamanhos estranhos, então Baseline.js é para você. É um simples plugin jQuery que irá restaurar linhas de base descartadas por imagens de tamanho ímpar.

baseline.js

Markdown Here

Markdown Here é uma extensão do Chrome, Firefox e Thunderbird que permite escrever seus e-mails no Markdown e, em seguida, convertê-los automaticamente no formato adequado.

remarcação aqui

Balões.IO

Balões.IO é um servidor de bate-papo e cliente de software livre que suporta várias salas de bate-papo. É construído com node.JS, Express, Socket.IO e Redis.

Edmondsans (nome do seu preço)

Edmondsans , do Lost Type Co-Op, é um tipo de fonte de exibição sem serifa que vem em três pesos: regular, médio e negrito, projetado por James T. Edmondson.

edmondsans

Coelho Branco (grátis)

Coelho branco é um tipo de exibição livre com uma forma geométrica arredondada e letras quadradas. É uma reminiscência de fontes do sistema dos anos 80 e 90.

Coelho branco

Snippet (grátis)

Snippet é um tipo de exibição livre com swooshes e floreios que lhe dão uma sensação feminina.

trecho

Marlowe (US $ 80)

Marlowe é uma família de tipos de exibição com uma aparência distintamente art déco. Ele inclui quatro estilos: Regular, Coquetel, Redemoinho e Escapade, todos compartilhando formas de letras similares com decorações adicionadas nos três últimos.

Marlowe

Nelson ($ 85)

Nelson é uma família de fontes de exibição com um visual antiquado e antigo. Ele vem em quatro estilos: Rugged, Bold, Engraved e Ornaments.

Nelson

Alina (US $ 28)

Alina é uma fonte de script condensada casual que inclui ligaduras OpenType para todas as letras minúsculas, fazendo com que ela pareça um pouco mais escrita à mão e animada.

alina

Bergamota (grátis - $ 60)

Bergamota é um tipo de mostruário inspirado em rótulos antigos de cosméticos. Apesar de sua influência vintage, permanece bastante moderno. A parte mais legal: as quatro variações de cada letra se misturam à medida que você digita, dando uma sensação muito orgânica.

bergamota

Frida (US $ 58,50)

Frida é um tipo de letra formal e elegante, hipster que vem com quatro pesos e itálicos, bem como caracteres alternativos. É adequado para manchetes, cartazes, embalagens e muito mais.

frida

Ambos os dois (US $ 34)

Ambos os dois é um conjunto de duas fontes que funcionam muito bem juntas: um pouco jazzístico e um pouco alto. Existem duas versões de cada letra em cada fonte, bem como alternativas contextuais, o que resulta em uma sensação muito artesanal.

sim ambos

Nova cozinha (US $ 39,53)

Nova cozinha é influenciado por lettering DIY e uma partida de tipos de letra mais formal e retro script. É ótimo para blogs e revistas on-line, sinalização, logotipos, menus e embalagens.

nova cozinha