Copiado!

Microsoft Apenas despedido Últimas Volley na cara Computer Batalha


Microsoft chocou o mundo de hoje, quando eles estreou um par de óculos holográficas que eles estão chamando a HoloLens. Pense Google Vidro atende Oculus Rift e você deve ter uma boa idéia deste dispositivo. Com este anúncio, o mercado de computadores em nossos rostos está aquecendo repentinamente.
Temos, agora, Microsoft, Facebook e Google tentando construir um. Enquanto ainda temos de ver como uma tentativa por parte da Apple, é lógico supor que as outras crianças estão fazendo isso, eles vão também em algum momento.
Screen shot 2015/01/21 em 1.48.51 PMA entrada da Microsoft para esta arena vem apenas dias depois que o Google desmantelada programa de Vidro Explorador e entregou as rédeas do projeto para de Tony Fadell Nest. Ainda não está claro qual direção Google pretende ir com vidro neste ponto.
Enquanto isso Oculus continua a trabalhar em seu Oculus Rift dispositivo com os bolsos profundos de proprietário Facebook por trás dele .Oculus Rift intitula como óculos de realidade virtuais, enquanto a Microsoft chama de uma experiência holográfica, mas a idéia aqui é muito similar.
A pergunta na boca de todos é se este tipo de tecnologia tem o potencial de massa para o consumidor. Certamente demos bem, e faz vídeos super-legal, mas nós vimos o que aconteceu quando o vidro foi lançado para o mundo. Foi negativo rapidamente como as pessoas deixaram claro que não gostava dos computadores ideia sentados no rosto das pessoas, especialmente quando eles poderiam gravar vídeo e tirar fotos.
Mas a Microsoft parece ter uma visão mais focada para o seu dispositivo. Eles vêem uma ferramenta para os negócios usado para melhorar a experiência de engenharia e design e deixar que as pessoas se encontram virtualmente como se estivessem na mesma sala. Eles também vê-lo como uma atividade de jogos altamente avançada, totalmente imersiva.
Esta é, na verdade, em linha com o CEO Oculus Brendan Iribe disse na Cúpula Web em novembro. Ele pode ver o seu dispositivo a ser usado para jogos, mas também para as empresas para dar a ilusão de encontros face-a-face, mesmo quando as pessoas estão do outro lado do mundo. Ele também reconheceu o seu era apenas uma empresa trabalhando neste problema e que ele esperava que outras empresas para entrar no espaço. Mal sabia ele que um seria Microsoft apenas alguns meses mais tarde.
2015-01-21_1042Microsoft falou muito sobre a remoção de barreiras entre o dispositivo e a pessoa. Temos visto como muito mais natural é interagir com um tablet com tela de toque do que um PC com um teclado e mouse. Da mesma forma, acredita Microsoft remover completamente a tela irá fornecer uma experiência mais puro.
Naturalmente, batendo um dispositivo em seu rosto produz outra camada de complexidade entre o usuário eo computador, mas tem o potencial de fornecer uma experiência abrangente mais cativante. Ele apenas continua a ser visto se nós desejamos isso.
Como vimos com vidro, que era claramente uma experiência protótipo, muitas pessoas ficaram intrigados com a noção de um computador rosto, mas a realidade era diferente.Pense em um escritório cheio de pessoas usando essas coisas, e podemos ter uma ligação mais orgânica com nossos computadores, mas poderíamos perder interações sociais no processo.
Iribe disse que um dos grandes obstáculos que estavam encontrando com a realidade virtual (VR) foi a noção de entrada. Não é todos os mãos-livres como se poderia pensar, por isso os engenheiros precisam decidir se os usuários podem ver seus corpos ou apenas as suas mãos e exatamente como eles irão interagir com o mundo físico eo computador quando eles têm esse dispositivo. Ele disse que a VR vai transformar a interação humana, mas a forma como interagimos com o mundo a partir destes dispositivos não é de todo claro e ainda a ser definida.
Microsoft sugeriu que os HoloLens poderia ser introduzido com o Windows 10 em algum momento no final deste ano. A empresa já pensou em tudo com uma plataforma e as ferramentas para construir o que eles estão chamando de experiências holográficas para HoloLens. E quando uma empresa como a Microsoft se envolve, deve empurrar o espaço para a frente (e muito provavelmente a atração da Apple no processo).
Como o Google encontrou, construindo o dispositivo não é suficiente. Ainda assim, o Google fez algo essencial. Ele deu o primeiro passo e começou a conversa. Microsoft e Facebook estão continuando a conversa, e eu espero que nos próximos 3-5 anos, esta tecnologia irá desenvolver de formas que não podemos sequer imaginar agora. Cara computadores estão chegando, mas como tudo isso vai jogar fora, e que tipo de mercado isso vai atrair, continua a ser visto.

