Segue abaixo um post bem bacana sobre os 4F’s para empreendedores que tem medo de colocar seu produto na rua.

1. FOCO!

Para quê perder tempo fazendo análise dos 4Ps de marketing sobre produtos que você não gosta, para vender o que você não sabe, para pessoas que não te valorizam? Você deveria fazer o que você gosta MUITO baseado no que você conhece UM POUCO e que tem uma GRANDE possibilidade de crescimento. 20% de tudo que você faz na vida traz 80% dos resultados que você consegue. E 30% de tudo que você faz na vida, debaixo para cima (em um gráfico), traz prejuízos imensos para a empresa. 30% dos vendedores, 30% dos produtos, 30% dos processos, 30% dos sistemas, 30% do seu web site,  30% da missão corporativa da sua empresa não servem para absolutamente nada, a não ser confundir a cabeça das pessoas sobre qual é afinal o FOCO da empresa. Foco é tudo na vida!

2. FÉ!

O mundo corporativo como o próprio nome diz trata-se de um corpo de coisas. Sem alma, sem paixão, sem compromisso com a Vida. 99% da galera trabalha alucinada fazendo coisas baseadas em fatos e não crenças e valores. Curiosamente, a meritocracia é o sistema ideal para a corrupção existir. Métricas de performance, índices de desempenho, planilhas de fluxo de caixas e sistemas de análises de qualquer coisa são forjadas todos os dias para atender a meritocracia corporativa. Meritocracia não é a saída para nada, é o buraco de tudo.

A meritocracia não valoriza as pessoas. No mundo que eu quero ajudar a construir as pessoas JÁ são valorizadas por aquilo que fizeram para outras pessoas e não precisam da meritocracia para fazer acontecer. Meritocracia é um sistema legalzinho para fazer as pessoas terem vontade de trabalhar para o sistema. Tá tudo errado!

Na meritocracia, quem está por cima cria o tempo todo novos índices de performance que detonam qualquer possibilidade de mobilidade de “classe”. Segundo o mundo meritocrata, as coisas só vão melhorar daqui 50 anos. Enquanto isso, o poder dos bancos e dos governos aumenta todos os dias, e a desigualdade entre as pessoas também.

O que é melhor do que a meritocracia?

Um mundo sem qualquer tipo de liderança com completa aversão as hierarquias, e onde todos os participantes trabalham pela igualdade de oportunidades e com amor pelo que fazem.

Ninguém deveria precisar de Deus, ou do Chefe, ou do Presidente ou do Papa para fazer o bem.

3. FORÇA!

Sabe porque as pessoas ainda marcam reuniões com pessoas que trabalham em outras empresas? Porque as reuniões com gente de fora são uma válvula de escape para a chatice que as pessoas vivem imersas todos os dias. 80% do dia-a-dia de 80% das pessoas é pura chatice. Gente chata discutindo coisas chatas que não levam a lugar algum. As reuniões externas são uma oportunidade de conhecer pessoas mais interessantes do que os colegas de trabalho, os chefes e os funcionários. Infelizmente, nem sempre encontramos alguém suuuuuper interessante nas reuniões com outras pessoas de fora.

Sabe porque as empresas são chatas?

Porque quase ninguém tem coragem de colocar o dedo nas feridas da empresa e encarar os problemas de frente.

Uma empresa sem conflitos, porrada, discussão sobre temas críticos, decisões difíceis e escolhas complexas são um saco. O F da FORÇA significa CORAGEM, coragem para falar tudo que é preciso ser falado, e mexer em todas as feridas que são necessárias até elas se fecharem. Se ninguém mexer nas feridas abertas, como você acha que vamos fechá-las?

Por último mas não menos importante, o 4 F é:

4. FODA-SE!

Foda-se o que os outros vão pensar. Foda-se se vai dar errado. Foda-se se vamos passar vergonha. Foda-se se alguém vai ficar bravo. Foda-se se vai demorar. Foda-se se alguém é melhor do que você. Foda-se se você é pior do que alguém. Foda-se se não temos todos os recursos para competir com a concorrência. Foda-se que não temos estrutura para atacar o mercado X. Foda-se que não conhecemos direito como funcionam as coisas. Foda-se que podemos quebrar a cara. Foda-se a concorrência. Foda-se se faltam fatos para embasar nossas decisões. Foda-se se o guru supra-sumo do planeta aponta para a esquerda. Foda-se se o Sai Baba pediu para você ajoelhar. Foda-se os políticos. Foda-se os corruptos. Foda-se as coisas erradas, foda-se os ignorantes e medrosos. Foda-se todas as pessoas que NÃO QUEREM se divertir. Foda-se! VOCÊ VAI FAZER. Você vai dar a cara para bater, você vai colocar ALMA na empresa, FOCO nas tarefas e FORÇA nas reuniões.

É claro que os 4Fs não são fáceis de colocar em prática; aqueles que tem medo de tomar decisões difíceis vão sabotar qualquer idéia de foco, aqueles que acreditam em meritocracia não permitirão que você invista em novas e emergentes idéias e pessoas, e aqueles que tem medo de colocar o dedo nas feridas da empresa vão evitar as perguntas difíceis.

Foda-se!

As melhores idéias da sua empresa não vão ver a luz do dia a não ser que você lute contra todos os processos feitos pela galera que comanda os processos, ou pela galera que segue os processos.

Se você não for amado ou odiado; se você não for chamado de arrogante; se você não for chamado de desinteressado; se ninguém ficar bravo com o que você diz, você não estará se esforçando o suficiente para mudar o mundo para melhor.

Foco no que você acredita com coragem para se arriscar.

Fonte: http://www.bizrevolution.com.br/bizrevolution/2012/06/os-4fs-que-v%C3%A3o-mudar-a-sua-vida-.html

Você está procurando estágio / emprego e atende os requisitos abaixo? Então envie seu currículo com pretensão salarial e / ou portfólio para vagas@masterstudioweb.com.br

Como sempre acontece, vários desenvolvedores aproveitam datas festivas para fazer promoções em aplicativos da App Store. Na Páscoa não é diferente e diversas empresas reduziram seus preços para o feriado, por tempo limitado.

