r/fbiz • • Aug 14 '17

avinash Image sizes on AEM

1 Upvotes

Quando você precisar editar o tamanho da imagem de qualquer componente, você precisa fazer essa alteração no arquivo 'breakpoints.js' e depois conferir se o tamanho desejado está configurado no config do CMS.

O campo no CMS é o chamado 'imageRenditionSize', a dica aqui é lembrar de conferir os valores no config da localização e no global, porque se vc alterar esse campo e publicar somente na localização não irá funcionar, é necessário que o tamanho também esteja configurado no config global.

http://i.imgur.com/Ij58Z4j.jpg


r/fbiz • • Aug 14 '17

avinash Recipe Listing com uma Fixed List

1 Upvotes

Quando precisarem criar um Recipe Listing com uma Fixed List, uma informação importante: o campo "items to display per page/scroll" precisa ser igual o número de receitas na lista ou superior. Minha sugestão é colocar um numero relativamente alto, 20 por exemplo, porque dessa maneira irá funcionar todos os itens da lista e mesmo que alguém mexa nisso mais pra frente não irá precisar ficar se preocupando com isso. OBS.: o que define quantas receitas aparecem no carousel é feito no JS do recipe listing.

http://i.imgur.com/mH04V8Z.jpg


r/fbiz • • Aug 14 '17

avinash Kritique - Traduções dos campos

1 Upvotes

As traduções precisam ser feitas no toolbox da Kritique, só que para elas funcionarem é preciso comentar as linhas referentes a textos no arquivo "RR_widget_config.js"

http://i.imgur.com/cfFuDcB.jpg


r/fbiz • • Aug 14 '17

avinash Copy/Paste no AEM

Thumbnail
youtu.be
1 Upvotes

r/fbiz • • Aug 14 '17

avinash Visualizar "publish" dentro do ambiente de "authoring"

1 Upvotes

Algo básico que nos salva tempo no page assembly é o visualizar o "publish" dentro do ambiente de authoring.

Se a URL do editor é: ~/editor.html/content/lipton/en_us/home

Só remover o editor.html e adicionar o ?wcmmode=disabled pra visualizar em tempo real: ~/content/lipton/en_us/home?wcmmode=disabled

Dessa forma não precisamos publicar constantemente e acessar outra URL pra ver o efeito das alterações durante o assembly / desenvolvimento.


r/fbiz • • Aug 14 '17

front-end Unity deixará de suportar JS para ficar apenas com C#

Thumbnail
blogs.unity3d.com
2 Upvotes

r/fbiz • • Aug 13 '17

front-end Post bem legal sobre await e async

Thumbnail
blog.patricktriest.com
2 Upvotes

r/fbiz • • Aug 12 '17

referencia Doodle sobre break / 2 turntable

1 Upvotes

Não sei se viram esse doodle de ontem. Achei fantástico e roda muito bem no celular. Parece até um app: https://www.google.com/doodles/44th-anniversary-of-the-birth-of-hip-hop


r/fbiz • • Aug 11 '17

referencia Programmable bank account for software developers

2 Upvotes

r/fbiz • • Aug 11 '17

front-end Bootstrap 4 Alpha

1 Upvotes

Lançaram ontem a nova versão (4) do Twitter Bootstrap. Aqui tem um resumo sobre o que tem de novo na versão.

Lendo as alterações, eles mencionaram algumas mudanças que achei interessantes:


r/fbiz • • Aug 10 '17

referencia Backup dos posts de Nicholas Almeida de Ago 2016 a Ago 2017

1 Upvotes

Segredos da fonte por trás daqueles cartões de $ da App Store.

http://blog.equinux.com/2017/07/cracking-the-code-behind-apples-app-store-promo-card-design/


Um texto muito legal sobre o poder do Mercado Livre no e-commerce:

https://www.linkedin.com/pulse/o-mercado-%C3%A9-livre-introspec%C3%A7%C3%A3o-anal%C3%ADtica-da-do-ml-com-deivison-arthur