Pillow levanta US $ 2,65 milhões para ter o Friction Out Of Airbnb Férias

Airbnb tem crescido rapidamente nos últimos anos, mas ainda há partes do seu mercado, que são difíceis de navegar.
Devido à natureza de locação de peer-to-peer, os hóspedes nunca sabe o que esperar antes de pisar em um espaço que eles estão alugando. Enquanto isso, os hosts que se preocupar com coisas como handoff chave, limpeza, e outros semelhantes, e muitos não tem certeza de como eles devem precificar suas listas.
Uma startup chamada Pillow (anteriormente Airenvy) acha que ele pode ajudar anfitriões abordagem de questões comuns, ao mesmo tempo, padronizar a experiência para os hóspedes. Para isso, a empresa levantou 2.650 mil dólares em financiamento para expandir.
Atualmente disponível em San Francisco, Los Angeles, e Napa, Pillow procura reduzir o atrito que vem em hospedagem e em alugar um espaço em plataformas de aluguer de curto prazo, como a Airbnb, VRBO e HomeAway. No lado do host, a empresa faz um monte de trabalho duro relacionado a coisas como a limpeza, mudança de lençóis, handoff chave, e outros "serviços do tipo concierge' que hospeda pode não estar por perto para fazer.
Essas são todas as coisas que Airbnb está tentando obter anfitriões para fazer melhor, e tem brincou com a idéia de oferecer esses serviços como parte de sua plataforma.
Pillow faz mais do que apenas fornecer gerenciamento de propriedade em seus esforços para fornecer valor aos anfitriões. Ele também gerencia seus horários para eles, otimiza seus anúncios com conteúdo e fotos, e determina as melhores taxas a cobrar com base no preço de itens comparáveis ​​nas proximidades.
Na verdade, Pillow está tão confiante em sua capacidade de maximizar os ganhos que ele está garantindo uma renda mínima mensal pré-determinado para aqueles que se inscreverem. Para determinar esse número, que leva em conta 85 critérios diferentes, incluindo a localização, número de quartos, e amenities.
No lado do convidado, Pillow ajuda a garantir que a sua estadia seja o mais confortável possível. Além de que o material de limpeza mencionado acima, a empresa amenidades também padronizados (ou seja, lençóis e toalhas) e fornece suporte 24/7 convidado.
Por tudo isso, a empresa leva um corte de 15 por cento dos aluguéis, que são reservadas enquanto ele está gerenciando uma propriedade, que ela afirma é a metade do que alguns dos seus concorrentes cobram.
Pillow foi fundada por Sean Conway e Justin Miller, que tinha fundado anteriormente uma empresa chamada Notehall que vendeu para Chegg em 2011. A empresa levantou 2.650 mil dólares em financiamento liderado pelo Homebrew Ventures, com a participação de Sherpa Ventures, impulsionar Incubadora, Tim Draper, Estrutura Capital, Michael Cheung, Edgar Berger, Justin Brown, Jack Abraham, Dave Kurtz, Lee Linden, Chris Hubbell, Julia francês, Semil Shah, Expansão VC, Zach Aaron, Pico Ventures, e Brendan Wallace. Com o financiamento, ele planeja lançar 10 mercados dos EUA durante o próximo ano.

Photo Invasion: ilustrando fotos alheias com muita criatividade

O Instagram é realmente um grande mural, que exibe desde fotos pessoais de seus amigos e ídolos, até projetos interessantes, como o caso do criativo perfil de Javier Perez e das fotos de Markus Einspannier, que brinca com os formatos das nuvens.
De forma igualmente criativa, o ilustrador brasileiro Lucas Levitan criou o projeto Photo Invasion, onde brinca com fotografias de usuários do Instagram, inserindo ilustrações que interagem com o seu contexto.
Confira abaixo algumas fotografias “roubadas” pelo ilustrador. Quem sabe você não encontra a sua aí no meio?
Photo-Invasion-Lucas-Levitan (1)Photo-Invasion-Lucas-Levitan (2)Photo-Invasion-Lucas-Levitan (3)Photo-Invasion-Lucas-Levitan (4)Photo-Invasion-Lucas-Levitan (6)Photo-Invasion-Lucas-Levitan (7)Photo-Invasion-Lucas-Levitan (8)Photo-Invasion-Lucas-Levitan (9)Photo-Invasion-Lucas-Levitan (10)Photo-Invasion-Lucas-Levitan (11)Photo-Invasion-Lucas-Levitan (12)Photo-Invasion-Lucas-Levitan (13)Photo-Invasion-Lucas-Levitan (14)Photo-Invasion-Lucas-Levitan (15)Photo-Invasion-Lucas-Levitan (16)Photo-Invasion-Lucas-Levitan (17)Photo-Invasion-Lucas-Levitan (18)Photo-Invasion-Lucas-Levitan (19)Photo-Invasion-Lucas-Levitan (20)Photo-Invasion-Lucas-Levitan (5)