Confira abaixo a lista (arteriscos indicam jogos de graça). Lembrando que, como não há a categoria GAMES na App Store brasileira (leia o porquê aqui), você pode comprar com uma conta argentina, usando cartão de crédito brasileiro.

Electronic Arts

• Battlefield: Bad Company 2 — iPhone: $2,99 → $0,99
• Command and Conquer: Red Alert – iPad: $4,99 → $0,99
• CLUE — iPhone: $1,99 → $0,99
• Dead Space – iPhone: $6,99 → $,99, iPad: $9,99 → $0,99
• FIFA 11 — iPhone: $2,99 → $0,99, iPad: $9,99 → $0,99
• Fight Night Champions — iPhone: $4,99 → $0,99
• Madden NFL 11 — iPhone: $2,99 → $0,99, iPad: $12,99 → $0,99
• Max and the Magic Marker – iPhone: $1,99 → $0,99, iPad: $4,99 → $0,99
• Monopoly (Banco Imobiliário) – iPhone: $2,99 → $0,99
• NBA Jam – iPhone: $4,99 → $0,99
• NCAA Football – iPhone: $2,99 → $0,99
• ÓTIMO - Need for Speed Hot Pursuit — iPhone: $4,99 → $0,99
• Need for Speed Shift — iPhone: $2,99 → $0,99
• Pictureka! — iPad : $4,99 → $0,99
• Reckless Racing HD — iPad: $4,99 → $0,99
• RISK (clássico War) — iPhone: $2,99 → $0,99
• Rock Band Reloaded — iPhone: $4,99 → $2,99, iPad: $9,99 → $2,99
• Tiger Woods PGA Tour 12 — iPhone: $4,99 → $0,99
• Scrabble — iPhone: $2,99 → $0,99, iPad: $9,99 → $0,99
• Tetris – iPhone: $2,99 → $0,99
• The Game of Life Classic Edition — iPhone: $2,99 → $0,99
• The Sims 3 – iPhone: $6,99 → $0,99
• The Sims 3 Ambitions — iPhone: $4,99 → $0,99

Chillingo

• Etolis: Arena — Universal: $1,99 → $0,99
• * Sneezies Easter Edition — iPhone: $1,99 → grátis
• Zooloretto — iPhone: $4,99 → $0,99

SEGA

• Altered Beast — iPhone: $2,99 → $0,99
• Chu Chu Rocket! HD — iPad: $4,99 → $0,99
• Super Monkey Ball — iPhone: $2,99 → $0,99
• Super Monkey Ball 2 — iPhone: $2,99 → $0,99

Gamevil

• Illusia – iPhone: $1,99 → $0,99
• Zenonia — iPhone: $2,99 → $0,99
• Zenonia 2 — iPhone: $2,99 → $0,99

Digital Chocolate

• 3D Brick Breaker Revolution 2 – iPhone: $1,99 → $0,99
• 3D Mini Golf Challenge — iPhone: $1,99 → $0,99
• California Gold Rush 2 — iPhone: $1,99 → $0,99
• Icy Tower — iPhone: $2,99 → $1,99
• Tower Bloxx Deluxe 3D — iPhone: $1,99 → $0,99

99Games

• Create a Mall — iPhone: $3,99 → $1,99, iPad: $4,99 → $2,99
• Mystic Emporium – iPhone: $2,99 → $1,99, iPad: $3,99 → $2,99
• The Jim and Frank Mysteries – The Blood River Files HD — iPad: $2,99 → $1,99
• Winemaker Extraordinaire HD — iPad: $4,99 → $2,99
• WordsWorth HD — iPad: $2,99 → $1,99

Diversos

• * The Creeps — iPhone: $0,99 → grátis
• Across Age DX — iPhone: $3,99 → $0,99
• * BattleZone 3D King of the Hill — iPhone: $5,99 → grátis
• Blokus — iPhone: $4,99 → $0,99
• * Caligo Chaser — iPhone: $2,99 → grátis
• Cro-Mag Rally — Universal: $3,99 → $0,99
• Dogs Playing Poker — iPhone: $2,99 → $0,99
• Galaxy on Fire — Universal: $9,99 → $4,99
• Game Dev Story — iPhone: $3,99 → $1,99
• * Geared 2 — Universal: $0,99 → grátis
• Great Little War Game HD — Universal: $2,99 → $0,99
• * I Dig It — iPhone: $0,99 → grátis
• * NewtonApples — iPhone: $1,99 → grátis
• Pinball Ride Unlimited — Universal: $4,99 → $2,99
• Race After 1977 — iPhone: $2,99 → $,99
• * Reverse Maze — iPhone: $0,99 → grátis
• Road Blaster — iPhone: $1,99 → $,99, iPad: $3,99 → $,99
• Silverfish — iPhone: $1,99 → $,99
• * Tehra Dark Warrior — iPhone: $3,99 → grátis
• * Train Conductor — Universal: $0,99 → grátis
• ZombieSmash — iPhone: $1,99 → $0,99, iPad: $3,99 → $1,99

Fonte: blogdoiphone.com

Em uma conversa com amigos empreendedores, as conversas nos levaram para uma questão muito importante: Por que diversas empresas não encontram seu modelo de negócio?

Tento responder de forma clara e objetiva. Muitas empresas não esperam atender um público tão grande quanto alcançaram ou simplesmente não planejaram as formas alternativas de ganhar dinheiro.

Veja a Wikipédia que atualmente pede doações constantemente, será que eles não possuem um produto ou serviço que gere valor econômico? Creio que sim! Eles possuem atualmente uma das maiores fontes de pesquisa rápida e atualizada do mundo.

Podem com certeza cobrar por algo, só que ainda não o fizeram.

O caso da Wikipédia é apenas um exemplo, mas muitas empresas acabam falindo com ótimos produtos ou serviços por não escolherem o melhor modelo de negócio. Políticas de preço, concorrência, público-alvo e diversos outros fatores formam um bom modelo de negócios.