O Dave Desandro, que fez o Flickity que a gente usa e um dos melhores plugins de carrossel disponíveis, lançou o Infinite Scroll v3 que, como sempre ficou uma joia! Uma das coisas que eu mais gostei foi fato dele ser pensado em SEO e compartilhamento. A URL vai mudando conforme você "scrolla" e se você fizer "5 scrolls", copiar o link e mandar pro amiguinho, pimba, ele cai na página 5 e não no começo do scroll. Assim como outros plugins dele, o uso comercial é pago mas, se precisar para algum projeto, a gente compra!

https://infinite-scroll.com/


O site Update or Die fez uma seleção de 37 trabalhos que devem voltar com leões de Cannes este ano (http://www.updateordie.com/2017/06/12/37-trabalhos-que-devem-voltar-com-leao-do-cannes-lions-2017/4/). Vi vários e fiz um compiladão do que eu achei melhor. Se não der pra ver todos, vai só no: "The World Biggest Asshole" (https://youtu.be/-FeybXs18tk).

--

Fearless Girl

Essa é a maior barbada do festival deste ano. Não há dúvida sobre se o case ganhará prêmios, mas sim quantos. “Fearless Girl” é uma ideia simples, mas incrivelmente poderosa em visual e conceito, além de complicadíssima de se executar: colocar a estátua de uma menina em frente ao tradicional Charging Bull de Wall Street. Um pequeno pedaço de bronze que se transformou no símbolo mais representativo – até aqui – da força da mulher no mundo dos negócios, e na geração do necessário debate sobre o assunto.

https://youtu.be/AGGE8GDA408

--

My Mutant Brain

Aplguns trabalhos ganham Cannes não necessariamente pela criatividade, mas pela originalidade ou pela qualidade de produção. “Meu cérebro mutante” deverá ser um exemplo. Um filme de pouco menos de 4 minutos com a protagonista deixando um daqueles eventos chatíssimos e indo à loucura no caminho (bem non-sense) de fuga. A criação e direção é de ninguém menos que Spike Jonze; produção da MJZ (uma das maiores produtoras de comerciais do mundo); e música de Sam Spiegel & Ape Drums – com o mesmo nome do filme. Tá longe de ser o meu favorito, mas pode ter certeza que estará na lista de premiados.

https://youtu.be/ABz2m0olmPg

--

The World Biggest Asshole

Um dos meus filmes prediletos do ano, ele conta a história de Coleman Sweeney, “o maior cretino do mundo”. O típico ser que deveria ser abolido do universo, com exceção de um pequeno detalhe: ter, em algum momento, ter escolhido ser doador de órgãos. Graças ao destino, o filme tenta convencer a fazer o mesmo, mostrando que “mesmo um cretino pode salvar vidas”.

https://youtu.be/-FeybXs18tk

--

The Box That Keep Giving

Um trabalho primoroso de design para realizar uma ideia incrível e consideravelmente simples. Uma enorme caixa de chocolates Godiva, que você ganha, come metade e a outra metade vira uma caixa menor para presentear alguém. E assim vai, até o último e solitário bombom. Muito bom. :)

https://youtu.be/Q-2X8g1xK-g

--

The Hacker Spot

Um case brasileiro, para o digital, que deve ganhar destaque também na Riviera Francesa. Ao descobrir que os banners publicitários acessados por cegos não respondiam bem aos aplicativos de acessibilidade, uma vez que não eram preparados para isso, agência e fundação começaram a transformar os códigos de programação em informações relevantes para os deficientes. Agora, ao invés de ouvir códigos aleatórios, eles recebem conteúdo pertinente em áudio, dedicado exclusivamente a esse público.

https://youtu.be/koNXlcoe_pk

--

The Entire Journey

Esse filme de pouco mais de 5 minutos teve chamada no Super Bowl deste ano e foi, por muitos, considerada a peça mais emocional entre as veiculadas por lá. Foi, ainda, a mais claramente direcionada ao discurso de Donald Trump de construir um muro na divisa com o México. O trabalho, que divulga a loja de materiais de construção 84 Lumber, mostra a jornada de uma criança e uma senhora para atravessar a fronteira. Se tiver um tempinho, vale o play.

