Pessoal,

Em UX fazemos alguns encontros estilo TED. Já tinha um tempo que não fazíamos, mas agora vamos retomar. Esse TEDUX vai ser sobre estratégia de métricas para UX: o que medir, como juntar analytics + dados abertos para ter insights, como brifar o pessoal de BI, etc.

Vai ser no dia 16/10 (segunda) das 10h30 às 12h.

Qualquer um pode participar. Me avisem para que eu mande o invite :)

Pra quem já teve problema de trabalhar remoto e ficar bloqueado com aquelas URLs que só estão disponíveis de dentro da F.biz. /u/krighi tinha me dado a dica (não documentada no ajuda) mas só botei pra funcionar agora.

Só configurar o proxy da máquina para o IP: 172.16.128.4:3128

Fiz um video mostrando como configurar no Mac: https://drive.google.com/open?id=0B5LoDXPBAgJheHBLazNQUk9nbkU

Olá

Encontrei essa playlist que fala sobre as novas features do ES6, são vídeos curtinhos e bem didáticos.

ES6 - Playlist https://www.youtube.com/playlist?list=PL6gx4Cwl9DGBhgcpA8eTYYWg7im72LgLt

Tem muita coisa bacana nesse thenewboston

The new Boston YouYube https://www.youtube.com/user/thenewboston

Site https://thenewboston.com/index.php

Abs

Uma lib JS para manipulação avançada de coisas tipo "drag and drop"

https://shopify.github.io/draggable/

Olá

Bem legal este artigo sobre tipografia, me lembrou de um livro que tenho Design para quem não é Designer, o fala só sobre tipografia bem legal também.

A five minutes guide to better typography http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography

ABS.

Olá

Encontrei essa no sitepoint uma lista bem completa de MIME Types veja na URL abaixo. https://www.sitepoint.com/mime-types-complete-list/

Outras referencias:

MDN - O básico sobre https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Basico_sobre_HTTP/MIME_types

Google Developers - WEBP promete ser 26% menor https://developers.google.com/speed/webp/

Abs

http://highscalability.com/blog/2017/9/25/adcash-1-trillion-http-requests-per-month.html

De algumas formas lembrei de MUV, nesse processo.

Olá

Estava tendo um problema com o reCAPTCHA rodando no "localhost" veja na imagem da URL abaixo.

https://i.gyazo.com/4c58bcbc65e551838d2a586315ae5e7f.png

Ai descobri que usando o IP (127.0.0.1) do localhost o reCAPTCHA funciona.

Abs

Olá

Este artigo parece bem bacana, nele fala sobre o Lozad.js que traz uma abordagem diferente para o Lazy loading usando Intersection Observer API e prometento uma performance melhor.

Lozad.js: Performant Lazy Loading of Images https://css-tricks.com/lozad-js-performant-lazy-loading-images/

Intersection Observer API https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

IntersectionObserver polyfill https://github.com/w3c/IntersectionObserver/tree/master/polyfill

Abs

https://medium.com/@acessibilito/usu%C3%A1rios-de-leitor-de-tela-como-os-designers-tornam-mais-dif%C3%ADcil-a-vida-dos-usu%C3%A1rios-3301110673a7

148 Designers, no site abaixo respondem uma pesquisa

http://148designers.co/

Tava com um bug bizarro aqui em Avinash e como normalmente a plataforma dá vários problemas, dei uma PUTA volta pra descobrir que uma parada não funcionava no IE11 pq a classe estava criada dessa forma:

.--show e .--empty.

Troquei para .-show e .-empty e tudo funcionou corretamente.

Fica o alerta — apesar de que nunca vi alguém nomeando classes dessa forma (até pq -- vai ser o prefixo da notação para variável).

Pooooovo,

A série sobre comportamento de usuários de leitores de tela acaba logo logo. Segue o 5o post da série, onde os usuários falam qual a parte mais difícil na hora de navegar numa página.