Se o site de sua empresa ou seu site pessoal não dá resultado $$, saiba que algo está errado. Analise os relatórios de acessos e tenha um conhecimento sólido de seu público-alvo. Focar no público-alvo é um fator que leva ao sucesso na maioria dos casos.

Existem duas opções para seu site não dar resultado:

• Você fez um Site Feio para Burro que realmente não converte as visitas; ou
• Você fez um Site Bonito para Chuchu

Para o 1º caso não há o que fazer aqui: o melhor é voltar e ver como construir um bom site, sem churumelas. Veja como um bom projeto visual pode fazer a diferença aqui.

Aqui tratamos sobre o 2º caso. Imagina só fazer um baita investimento para atrair visitas e fazer o site ficar “Bonito para Chuchu”, mas não ter resultados.

Como numa loja física, em alguns momentos o seu cliente poderá ficar em dúvida em relação ao que é oferecido na página. Porém, na loja física existem vendedores lá prontos para ajudar – mas e no site? Nem sempre esse potencial cliente está disposto a pagar pra ver, ou seja, se ele não conseguir tirar suas dúvidas, pode ter certeza de que ele não fará a compra.

Com o objetivo de diminuir esse problema, explicamos abaixo 3 formas de você encorajar os visitantes do seu site a entrarem em contato você:

1- Email e formulário de contato

Sempre vale a pena repetir: é muito mais fácil apagar spam do que conseguir um novo cliente, então deixe o seu email visível sempre que possível.

Um modo semelhante, mas que facilita a vida do seu potencial cliente é o famoso formulário de contato (ou de pedido de orçamento). Através do site você torna possível o envio de uma mensagem e pronto – dúvida enviada.

• Vantagem: é uma ferramenta bastante comum, então com usabilidade simples.
• Desvantagem: o tempo de resposta é muito importante, já que esse potencial cliente tem o risco de ter ido buscar outra saída para a necessidade dele.

2- Chat-online

É um sistema cada vez mais utilizado e já tem sido bem aceito por internautas. Basicamente, quando tem alguém navegando no seu site, uma janela aparece e oferece ajuda. Essa ajuda é você ou sua equipe respondendo via chat as dúvidas dessa pessoa.

Simples assim.

• Vantagem: seu cliente não sai da sua página e já tira dúvidas na hora, o que dá a chance dele efetuar a compra na hora.
• Desvantagem: demanda que tenha uma pessoa respondendo e provendo informações.

Um sistema legal de chat-online é o WebChat da Locaweb, veja mais sobre ele aqui.

3- Telefone

O bom e velho telefone é ainda um dos mais eficientes. Você mostrar um telefone de contato pode ser a diferença para que uma venda aconteça. Isso acontece porque além do cliente poder tirar quaisquer dúvidas, o contato direto por voz com outra pessoa passa maior confiança e tranquilidade a quem está comprando.

• Vantagem: maior possibilidade de conversão.
• Desvantagem: custo maior com RH para atender as ligações.

Além de dar esse suporte na hora da compra, a vantagem de se usar essas ferramentas é ter o contato desse potencial cliente. Por mais que ele não faça a compra na hora, você passa a ter seus contatos e, futuramente, poderá tentar a venda novamente.

–

Fonte: SaiaDoLugar.com.br

Você que trabalha diretamente com publicidade online ou offline, e que normalmente escuta clientes reclamando do preço da mídia, saiba que a explicação mais lógica e que fará com que ele entenda é a seguinte:

“Quanto mais rápido e melhor você acertar seu público-alvo, maior será o custo… porém, o retorno é praticamente certo e muito  maior que o da mídia barata!”

Utilizo sempre o exemplo da segmentação em campanhas de links patrocinados que muitas vezes o cliente foca tanto no público-alvo que se assusta com o CPC (Custo por clique). Basta levar em consideração que o resultado da campanha não será analisado apenas pelo custo e sim pelo retorno sobre investimento.

Todo mundo está careca de saber que empreendedores são sonhadores, mas ao mesmo tempo realizadores, ou seja, eles sonham com uma nova realidade e, a partir daí, começam a sair do lugar para transformar as coisas ao seu redor.

É claro que esse não é o caminho mais fácil. Na teoria, o caminho mais fácil é você trabalhar na empresa dos outros. No entanto, faz parte da natureza do empreendedor querer construir o próprio caminho e a própria realidade o que, obviamente, envolve (possivelmente) mais riscos, desafios e dificuldades.

Pessoas que não possuem o espírito empreendedor não conseguem entender o porquê fazemos o que fazemos e talvez, por isso, gostem de dizer que somos malucos e que o que queremos fazer (quase sempre) é uma loucura. Mas a questão aqui é a seguinte: ser maluco é bom. Afinal de contas, se não fossem os malucos nós ainda viveríamos em cavernas, não é mesmo?

O que quero dizer com isso é que para alguém utilizar um produto ou serviço que facilite e/ou melhore sua vida (independente do que seja), outro alguém teve que imaginar esse produto ou serviço e é justamente aí que o empreendedor entra na história.

Está mais do que claro que empreendedores transformam o ambiente ao seu redor. Transformam a vida das pessoas. E cá entre nós… só mesmo os malucos para quererem fazer algo assim. Para quererem e gostarem de encarar os desafios que envolvem fazer algo acontecer.

Os empreendedores (malucos) mudam o mundo e eu tenho certeza que, assim como eu, você tem muito orgulho de fazer parte desse grupo. Não tem?

Fonte: saiadolugar.com.br

Em grandes cidades, como São Paulo, por exemplo, o dia pode amanhecer de um jeito e terminar de outro. Além do trânsito, de possíveis problemas com o transporte público ou de chuvas torrenciais que alagam todas as ruas, é bem comum a gente se encontrar em uma situação de pressa e emergência por uma carona. E o pior: sem nenhum contato de táxi na agenda.

No mais, seja por uma urgência ou por simples necessidade, encontramos 5 aplicativos capazes de localizar e chamar serviços de táxi em diversos locais do país pelo próprio smartphone. Confira:

1. Moove Taxi

Moove Taxi é um dos melhores apps para encontrar pontos de táxi pelo Android ou iPhone em São Paulo.

Com base na sua geolocalização, ele acessa uma extensa base de dados e te dá a localização e o telefone dos pontos mais próximos de você – até com os dados da distância entre você e o ponto. Dá pra fazer a ligação direto do app.

Além disso, a aba Rádio Taxi mostra os telefones das rádios mais comuns de taxis de São Paulo. Em Favoritos, você pode colocar os pontos de táxis que usa com maior frequência, para ter acesso fácil. Um dos recursos mais legais do aplicativo é a aba táximetro. Nela, você coloca um endereço inicial, um final e ele calcula o preço médio da corrida – nos testes o preço se mostrou bastante próximo do real. Por fim, o app é colaborativo, então há uma aba para você adicionar um ponto novo.

A interface do Moove Taxi é bonita, clean e muito fácil de usar. O aplicativo é gratuito, está sempre em melhorias e tem versões para iPhone e Android. Todo mundo sabe da dificuldade que é pegar um táxi em São Paulo, o Moove Taxi tornou-se um app indispensável.

Baixe o Moove Taxi para Android pelo Downloads INFO.

Baixe o Moove Taxi para iPhone pelo Downloads INFO.

2. ResolveAí

Resolveaí é um serviço criado para facilitar a comunicação entre os usuários e taxistas pelas cidades. Disponível por enquanto nas cidades do Rio de Janeiro e Brasília, ele permite traçar rotas e buscar os carros disponíveis para atender no momento.

Para começar a utilizar o Resolveaí é preciso realizar um cadastro simples. Depois, é possível cadastrar alguns endereços para facilitar na hora de solicitar uma rota com o táxi.

A página inicial já permite preencher o formulário com o endereço de onde o usuário está, e para onde ele quer ir. Há duas opções de serviço de táxi para escolher: Comum e Premium. O serviço também possui um mecanismo que identifica automaticamente o endereço do usuário – caso ele permita.

Após preencher com os dados e realizar uma consulta, o Resolveaí mostra todos os carros disponíveis para buscar o usuário. Caso a rota seja confirmada, basta aceitar a proposta do site e aguardar.

Baixe o ResolveAí para iPhone pelo Downloads INFO.

3. Taxibeat

Com versões gratuitas para Android e iOS, o Taxibeat ajuda a localizar e chamar serviços de táxi pelo smartphone com Android ou iOS.

A partir da localização do usuário, o aplicativo localiza os táxis mais próximos e mostra informações como o nome dos motoristas, modelos de carro, avaliações de outros passageiros, e a distância até o ponto.

Caso seja feito algum pedido de táxi, há como rastrear o veículo em direção ao usuário pelo próprio mapa.

Baixe o Taxibeat para Android pelo Downloads INFO.

Baixe o Taxibeat para iOS pelo Downloads INFO.

4. 99Taxis

Bem avaliado no Google Play, o app 99Taxis é capaz de encontrar e pedir o táxi mais próximo do usuário a partir do GPS do smartphone.

Tudo que o usuário precisa fazer para começar a utilizar o app é ativar seu serviço de localização, confirmar um número de telefone, e escolher em qual localidade deseja chamar o táxi.

Alguns taxistas já possuem foto e diversos dados para segurança, inclusive seu número de contato. Há, também, como acompanhar a chegada do veículo em tempo real pelo celular.

O 99Taxis é gratuito para Android. E tudo indica que, em breve, haverá também versão para iOS.

Baixe o 99Taxis para Android pelo Downloads INFO.

5. Táxi Aqui

Táxi Aqui é um serviço para solicitar táxi pelo smartphone. Com ele, o usuário consegue localizar os pontos mais próximos dele pelo GPS, e pode chamar um taxista direto pela internet, sem precisar ter dor de cabeça com diversos atendimentos pelo telefone.

O app pretende se expandir para cobrir as principais cidades do país, e já atende capitais como São Paulo, Rio de Janeiro, Salvador, Fortaleza, por exemplo.

Baixe o Táxi Aqui para Android pelo Downloads INFO.

Baixe o Táxi Aqui para iPhone pelo Downloads INFO.

Fonte: info.abril.com.br

Design Responsivo III – Media Queries e Compatibilidade

Ok. Então você decidiu fazer o seu layout responsivo… Este post contém muitas informações e ferramentas úteis para criar imagens fluidas, fazer consultas de mídia, vencer os browsers antigos e testar o resultado final para você desenvolver um layout like a boss.

Imagens Fluidas

O primeiro passo é garantir que as imagens vão se adaptar de acordo com o layout. A solução mais prática é forçar as imagens a se redimensionarem proporcionalmente de acordo com o tamanho de um container. Para fazer isto basta uma linha de código:

Esta técnica também funciona para outros objetos como vídeos:

Se você (ainda) dá suporte ao Internet Explorer 6 você deve colocar o seguinte parâmetro em uma folha de estilos especifica para ele:

Parece a mesma coisa, mas não é. A diferença é que no max-width:100% as imagens nunca ultrapassarão o tamanho do container. Já no segundo caso as imagens SEMPRE estarão EXATAMENTE do tamanho do container. Se você for usar esta regra para o IE certifique-se de que suas imagens são do tamanho certo para não “estourar” os pixels, ok?

Outra coisa importante de se ter em mente é que o Windows não renderiza muito bem imagens redimensionadas em browsers antigos (como IE7 ou anterior). O artigo Fluid Images do Unstoppable Robot Ninja ensina a usar o filtro AlphaImageLoader para corrigir o problema. Realmente ninja!

Outra técnica bacana é cortar as laterais da imagem, escondendo ou revelando algumas partes de acordo com o tamanho do browser. Uma maneira simples de fazer isto seria determinar um overflow:hidden para o container da imagem.

Só lembrando que esta técnica vai cropar (existe este verbo?  ) a imagem indiscriminadamente. Se você quiser ter um controle maior sobre que parte da imagem é cortada o artigo Hiding and Revealing Portions of Images ensina algumas maneiras de fazer isto.