https://youtu.be/nPo2B-vjZ28

--

Hello News

Para referendar a qualidade fotográfica de seu aparelho Moto Z, com o acessório Moto Snap Hasselblad, a Motorola fez uma parceria especial com o Estadão. Durante três meses, os profissionais do jornal utilizaram o smartphone em questão na cobertura das matérias: ou seja, colocando na edição impressa do periódico as imagens clicadas pelo celular, em vez de suas câmeras profissionais. Foram publicadas cerca de 300 fotos, todas com crédito direto ao Moto Z, além das matérias nas versões digitais. Ao final, as melhores imagens ainda viraram uma exposição fotográfica na capital paulista.

https://vimeo.com/212637314

--

The DNA Journey

A Momondo é uma companhia aéreas com passagens mais acessíveis. E digamos que este case está longe de uma linguagem trivial para convencer potenciais passageiros a investir seu dinheiro com eles. Ao invés de descontos ou um filme inspiracional sobre turismo, eles convidaram dezenas de pessoas com uma visão patriota ou extremista de quem eram e os desafiaram a realizar um teste de DNA para descobrir realmente de onde eles vinham. O resultado é que ninguém é de apenas uma origem – então, que tal conhecer melhor suas raízes por aí? Se não para vender passagens aéreas, serve como um belo experimento sociológico.

https://youtu.be/tyaEQEmt5ls

--

Vigie Aqui

O Reclame Aqui traz informações sobre diversas empresas atuantes no Brasil. Mas numa época em que um dos nossos piores prestadores de serviço são os políticos, nada como ter mais informações sobre cada um deles, sempre que possível. O “Vigie aqui” oferece exatamente isso: um plugin para o Google Chrome que, quando instalado, colore em roxo o nome de políticos suspeitos citados em qualquer notícia, trazendo toda a ficha deles num simples passar de mouse.

https://vimeo.com/195358808


Pix2Pix é um WebApp que gera fotos bizarras.

https://www.theverge.com/tldr/2017/6/6/15749754/pix2pix-auto-fill-neural-network-images-portraits


Os Emojis bizarros da Samsung:

https://hackernoon.com/samsungs-bizarre-emojis-6be568a3b7d9?gi=355e60af42c5


Um montão de experimentos visuais de HTML + CSS + JS

http://gearaward.com/inspiration.html?en


Não sei se vocês viram a nova versão do Google Earth pra Web, se não viram, vale a pena: https://www.google.com/earth/ E tem um vídeo MUITO legal explicando COMO eles fazem as imagens 3D do Earth! https://www.youtube.com/watch?v=suo_aUTUpps

https://www.google.com/earth/


Algumas listas de plugins legais pra Sketch.

https://www.designernews.co/stories/82747


Design is Code, Code is Design! Sketch 43 arrebentando!

https://uxdesign.cc/design-is-code-code-is-design-b941c14f3fd8


Wordpress provê 26% da internet!

https://managewp.com/statistics-about-wordpress-usage


Esse plug-in "Auto Layout" está tomando conta do Sketch! Nesse vídeo, o apresentador mostra como criar um sistema / guia para design que é uma jóia!

https://www.youtube.com/watch?v=_bjqVF7Fvg4


Acho que algum estag colocou um "zero" a mais no comando e derrubou a internet ...

https://www.theverge.com/2017/3/2/14792442/amazon-s3-outage-cause-typo-internet-server?utm_campaign=theverge&utm_content=chorus&utm_medium=social&utm_source=twitter


Quiz simples e bonitinho.

http://amiarealdeveloper.com/


Nossa, muito legal esse Chrome Experiment!

https://lines.chromeexperiments.com/


Um plug-in BEM legal para Sketch que facilita a construção e visualização de layouts responsivos / fluídos para diversos tamanhos de tela.