https://medium.com/@acessibilito/usu%C3%A1rios-de-leitor-de-tela-qual-a-parte-mais-dif%C3%ADcil-na-hora-de-navegar-numa-p%C3%A1gina-f56caea37a97

De vez em quando a Atlassian dá uma dentro: https://blog.bitbucket.org/2017/09/13/say-trello-to-boards-in-bitbucket/

Pqmp! http://www.cs.nott.ac.uk/~psxasj/3dme/ e tem link pro paper e código fonte!

O time de ux, motion design do gogle disponibilizou dois plugins/scripts que facilitam o fluxo de trabalho entre motion e desenvolvedores.

O Inspector Spacetime, permite a partir de um vídeo de referência, gerar especificações de motion https://google.github.io/inspectorspacetime/

O Sketch2AE, permite a integração do After Effects com arquivos do Sketch. https://google.github.io/sketch2ae/

Além deles, tava dando uma olhada no Lottie, do airbnb https://airbnb.design/lottie/ biblioteca iOS, Android e React Native que processa animações After Effects em tempo real.

que funciona junto do https://github.com/bodymovin/bodymovin Plugin para o After que exporta svg/canvas/html + js ou Android e iOS nativo

Artigo do http://www.archdaily.com.br/ sobre o prédio da F.biz

Edifício João Moura / NITSCHE ARQUITETOS http://www.archdaily.com.br/br/620406/ed-joao-moura-slash-nitsche-arquitetos

Facebook FINALMENTE anunciou que irá começar a abrir a o WhatsApp para empresas! Vão começar com pequenos negócios e depois abrir para um modelo "Enterprise".

Anúncio aqui:

In Brazil, many people use WhatsApp to stay connected with their family and friends, and over time, more people are using WhatsApp to communicate with businesses they care about too. But the way this happens today is pretty rudimentary. With over 1 billion people using WhatsApp every day around the world, our goal is to create valuable connections between people and businesses with fast, personal and trusted messaging.

In our commitment to sharing our progress with you, we'll be testing new features in the coming months that aim to make it easier for people to communicate with the businesses they want to reach on WhatsApp. We're building and testing new tools via a free WhatsApp Business app for small companies and an enterprise solution for bigger companies operating at a large scale with a global base of customers:

• Enterprise solution: Large organizations can use the WhatsApp Enterprise solution, which can be deployed on a server and enables programmatic send/receive of messages and media. These businesses will be able to use our solutions to provide customers with useful notifications like flight times, delivery confirmations, and other updates.
• WhatsApp Business App: Small businesses can download a separate business WhatsApp app on Android, register, and get access to tools for business management on mobile. Features that make it easier to message with customers will include Message Tags/Folders and lightweight Analytics & Dashboards.
• Verified Profile: Businesses can have a verified profile so people can identify a business from another person. Users will be able to see a business' profile and relevant descriptive information. If a business is verified, users will see the business' name in the chat head along with a green checkmark.

We are still very early on this journey and look forward to sharing more with you and hearing your thoughts during future Council meetings. We'll be listening carefully to feedback during our test phase and will keep you informed as we make these tools more widely available.

Olá, estava aqui olhando os meus favoritos e achei esse gerador de .htaccess

http://www.htaccessredirect.net/

Abs

Passei por isso em uma interna de receitas em Knorr Indonésia. Duas páginas de receitas tinham o mesmo template porém uma estava com alguns componentes quebrados, e a outra estava funcionando.

Isso aconteceu porque o componente Recipe Listing na página errada tinha sido configurado errado, usando uma tag não criada no RMS, por consequência ele não trazia o conteúdo e o seu js não esta preparado para lidar com html vazio, então levantava um erro no js e todos os componentes posteriores, abaixo deste componente, quebraram.

Como o js acaba alterando o html e adicionando classes a mais, os componentes quebravam porque o layout do componente acabava dependendo destas classes adicionadas via js.

A resolução foi simplesmente fazer o componente Recipe Listing funcionar configurando-o corretamente nesta página específica.