O que são Media Queries?

A explicação rápida: são expressões de CSS utilizadas para mudar o layout em diferentes aparelhos sem mudar o conteúdo. A explicação longa: No CSS2 existia uma função chamada Media Type. Ela servia, como o nome já diz, para reconhecer um determinado tipo de dispositivo. Ao todo eram 10 diferentes Media Types:

• all – todos os dispositivos
• aural – sintetizadores de voz
• braille – leitores de Braille
• embossed – impressoras de Braille
• handheld – dispositivos de mão. Por exemplo: celulares com telas pequenas.
• print – impressoras convencionais
• projection – apresentações de slides
• screen – monitores coloridas
• tty – teleimpressores e terminais
• tv – televisores

Como isto funciona na prática? Vamos supor que você queira determinar estilos específicos para a impressão em papel, por exemplo. Você pode fazer isto basicamente de duas maneiras. Acrescentando um link para uma outra folha de estilos no cabeçalho do seu documento:

Ou utilizando um CSS unificado com a função @media:

E isto serviu bem. Por um tempo… Com a evolução dos dispositivos alguns aparelhos não se encaixavam em nenhuma destas categorias. Um smartphone moderno tem a tela e resolução muito melhores do que os celulares que se encaixam na categoria handheld… E o que dizer dos recém inventados tablet? Para a nossa salvação, no CSS3 a coisa ficou mais complexa com as tais Media Queries, uma espécie de upgrade dos Media Types. Media Querie, do inglês Consulta de Mídia, é uma expressão lógica que não verifica apenas o tipo do dispositivo, mas também a capacidade dele. É como se o Media Querie fizesse uma pergunta para o browser (sendo que a resposta é sempre verdadeira ou falsa). A vantagem disto é um controle muito maior sobre o layout! Você consegue utilizar estas consultas para checar coisas como a altura e a largura do browser, orientação, resolução, etc.

Parâmetros do Media Queries

Os Media features lembram bastante as propriedades de CSS. Cada uma tem um nome e aceita certos valores. Basicamente é a lista de perguntas disponíveis que você pode fazer para o browser. São elas:

Width

Largura do viewport (janela do browser incluindo a barra de rolagem).
Valor: medidas de comprimento.
Aceita prefixo min/max: Sim.

Height

Altura do viewport (janela do browser incluindo a barra de rolagem).
Valor: medidas de comprimento.
Aceita prefixo min/max: Sim.

Device-width

Largura da mídia. No caso de uma mídia digital é o tamanho da tela. No caso de impressão é o tamanho da folha.
Valor: medidas de comprimento.
Aceita prefixo min/max: Sim.

Device-height

Altura da mídia.
Valor: medidas de comprimento.
Aceita prefixo min/max: Sim.

Orientation

Orientação da mídia.
Valor: portrait (retrato) ou landscape (paisagem)
Aceita prefixo min/max: Não.

Aspect-ratio

Proporção. Razão entre os valores do ‘width’ e ‘height’. Apenas aplicável a mídias do tipo bitmap.
Aceita prefixo min/max: Não.

Device-aspect-ratio

Proporção da tela do dispositivo.
Aceita prefixo min/max: Não.
Exemplo de aplicação:

Color

Número de bits por cor. Se o valor for zero o dispositivo é monocromático.
Valor: numérico
Aceita prefixo min/max: Sim.

Color-index

Número de entradas na tabela de pesquisa de cores do dispositivo de saída. Se o dispositivo não utiliza uma tabela de pesquisa de cor, o valor é igual a zero.
Valor: numérico
Aceita prefixo min/max: Sim.

Monochrome

Este recurso de mídia descreve o número de bits por pixel em um buffer de quadros monocromáticos. Se o dispositivo não é um monocromático o valor será 0.
Valor: numérico
Aceita prefixo min/max: Sim.

Resolution

Resolução do dispositivo (densidade por pixel). Apenas aplicável a mídias do tipo bitmap.
Valor: número em DPI ou DCM
Aceita prefixo min/max: Sim.

Scan

Tipo de formação de imagens especifico para televisores.
Valor: progressive (progressivo) ou interlace (entrelaçado)
Aceita prefixo min/max: Não.

Grid

Determina se o dispositivo é baseado em bitmap ou em um grid (exemplo: um terminal tty ou um telefone com apenas uma fonte fixa).
Valor: Se o dispositivo de saída é baseada em Grid o valor será 1. Caso contrário, o valor será 0. Aceita prefixo min/max: Não.
Grid neste contexto é um tipo de dispositivo. Não tem nada a ver com o grid do design, ok? 

Operadores

Através dos operadores not (não), and (e) e only (apenas) você consegue ter um controle muito mais preciso. Você também pode utilizar o sinal de virgula que equivale a um “ou”. Combine isto com media types e você está pronto para dominar o mundo! 

Resolução de tela, sua nova melhor amiga!

Se você quiser desenvolver um CSS tendo um dispositivo específico em mente basta você saber a resolução de uma tela (altura e largura em pixels). Já se você quer uma gama maiores de aparelhos  é preciso fazer algumas generalizações para determinar quais vão ser os pontos que o seu layout deverá se transformar. Para isto vamos considerar as seguintes larguras:

• 320 pixels - Smartphones no modo retrato.
• 480 pixels - Smartphones no modo paisagem.
• 600 pixels - Tablets pequenos. Ex: Amazon Kindle (600×800)
• 768 pixels - Tablets maiores em modo retrato. Ex: iPad (768×1024)
• 1024 pixels - Tablets maiores em modo paisagem, monitores antigos.
• 1200 pixels - Monitores wide.

Alguns exemplos

Um iPhone em modo retrato, por exemplo, possui 320px de width. Se você desenvolver um CSS para o smartphone da Apple basta utilizar o seguinte Media Querie:

É como se você perguntasse para o browser: “Hey, o seu dispositivo é uma tela e a largura máxima é 320 pixels?”. Se a resposta for sim o navegador aplica os estilos. Fácil, né? Já se você quiser determinar os estilos de um iPad independente da orientação:

Estas são algumas opções. As possibilidades de combinação são infinitas. Se você quiser mais algumas idéias de uma olhadinha no artigo Hardboiled CSS3 Media Queries do Stuff and Nonsence.

Um exemplo legal de aplicação é utilizar um container e ir variando a max-width de acordo com a resolução da tela. Assim você garante que o seu conteúdo responda a diferentes tipos de dispositivos. Uma ferramenta legal para testar estes pontos de quebra é o Responsivepx. Você consegue visualizar o site e ir diminuindo e aumentando a área de corte até perceber em qual ponto começa algum problema… E aí é só usar um media query para botar a ordem na casa. 

Para mais informações sobre Media Queries leia a documentação da W3C sobre o assunto.

OK. Mas isso funciona em TODOS os browsers?

Bem, tecnicamente os navegadores que trabalham legal com Media Queries são  Firefox 3.5+, Opera 9.5+, Safari 3+, Google Chrome 4+ e Internet Explorer 9+.  Segundo esta pesquisa cerca de 70% de todos os browsers no mercado aceitam Media Queries. Mas existem algumas maneiras de fazer os outros 30% participarem também da brincadeira…

creditos: John Martz

Modernizr

O Modernizr é uma biblioteca de JavaScript que detecta quais features de HTML5 e CSS3 um browser suporta. E isso, como vocês podem imaginar, pode ser aplicado aos Media Queries. Através de uma função em JS você pode determinar que uma folha de estilos seja carregada apenas se aquele browser aceitar Media Queries. É importante ler com cuidado toda a documentação da biblioteca para entender tudo que é possível fazer. Se você não precisa de tudo o que o Modernizr oferece, no site da biblioteca você pode baixar uma versão customizada escolhendo apenas as funções que deseja utilizar.

Ficou curioso para saber o que o seu browser atual aceita?  Sem problemas! A suite de testes do Modernizr informa tudo o que o seu navegador pode ou não fazer. Mas se bater uma preguiça de testar a aceitação em browser por browser você pode conferir algumas tabelas em alguns sites como HTML5 Please ou HTML5 & CSS3 Support.

Respond.js

Uma alternativa muito mais simples e leve (apenas 3kb) do que o Modernizzer , orespond.js adiciona suporte a min/max-width para o IE6-8 e outros browsers antigos. Útil se você só precisa destes parâmetros. Para utilizar o respond.js você precisa (além de obviamente instalar o plugin) colocar o comentário condicional /*/mediaquery*/ ao final de todas as media queries que você utilizar no seu CSS. Por exemplo:

css3-mediaqueries-js

Outra solução baseada em javascript. O css3-mediaqueries-js  é mais pesado do que o respond, mas em compensação aceita mais funções e promete fazer IE 5+, Firefox 1+ e o Safari 2 aceitarem todas os features do Media Queries. Você pode conferir mais algumas dicas sobre como degradar suavemente Media Queries neste post da Smashing Magazine.

fonte: blog.popupdesign.com.br

Olá!

No início de 2013 o novo site da Avitech Aquecimento foi ao ar com muitas novidades. O site que não possuia muitos recursos administrativos e bastante desatualizado deu lugar a um site dinâmico e com praticamente todo o catálogo de produtos online para que os clientes possam fazer cotações online.

Instalamos também a ferramenta de atendimento online onde os usuários poderão entrar em contato direto com os consultores especializados Avitech.

Com um aumento de 45% no total de visitas, o site está entre os que mais rapidamente indexou no ranking do Google e com apenas 1 dia era possível visualizar mais de 50 novas urls no Google.

Para ver o resultado, acesse: http://www.avitechaquecimento.com.br

Veja as telas do site:

Um dos aspectos a ser analisado no pequeno varejo é entender a sazonalidade de seu negócio, ou seja, em que momento aumenta a demanda e de que forma atender seu cliente ofertando o produto adequado.

Uma das referências é entender o calendário promocional do mercado e seus principais eventos:

• Janeiro – Liquidações e Volta as Aulas
• Fevereiro – Normalmente o carnaval
• Março – Entrada de novas coleções e dia da mulher
• Abril – Páscoa
• Maio – Dia das Mães
• Junho – Dia dos Namorados e Festas Juninas
• Julho – Férias e Liquidações
• Agosto – Dia dos Pais
• Setembro – Entrada de novas coleções
• Outubro – Dia das crianças
• Novembro – Ações de e-commerce (black-Friday, cyber-Monday) prévia do Natal
• Dezembro – Natal

Além destes momentos existem diversas datas regionais, locais e também algumas específicas por segmentos, setores, profissões etc. Um dos fatores que também influenciam são os eventos que podem ter dimensões locais ou até internacionais como a Copa do Mundo ou as Olimpíadas.

Pense que todos estes momentos podem influenciar positiva ou negativamente os resultados da empresa. Portanto pensar o negócio de tal forma a atingir o equilíbrio e reduzir os efeitos sazonais, assim garantindo que não aumentem os custos e com redução de ganhos.

Três dicas para equilibrar seu negócio:

1. Crie ações pontuais nas datas de baixa de seu negócio.
2. Fidelize seus clientes
3. Não faça só porque os outros estão fazendo. Tenha coerência com seu cliente.

Fonte: saiadolugar.com.br

O que é um projeto open source?

Projetos de Open Source são aqueles com a finalidade de criar e manter softwares que incluem o código fonte para seus usuários. Dependendo da licença usada, ao baixar e instalar um desses softwares, o usuário ganha o direito de usá-lo para qualquer fim, modificá-lo e redistribui-lo.

Ter o código fonte aberto significa que as pessoas podem estudá-lo e muitas vezes incrementá-lo com algo que o software poderia ou deveria fazer. Com isso, muitos usuários acabam incrementando o software com funcionalidades extras ou até aplicando consertos de bugs que possam ocorrer.

Por que devo contribuir?