Testando em Produção com Jaime Espinosa



Junte-se seu guia  Cory Fowler  como ele fala com as equipes de produto em Redmond, bem como a comunidade web.
Esta semana Cory é acompanhado por Jaime Espinosa, um PM da equipe Websites Azure, para falar sobre algumas melhorias e itens de mapa de estrada ao redor do Teste em recurso de Produção. Testando em Produção é um poderoso recurso que permite o tráfego local de produção rota para outro implantação de sua aplicação em outro slot site.

Top 10 Melhores Práticas para a criação de aplicativos Web Responsive

Introdução

Com tantos dispositivos no mercado, uma interface de usuário sensível é um mandato. É geralmente uma parte da exigência para qualquer nova aplicação que está sendo construído. A capacidade de resposta da interface do usuário também podem ser necessários para diferentes resoluções de tela em diferentes laptops, não apenas para telefones ou tablets. Existem muitas soluções disponíveis para fazer um site responsivo; um exemplo seria a utilização de uma Os pontos importantes para se lembrar quando projetar aplicativos sensíveis é que a experiência deve ser o mesmo, se o usuário visualiza a página em um laptop ou qualquer outro dispositivo móvel.Quando falamos sobre a experiência de ser o mesmo, os seguintes pontos merecem destaque:

Layout da Página

Se a página na tela de um laptop tem três colunas em uma linha, a mesma interface do usuário representado em um tablet pode ter duas colunas em uma linha e um telefone pode ter uma coluna;essa determinação baseia-se na largura do dispositivo. A UI para comprimidos ou telefones exibe uma ou duas colunas consecutivas e envolve as outras colunas para a próxima linha, como mostrado na Figura 1:
BestPract
Figura 1: Exemplo de tela layouts
Isso traz o conceito de grades. Grids são geralmente utilizados para definir os layouts de páginas que utilizam as linhas e colunas dentro do qual o conteúdo está hospedado. Uma opção popular para uma grade é Bootstrap, que tem características que podem ser usadas facilmente. Em combinação com o Bootstrap, consultas de mídia também são usados ​​para definir os pontos de quebra.

Tamanho da Imagem e Qualidade

O tamanho da imagem necessária em uma tela de laptop é de um tamanho maior e maior resolução;Se uma resolução menor é esticado para caber em uma tela grande, pode parecer distorcida. Como uma prática recomendada, usar as mesmas imagens, ou imagens diferentes de tamanhos diferentes para diferentes resoluções.

Tipos de fontes e tamanhos

Um cabeçalho com um tamanho de fonte de 70 pixels e peso da fonte 'bold' vai ficar bem em uma tela de laptop, mas não vai ficar bem em um tablet ou um celular. É também importante que as fontes são também dimensionado / enviesada com base no dispositivo que está a utilizar.
Em uma tela maior, poderemos exibir muitos conteúdos que haja espaço disponível, mas em telas menores, como um tablet ou telefone, não haverá espaço suficiente para caber todos os conteúdos. Então, seletivamente também pode optar por exibir ou ocultar seções de dados.

Navegação

Em telas maiores, temos um menu full-blown para a navegação, mas em telas menores, porque a largura é menor, o menu só é apresentado como um ícone e, quando clicado, aparece o menu vertical. Isso pode ser implementado usando o recurso navbar responsivo de Bootstrap, e outros plugins também estão disponíveis.
Vamos entender os conceitos anteriores com a ajuda de exemplos. Temos um Cascading Style Sheet (CSS) definido abaixo; que é dependente da resolução do dispositivo. Estas são as perguntas da mídia usados ​​para definir pontos de quebra com base na largura da tela:
 1. / * consultas de mídia