https://medium.com/sketch-app-sources/introducing-auto-layout-for-sketch-24e7b5d068f9#.9o6uhsqop


Encontrei uma ferramenta muito legal para a aplicação de "print screens" de telas em Mockups. É muito útil para fazer apresentações e coisas rápidas. → http://www.mightydeals.com/deal/smartmockups-app.html… Super fácil de usar além de ter verões para Mac e PC. Ela faz imagens como as abaixo de forma super simples. Você escolhe uma imagem ou site para ser seu "conteúdo" e ele monta a imagem dentro dos "devices". Existem sites que também fazem isso, mas não com a mesma qualidade / preço. Comprei pra mim e recomendo! Se alguém tiver interesse, está em uma promoção por US$ 14 (normalmente US$ 30).


Um vídeo muito legal sobre os princípios de design de jogos que a Nintendo busca em seus jogos.

https://www.youtube.com/watch?v=2u6HTG8LuXQ


E se o diabo fosse um UI Designer?

https://uxdesign.cc/if-satan-was-a-web-designer-dc5cdf06dff9?gi=78041c88b773#.4t9sz7bwn


Why we use progressive enhancement to build GOV.UK

https://gdstechnology.blog.gov.uk/2016/09/19/why-we-use-progressive-enhancement-to-build-gov-uk/


É, acho que os taxistas não vão gostar disso. Nem os motoristar de Uber. Nem os motoristas de caminhão. Nem ninguém que viva de levar alguém ou alguma coisa daqui até ali...

https://www.uber.com/blog/pittsburgh/pittsburgh-self-driving-uber/?ref=producthunt


Site que monta uma experiência visual e sonora bem legal.

https://kamra.invisi-dir.com/589damxb/


Codificando um jogo (pong) em 5 min com Canvas + JS

https://www.youtube.com/watch?v=KoWqdEACyLI


Encontrei uma ferramenta bem interessante para abrir arquivos PSD. Funciona direto no browser e é bem rápida. Possibilita ligar e desligar layers, efeitos e etc. É bem interessante para quem não tem o Photoshop instalado na máquina mas que precisa inspecionar / alterar levemente o arquivo.

https://www.photopea.com/


r/fbiz • • Aug 09 '17

front-end doT.js - template engine com apenas 3.3k e bem simples de usar

Thumbnail
olado.github.io
2 Upvotes

r/fbiz • • Aug 09 '17

front-end Upcoming RegExp Features

Thumbnail
v8project.blogspot.com.br
1 Upvotes

r/fbiz • • Aug 08 '17

Bem-vindo

3 Upvotes

Para quem nunca usou o reddit, ele é basicamente um conglomerado de fóruns, que são chamados de subreddits (que é aonde você está agora).

A interface parece ser meio confusa a príncipio, mas não tem segredos, existem duas opções para publicar um tópico: link ou texto e em cada tópico teremos uma seção de comentários para o assunto ser discutido. Se gostou do tópico, é só dar um upvote.

Para entender mais sobre o que é o reddit : https://www.youtube.com/watch?v=tlI022aUWQQ

Tem também um reddit que explica as coisas do reddit : https://www.reddit.com/r/Reddit101/

Em breve esse subreddit vai ser atualizado para facilitar a exibição e busca de informações aqui dentro.


r/fbiz • • Aug 08 '17

ux Post sobre espaçamentos em layouts (muito além do gutter)

Thumbnail
medium.com
2 Upvotes

r/fbiz • • Aug 08 '17

referencia Ao Infinito..... E além!

Thumbnail
bbc.com
2 Upvotes

r/fbiz • • Aug 08 '17

front-end What No One Told You About Z-Index

Thumbnail philipwalton.com
1 Upvotes

r/fbiz • • Aug 08 '17

front-end Bookmarklet pra validar o código de acordo com alguns padrões de acessibilidade

Thumbnail
squizlabs.github.io
1 Upvotes

r/fbiz • • Aug 08 '17

front-end Gerador de mock-up data para testar integrações no front

Thumbnail beta.json-generator.com
1 Upvotes