Essa é uma pergunta fácil de responder. É muito simples, quando você interage com outros desenvolvedores e trabalha no mesmo problema que eles, você aprende muito e ajuda o projeto a evoluir. A interação com outros desenvolvedores abre inúmeras portas para você trabalhar em projetos paralelos, trocar de emprego e criar amizades.

Diversos softwares que hoje todos nós utilizamos surgiram de projetos open source. Confira a lista abaixo:

• Apache
• Eclipse
• Mozilla Firefox
• Gimp
• InkScape
• Audacity
• Filezilla
• 7-zip
• e outros

Mas eu não tenho tempo para fazer contribuições!

Lembre-se: O dia tem 24h para todos!  Se uma pessoa tem tempo para contribuir, você também terá… basta querer!

Li em um blog uma observação bem interessante quanto ao processo de contratação de programadores e designers. A maioria dos designers nem utilizam currículo como fonte de informações para o empregador. O que realmente importa é seu portfólio com trabalhos realizados e características. Já alguns programadores ainda fazer parte do processo antigo em que o currículo era a maior fonte de informações sobre o candidato a uma vaga. Hoje o perfil no Github ou outro hosting é um fator extremamente relevante para a contratação de um colaborador.

Como faço para contribuir?

É muito simples… recomendo utilizar o Github para pesquisar projetos que sejam do seu interesse aí basta você dar um Fork (isso mesmo, garfar) o código do commiter, fazer suas alterações e depois dar um pull request para que as alterações sejam implementadas.

Um projeto open source é basicamente o treinamento que você precisa para aprimorar suas técnicas, já que na maioria das empresas não há o espaço para treinamento em equipe (Dojos).

E aí, já fez sua contribuição hoje?

Tutorial do Git e Github - http://codexico.com.br/blog/linux/tutorial-simples-como-usar-o-git-e-o-github/

CodePlex - http://www.codeplex.com/

Google Code Hosting - http://code.google.com/hosting/

Heroku – http://www.heroku.com

Durante a CES 2013, a principal feira de eletrônicos de consumo do ano, foi possível observar entre os principais anúncios das empresas mais importantes alguns gadgets que entram na lista dos mais curiosos e inusitados do evento. Produtos que, acreditem se quiser, chegarão ao mercado nos próximos meses, com o objetivo principal de melhorar vários aspectos de nossa rotina diária.

Liquipel 2.0

Todas as pessoas que conheço já deixaram cair, pelo menos uma vez na vida, algum tipo de líquido no celular. Quando isso acontece, as chances de perder o aparelho são enormes. E danos acidentais não fazem parte da garantia. Portanto, é como transformar seu smartphone num peso de papel.

A Liquipel veio para mudar isso. O processo funciona da seguinte maneira. Eles colocam seu telefone em uma caixa; dentro dela todo ar é tirado, criando assim um vácuo; depois um vapor de produtos químicos secretos é inserido na câmara, que se junta aos componentes do aparelho o deixando impermeável. Segundo a Liquipel, o celular pode ficar em uma profundidade de até um metro durante 30 segundos que a água não ira interferir na sua funcionalidade.

Dolby Glasses-Free 3D TV

As televisões 3D já existem há alguns anos. Para o consumidor final, porém, só havia dois tipos delas:

• Ativa: Funciona com um óculos especial à bateria. Ele tira um frame de cada olho alternadamente, criando a ilusão da terceira dimensão.
• Passiva: Usa óculos polarizados (o mesmo do cinema). Duas imagens diferentes são projetadas e cada olho recebe somente uma, fazendo que você pense que tudo está em 3D.

Agora temos uma terceira opção: as TVs de 3D que não exigem óculos. Antes usada apenas para soluções empresariais, esse modo faz com que possamos ter a sensação de terceira dimensão a olho nu. O nome dessa tecnologia é 3D Estereoscópio. Você se lembra dos Tazos? Aquelas figurinhas redondas que, dependendo do angulo que fossem olhadas, mostrava uma imagem diferente? É exatamente isso que foi empregado nessa TV — de uma maneira muito mais avançada, é claro. O efeito não é tão profundo quanto as outras duas formas, é verdade. Mas não precisar colocar aquele trambolho no rosto para ver em 3D já vale a pena.

Samsung Youm

Desde que existem telas, existe a fantasia de poder dobrá-las. A Samsung acaba de realizar esse desejo com seu projeto Youm, voltado para celulares. Ela pode ser dobrada ao meio e em formato S, sem distorcer a imagem ou qualidade. Dois protótipos foram mostrados na CES — um já rodando o sistema operacional Windows 8 Phone. O que está por trás disso é um display de OLED chamado de Green LCD, que usa uma estrutura de pixels diferente para poder ser articulada. Esperamos que essa tecnologia já chegue ao mercado nos próximos anos. Eu, particularmente, não vejo a hora.

Fitbit Flex

À primeira vista, a Fitbit Flex é somente uma pulseira colorida. Mas ela vai bem além da estética, acredite. Para quem já treina ou está pensando em começar a fazer exercícios regularmente em 2013, ela é uma ótima aquisição. Ela funciona 24 hora por dia captando todos os movimentos que você faz: quantos quilômetros foram percorridos, quantas calorias perdidas e assim por diante.

A Flex possui Bluetooth 4.0 e a tecnologia de transmissão de dados NFC, então não é necessário plugar essa belezinha no computador para ver todas as estatísticas que ela colhe ao longo do dia. Com um aplicativo grátis para iOS e Android, podemos criar objetivos a serem alcançados e ele vai te avisar o progresso do mesmo. Por exemplo, hoje quero correr 4 quilômetros? Com um toque nele, cinco luzes de LED aparecerão informando o quanto dessa meta já foi percorrida.

Bem, estes foram apenas os gadgets que mais me impressionam na CES de 2013, mas muita coisa boa está sendo mostrada. Vale lembrar que, normalmente, é lá que grandes produtos são lançados — e o mais importante, tendências como o display flexível e a TV 3D sem óculos são criadas e absorvidas por outras empresas.

Sphero