2. --------------------------------------------- * /
3.media só tela e (min-width: 320px) {
4. .home .hero .hero-img {
. 5 background: url (../ img / trans-overlay.png)
centro de repetição,
url (../ img / home-hero.png)
50% inferior no-repeat, # bbdbf5;
6.}
7. .home .content .landing-featured .Left {
. 8 font-size: 20px;
9. color: # ffb612;
10. width: 10%;
11. height: 100%;
. 12 margin: 20px 0 0 0;
13.}
14.}
15.media só tela e (min-width: 480px) {
16. .home .content-.landing destaque .Left {
17. font-size: 34px;
18. margin: 12px 0 0 0;
19. }
20.}
21.media só tela e (min-width: 768px) {
22. .home .hero .hero-img {
. 23 background: url (../ img / home-hero.png)
inferior central no-repeat, # bbdbf5;
24. background-position-x: 275px;
25.}
26. .home .content-.landing destaque .Left {
27. width: 7%;
28. margin: 15px 0 0 0;
29.}
30.}
31.media só tela e (min-width: 992px) {
32. .home .hero .hero-img {
. 33 background: url (../ img / home-hero.png)
130% inferior no-repeat, # bbdbf5;
34.}
35. .home .content .landing-featured .Left {
. 36 font-size: 28px;
37. width: 13%;
. 38 margin: 20px 0 0 0;
39.}
40.}
41.media só tela e (min-width: 1200px) {
42. .home .hero .hero-img {
. 43 background: url (../ img / home-hero.png)
inferior central no-repeat, # bbdbf5;
44. fundo-posição-x: 100%;
45.}
46.
47. .home .content .landing-featured .Left {
48. font-size: 40px;
49. width: 15%;
50. margin: 14px 0 0 0;
51.}
52.}
53.media só tela e (min-width: 1400px) {
54. .home .hero .hero-img {
55. background: url (../ img / home-hero.png)
100% inferior no-repeat, # bbdbf5;
. 56 }
57.}
Linha 3 define a largura de tela mínima para ser 320px e Linha 15 define o CSS para a largura de tela mínima de 480px. Estes são basicamente os pontos de interrupção; em outras palavras, o CSS entre as linhas 3-15 é aplicada a um dispositivo que tem a largura entre 320px e 480px. Se a largura do dispositivo é maior do que 480px, o CSS é aplicado a partir de Linhas 16-19, e assim por diante.
Um ponto importante a observar aqui é nem todas as propriedades são alteradas entre as duas resoluções. Se você olhar para a CSS de exemplo para o 320 min largura (linhas 7-12) e para o 480 min largura (linhas 16-19), você verá as seguintes afirmações:
320px (min-width)480px (min-width)
. 7 .home .content .landing-featured .Left {
font-size: 20px;
8. color: # ffb612;
9. width: 10%;
10. height: 100%;
. 11 margin: 20px 0 0 0;
12.}
16. .home .content-.landing destaque .Left { 
17. font-size: 34px;
18. margin: 12px 0 0 0;
19.}
A cor, largura, altura e propriedades não são substituídos; isso significa que eles vão seguir em 480 resolução também até substituído. No exemplo, estamos usando o min-width para definir o ponto de interrupção; também pode utilizar-max para a mesma largura.
Note-se que o tamanho da fonte foi aumentada de 20px 34px como a largura aumenta. Isto é feito de modo semelhante para as imagens de fundo também; para algumas resoluções que é repetida, para alguns, é 130% esticada, e para alguns é como é.

Resumo

Neste artigo, nós cobrimos os conceitos básicos que podem ajudar-nos a alcançar a interface do usuário sensível que é compatível com vários dispositivos. Estes são os princípios básicos de design que precisam ser analisadas e decididas antes de começar qualquer aplicação. Estes devem ser uma parte da exigência, porque a clareza sobre os diferentes dispositivos suportados ajudará a criar o layout de acordo e aumentar melhor UI e produtividade do desenvolvedor.

Referências

Gerador De Padrão: Aqui Está 8 Ferramentas Deseja Marcar

Patterns são amplamente utilizados em web design como um fundo. Basicamente, os padrões podem ser definidas como gráficos usados ​​na forma repetida em um campo. Se você está enfrentando dificuldades na criação de padrões naturais, isso é porque ele é bastante complicado para criar um laço que funciona tanto na vertical como na horizontal, bem, pelo menos é difícil fazê-lo manualmente.

Felizmente, existem muitas ferramentas que você pode usar para fazer belo padrão facilmente e estamos listando 8 destes que podem ser encontrados online. Além disso, eles são livres para uso. Alguns desses geradores de padrão que você tem o controle de cores, orientação, elementos padrão e muito mais, enquanto outros vão gerar aleatoriamente os padrões para você. Esses padrões podem então ser baixado em vários formatos de imagem, ou no código.

1. Patternify





Patternify permite criar padrões atraindo-pixel por pixel e é uma boa ferramenta para criar ícones realmente pequeno porte. Com o apoio de opções de cor e transparência, você pode fazer alguns gráficos frescos com esta ferramenta. Além do formato PNG, essa ferramenta também pode gerar a imagem no formato Base64 para que você possa usá-lo em seu CSS.

2. Gerstner É

Gerstnerizer pode dar-lhe padrões incolores, mas compensa isso com padrões gerados nas linhas. No local, definir a espessura das linhas, a opacidade e a curvatura da linha no painel ferramenta encontrada no lado esquerdo. Em seguida, você pode escolher a partir de formas 3 padrão: triângulos, quadrados e hexágonos. Na tela telha por debaixo da selecção forma padrão, desenhar linhas e você vai ver um padrão emergir na grande tela do lado direito. O padrão pode ser salvo em SVG.