Recursos frescos para Web Designers e desenvolvedores (abril de 2015)
Como é o seu (lembrete amigável) Dia da Mentira deste ano? Bem, para o resto de nós que não gostam de brincadeiras, aqui está a última versão de novos recursos para designers e desenvolvedores da web.
Para abril, temos vários ótimos aplicativos para aumentar a produtividade, uma biblioteca que aprimora a experiência do usuário com grande datalist, uma extensão do Photoshop que fornece widgets meteorológicos e uma prática ferramenta da Web que armazena em cache a fonte da Web..
Régua CSS
Existem várias medidas unitárias em CSS; alguns são fixos, enquanto outros são relativos, como em, rem e CH. Régua CSS é uma ferramenta onde você pode comparar visualmente a escala das unidades uma com a outra.
ResponsiveJP
ResponsiveJP apresenta uma série de sites responsivos do Japão, principalmente como uma referência para os web designers que estão achando difícil encontrar respostas quando se trata de conteúdo tipográfico não-latino. Ele ajuda você a ampliar sua perspectiva e ter uma visão interna das tendências do design da web oriental.
Google Fonts Alternate
Muitos serviços do Google são bloqueados na China, incluindo o Google Font. É quase certo que o Google Font não será renderizado corretamente na China. Se você deseja veicular a coleção de fontes do Google na China continental, aponte a folha de estilo da fonte para uma fonte alternativa Useso, por exemplo:
// Folhas de estilo de fontes do Google. // Link alternativo
Boa sorte e boa sorte!
Muir Icons
Muir Icons é uma coleção de ícones projetados para combinar com o OS X Yosemite. Nomeado em homenagem a John Muir, um naturalista e ativista que ajudou a preservar o Yosemite original, sim, aquele parque nacional nos EUA. No momento da redação deste texto, já existem 3 volumes desses conjuntos de ícones lançados. Cada um consiste em ícones de aplicativos populares, como o Adobe Creative Suites, o Twitter, o Sketch, o Skype e o SublimeText..
- Muir Volume I
- Muir Volume II
- Muir Volume III
CouleursApp
CouleursApp é um pequeno aplicativo que permite pegar cores em qualquer lugar da tela. Melhora o aplicativo de seleção de cores do Mac interno. Suporta vários formatos de cor, incluindo o Hex e o UIColor da Swift.
Compatibilidade: OS X 10.10 ou superior
Clima
Clima é uma extensão do Photoshop que adiciona widgets climáticos ao seu espaço de trabalho do Photoshop. É uma ferramenta útil para ajudá-lo a decidir se é hora de sair de sua mesa e sair para aproveitar o clima agradável..
Compatibilidade: Photoshop CC
Awesomplete
Awesomplate é uma biblioteca JavaScript que imita o HTML5 elemento. Você pode adicionar uma lista de sugestões dentro de um elemento de entrada que aparecerá como seu usuário digita. É uma abordagem prática para melhorar a experiência do usuário, particularmente quando se lida com um grande datalista.
Compatibilidade: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.
Noizio
Noizio é um aplicativo com uma coleção de ruídos naturais: sons do vento, oceano e trovoadas. Isso pode ajudá-lo a se concentrar melhor em seu trabalho, proporcionando um ambiente calmo que permite que você se desconecte da agitação de uma atmosfera de trabalho pressurizada. Pelo menos ele fez por mim.
Compatibilidade: OS X 10.8 ou superior
Foco Hocus
Este é um para aqueles que acham difícil se concentrar. HocusFocus é um aplicativo que habilmente esconde janelas e espaços de trabalho dentro do seu desktop OS X por um certo período de tempo, deixando apenas as janelas que você mais usa. Torna-o mais eficiente, limpa a desordem do seu ambiente de trabalho e ajuda-o a concentrar-se no seu trabalho.
Compatibilidade: OS X 10.10 ou superior
PixelCounter
O PixelCounter conta os pixels nas suas imagens. Basta arrastar e soltar uma imagem ou um diretório inteiro do seu projeto no aplicativo, e ele contará e adicionará todos os pixels nas imagens JPEG, PNG, WebP, GIF e até SVG. Agora, se pudéssemos começar uma tendência onde cobramos clientes pelos pixels ... hmm.
Compatibilidade: OSX 10.8 ou superior, Windows 7 ou superior e Linux (em breve)
Blurbs da interface do usuário
UIBlurbs gera um perfil de usuário fictício e é o aplicativo web perfeito para usar em conjunto com UIFaces e UINames para construir um protótipo de design.
localFont
localFont é um webapp que melhora o desempenho de fontes da web. Quando você arrasta e solta uma fonte (.woff, ou .ttf), ele irá codificar e incorporar a fonte em CSS. Ele também gera algumas linhas de JavaScript que armazenam em cache a fonte no localStorage do usuário (leia nosso tutorial anterior sobre o uso do Cookie & HTML5 localStorage).