A nova atualização do Sphero chegou na CES 2013 incluindo características muito interessantes, como a presença da realidade aumentada, e um novo software que permitirá aos usuários explorar ao máximo suas qualidades. Essa bola robótica atua com um sistema controlado por smartphones (iOS ou Android), permitindo ao usuário o completo controle de movimentos da bola.

Parrot Flower Power

O Parrot Flower Power é um gadget “eco freak” por excelência. Disponível em duas cores (esmeralda e madeira), é basicamente composto por um sensor inteligente sem fio, que utiliza a tecnologia Smart Bluetooth para informar ao usuário sobre a necessidade de sua planta receber luz, umidade, temperatura ou fertilizantes. Todas essas informações são enviadas para um aplicativo dedicado, exclusivo para o iOS.

Com uma base de dados com mais de 6 mil plantas, se alguma de nossas plantinhas precisar de nossa atenção, o Parrot Power Flower vai avisar o usuário com alertas no dispositivo, além de também se antecipar às necessidades da planta a cada instante, como se fosse um jardineiro.

BoomBottle

A Scosche apresentou a BoomBottle, o alto-falantes sem fio disponível em três cores (cinza, verde e amarelo), em forma de garrafa do tipo “squeeze” (ou caramanhola), para ser transportada na bicicleta. Esse gadget tem o formato perfeito para os ciclistas, uma carcaça impermeável e antideslizante, e foi desenvolvido para resistir aos golpes e fortes vibrações, provocadas pelas diferenças de terreno.

O BoomBottle utiliza a tecnologia Bluetooth para receber música por streaming a partir de qualquer dispositivo (smartphone, player multimida, etc), cujo volume pode ser ajustado através de um de seus grandes botões de borracha. O resultado é um som profundo, com uma acústica amplificada, incluindo em ambientes muito abertos. O subwoofer passivo integrado conta com uma caixa com porta para melhorar o desempenho dos graves. De quebra, o BoomBottle conta ainda com um microfone, que vai permitir aos usuários realizar conversações telefônicas enquanto estão no seu passeio ciclístico, e uma bateria recarregável, que promete uma autonomia máxima de uso de até 10 horas por recarga.

HAPlfork

Por último, o gadget mais comentado da CES 2013. O HAPlfork é um garfo que mede como comemos, e com qual velocidade fazemos isso. O objetivo desse gadget é melhorar a nossa forma de comer, porque… como vocês bem sabem, comer depressa não é saudável, e em muitas ocasiões fazemos isso sem nos darmos conta.

A medição do movimento e sua velocidade são feitas graças aos sensores integrados no garfo, que por sua vez, incorpora um motor vibratório e alguns LEDs, que nos avisam quando estamos comendo rápido demais. Ah, e não se preocupe: se você é fã de uma sopa, o sensor também está disponível no formato de uma colher.

A versão USB do produto deve ser lançada no segundo trimestre de 2013, enquanto que a versão Bluetooth será lançada no terceiro trimestre do ano, com preço sugerido de US$ 99,99.

Fonte: elhombre.com.br e Gizmologia

Olá amigos… neste início de ano, muito se fala de planejamentos de todos os tipos. Financeiro, estratégico, comercial… todos os planejamentos são importantes e recomendo fortemente você dedicar 60% do tempo para planejar e os outros 40% para execução. Quando você possui ações planejadas, a chance de dar certo é bastante grande e a possibilidade de problemas aparecerem é bem menor.

Os resultados das ações planejadas devem ser avaliados e deve-se sempre otimizar 0 resultado através de alterações no planejamento inicial. A divisão de etapas é fundamental para que se consiga tomar decisões no meio da execução e alterar o resultado final.

Toda Ação Possui uma Reação

O impacto das ações devem ser previstas também no planejamento para que se possa mensurar as variações possíveis de cada ação. A cada reação prevista e otimizada, economiza-se muito tempo e dinheiro. O maior erro de um planejamento é achar que tudo que está definido no papel será seguido com perfeição. Se houverem pessoas envolvidas nos processos, pode ter certeza em que haverá desvios do plenejamento e isso deve ser levado em consideração.

Google Analytics e a mensuração de resultados

Uma forma bastante segura e precisa de analisar os resultados de seu site/ blog/ loja virtual é utilizar a ferramenta do Google chamada Analytics. Ela é uma ferramenta de mensuração de resultados de seu site… com ela é possível saber a quantidade de acessos do domínio, idioma, dispositivo, localização (não é muito precisa), tamanho de tela, quanto tempo permaneceu na página e outras informações relevantes para você que busca vender mais na internet.

Todo planejamento busca um resultado, e com base em relatórios e cruzamento de informações é possível saber a efetividade das ações tomadas e do gerenciamento do projeto. Há diversos projetos que morrem por conta de um gerente ruim ou um péssimo divisor de atividades.

Pense bem quem fará determinada tarefa e quais os tipos de tarefas que serão definidos.

Até logo pessoal, e espero ter ajudado!

Primeiramente, gostaríamos de deixar nossos agradecimentos a todos os clientes, colaboradores e parceiros que acreditaram em nosso trabalho e que possibilitaram o crescimento de nossa empresa no ano de 2012.

Retrospectiva

No ano de 2012 conquistamos diversas melhorias que acarretaram em um crescimento esperado durante o ano. Com mais de 25 projetos entregues e mais de 20 novos clientes, conseguimos nos estabelecer como uma das agências mais ativas na região.

Para 2013, pretendemos aumentar nosso quadro de funcionários e até o mês de julho, termos mais de 30 novos clientes.

Outro acontecimento bastante importante é o lançamento de nosso novo site que está com data de lançamento prevista para dia 01/01/2013. Esperamos cumprir este prazo e começar 2013 com o pé direito.

Recesso (final de ano)

No final de 2012 entre dia 25/12/2012 e dia 01/01/2013 estaremos em período de recesso para balanço anual e finalização de nosso novo site. Gostaríamos de pedir a compreensão de clientes e parceiros que ainda possuem projeto em aberto.

Desejamos um 2013 maravilhoso a todos e que cada vez mais lembrem-se da Master Studio Web como parceira na solução de problemas tecnológicos.

Boas férias