Posts da categoria: 'Design'

Digital Paper lança a primeira camiseta da linha 2008

Se você é um geek assumido e que veste a camisa chegou a sua vez de fazer isso literalmente, o Digital Paper esta lançando sua coleção de camisetas 2008 e a primeira é "Geek de Elite", as camisetas estão em pré venda no site ao preço promocional de R$25,00, na compra de 2 ganhe R$5,00 reais de desconto informando que viu aqui no meu blog, disponíveis nos tamanhos P/M/G/GG e baby-look, não perca tempo e vista essa camisa, edição limitada.

Camiseta Geek de Elite

COMPRE JÀ

Microsoft Silverlight 2.0 - Flash/Flex que se cuide!

Que a Microsoft está voando com os 2 pés no peito dos concorrentes não é novidade pra ninguém, Java está ficando pra trás depois do .Net Framework, empresas americanas(brasileiras e do mundo todo) estão voltando depois de um passeio no Java para o .Net, Live Search cresce a cada dia junto com o serviço de mapas, o lançamento da versão 1.0 da luz de prata assustou, porém não trouxe ganhos reais com relação ao Flash.

Porém desta vez o papo é outro Silverlight 2.0 (antigo 1.1) a caminho pode começar a atrapalhar os planos de outra gigante, desta vez teremos ganhos reais com relação ao Flash/Flex, além das “tradicionais” e idênticas animações do concorrente agora o Silverlight tem um foco no desenvolvimento de sistemas com interface rica, nada que já não tenha sido feito antes, mas a crucial diferença esta no COMO fazer. O Silverlight utiliza XAML para especificar a interface de maneira muito mais extensível que o MXML, agora o que o designer desenha é exatamente o que será mostrado na interface nos miiiiiiiiinimos detalhes (hein?) ao invés de uma biblioteca de componentes prontos e difíceis de extender com uma linguagem script que simula OOP.

Mas não só na parte visual, creio eu que o trunfo maior seja a integração (ponto extremamente forte da Microsoft) entre o plugin e SDK do Silverlight com o Microsoft Visual Studio e o Microsoft Expression Studio. A perfeita integração com o .Net Framework e o C# tornam o Frontend rico, bonito, usável e acessível com um Backend poderoso, extensível e escalável.

Um ponto forte ainda do Flex é a independência de Backend, porém o que se deve levar em consideração é a enorme base instalada de desenvolvedores Microsoft que não pensarão 2 vezes antes de escolher.

Com certeza a batalha será árdua, porém nenhum dos 2 lados desaparecerá, cada um tem sua vantagem e desvantagem, mas uma coisa é certa, a Microsoft ficará com uma boa fatia desse mercado nos próximos anos, ainda mais com o lançamento de versões para linux desenvolvidas pela comunidade.

Sem dúvida, o Flash/Flex que se cuide.

12º Encontro de Webdesigners de Curitiba

Foi neste sábado a edição de número 12 do encontro e neste ano com presenças de peso e de muita importância no cenário da Web nacional e mundial. Segue abaixo a grade de palestras e palestrantes:

  • Arquitetura de Informação do planejamento a publicação dos websites - Melqui Jr. - Mídia Digital
  • WEB 2.0 e as novas fronteiras do mercado e da profissão - Michel Lent - 10 minutos
  • O valor da pesquisa no Design de Interação - Frederick Van Amstel - Usabilidoido
  • O valor da originalidade no design da web - André Matarazzo - Gringo.nu

Como podemos ver palestras de altíssimo nível com montros consagrados da Web e desenvolvimento, este ano o evento me surpreendeu muito pelo nível, aproveitei muito e ainda pude rever amigos que só encontro no evento, confira as fotos:

Encontro de Webdesigners de Curitiba

Galera no 12º Encontro de Webdesigners de Curitiba

Michel Lent, Aguinelo Pedroso, Melqui Jr., Miguel Silva

Da esquerda pra direita, Michel Lent, Aguinelo Pedroso(eu), Melqui Jr. e Miguel Silva

Fred e Aguinelo Pedroso

Da esqueda para a direita Frederick Van Amstel e Aguinelo Pedroso(eu).

Aguinelo Pedroso, Fabio, André Matarazzo e Miguel Silva

Da esquerda para a direita Aguinelo Pedroso(eu), Fabio, André Matarazzo e Miguel Silva.

Fabio, Aguinelo Pedroso e Miguel Silva

Da esquerda para direita Fabio, Aguinelo Pedroso e Miguel Silva.

Um grande abraço aos meu amigos de Santa Catarina que estavam presentes no evento, Fabio e Miguel da vetor10.com.

Recomendo este evento para quem não participou ainda e já confirmo minha presença no próximo.

Maratona de palestras dia 18/08

Para quem ainda não sabe o Carlos Eduardo da e-Genial teve a brilhante idéia e iniciativa de promover uma maratona de palestras online através do TreinaTOM, sistema de treinamento online desenvolvido por ele e sua empresa. As palestras vinham acontecendo toda sexta-feira a noite e agora graças a Deus foram transferidas para o sábado. Dia 18/08 é um dia especial com palestras o dia todo. Confira a grade abaixo:

Manhã

09:00 às 10:00

Título : Web Semântica com Ruby on Rails
SubTítulo : Aplicações e Sites mais Inteligentes, aprenda como ela está
mudando os processos de indexação, editoração e recuperação da informação.
Palestrante: Charleno Pires
Tempo para perguntas e respostas: 10 minutos

10:10 às 11:10

Titulo: XP + Rails = produtividade ao extremo na web
SubTítulo: Projeto Lucidus: Desenvolvendo aplicacoes web com maxima
produtividade usando Extreme Programming e Ruby on Rails
Palestrante: Vinícius Manhães Teles
Tempo para perguntas e respostas: 10 minutos
11:20 às 12:20

Título: Ruby off Rails - O outro lado da moeda
SubTítulo: Um overview da aplicabilidade da linguagem em ambiente de
telefonia IP(VoIP), desempenho, restrições, padrões, deploy, etc.
Finalizando com estudo de casos dos projetos abertos RubyGhostEngine(rghost)
- Document Builder, RailsTree, JsDOMenu e outros projetos futuros.
Palestrante: Shairon Toledo
Tempo para perguntas e respostas: 10 minutos

Tarde

13:30 às 14:30

Título: O que há de novo no Flex 3?
SubTítulo: Veja todas as novas funções que o Flex 3 pode oferecer e tire
proveito disso.
Palestrante: Igor Costa
Tempo para perguntas e respostas: 10 minutos
14:40 às 15:40

Título: Desenvolvimento orientado a componentes
SubTítulo: Entenda o modelo de desenvolvimento de componentes do Adobe Flex
Palestrante: Beck Novaes
Tempo para perguntas e respostas: 10 minutos

15:50 às 16:50

Título: Flex nas empresas
SubTítulo: Uma nova roupagem para o velho
Palestrante: Rogério Oliveira (Sócio Diretor da Zellen)
Tempo para perguntas e respostas: 10 minutos

17:00 às 18:00

Titulo: Rails Stand-Alone
SubTítulo: Introdução a Slingshot e acts_as_replica
Palestrante: AkitaOnRails
Tempo para perguntas e respostas: 10 minutos

18:10 às 19:10

Título: Linguagens de programação: passado, presente e futuro
Subtítulo: O que você deve saber sobre linguagens de programação e como
elas impactam o seu desenvolvimento e carreira; quais são as prováveis
linguagens do futuro e como fazer as melhores escolhas; ambientes
multi-linguagem e produtividade; o passado no futuro: ressurgência de
temas; paradigmas e produtividade; a próxima grande revolução.
Palestrante: Ronaldo Ferraz
Tempo para perguntas e respostas: 10 minutos

Como podem ver a grade é bem preenchida por assuntos muito bem escolhidos e apenas feras no elenco de palestrantes, já sou presença confirmada e não perco por nada, se você se interessa por algum dos assuntos citados acima não pode perder.

Acessibilidade é coisa séria

Não sou desses blogueiros que fica só repetindo conteúdo no meu blog, mas dessa vez acho importante, chegou no meu reader um link para mais um video sobre acessibilidade, porém este chama muito a atenção, nele vemos casos de pessoas reais que sofrem com problemas reais e que muitas vezes nós desenvolvedores não damos valor.

Terminei a pouco de ler o livro Não me faça Pensar do Steve Krug e o Design para a Internet: Projetando a Experiência Perfeita de Felipe Memória, ambos tratando sobre usabilidade, algo que se dá muito valor na WEB 2.0, com certeza usabilidade é fundamental, porém uma coisa não pode ser usável se não é acessivel, logo o foco fica mais amplo, pois acessibilidade e usabilidade são (e devem ser sempre) parceiras.

Eu mesmo não dava muita atenção a coisas simples como a a propriedade alt da tag img, apenas implementava para manter válido meu xHTML, porém para um leitor de tela isto é imprecindível como podemos ver no video, outro ponto importante são os menus dropdows que quando mal construídos se tornam de impossível acesso assim como o flash.

Pontos como este devem ser levados em conta na hora do desenvolvimento, não pensei nisso antes de começar a usar Flex nos meus projetos, com ele consigo criar uma interface rica e com usabilidade muito boa para o usuário, porém completamente inacessível para alguns e tenho certeza que de acordo com o foco do projeto isso pesa e muito na decisão de qual tecnologia usar.

Todos tem o direito de ter acesso a informação da mesma maneira e esse direito deve ser respeitado, por isso é importante o uso de padrões como as recomendações do W3C na hora do desenvolvimento de sites e principalmente serviços, cada um fazendo sua parte poderemos viver melhor e fazer da WEB um lugar mais amigável.

Use convenções - Não reinvente a roda.

Quem não sabe que se clicarmos no nome ou logo do site voltamos para a página inícial?

A resposta é fácil, isso já se tornou convenção, se você não aplica esse conceito está fora do comum (no mal sentido), eu mesmo com meu antigo theme levei uma chamada do Guilherme Nascimento Valadares nos comentários do post Promovendo interação devido ao fato de não usar tal funcionalidade.

Na cabeça de quem acessa um site já está pré-definida idéias como a citada acima, existem diversos métodos que podem (e devem) ser utilizados como busca no site, mapa do site, SiteMapPath entre outros.

Já vi desenvolvedores dizendo que não usam tais recursos porque todo site implementa, pois este é o objetivo, proporcionar ao usuário algo que já tenha experiência diminuindo ou eliminando a curva de aprendizado.

Use novos métodos somente se complementarem ou revolucionarem funções dos antigos métodos, pois senão estará reinventando a roda proporcionando ao usuário uma experiência nem sempre agradável e perdendo seu tempo e recursos (pessoais e financeiros).

Desenvolvedores (usuários de um certo modo) também se beneficiam, pois PHP5, RubyOnRails e agora o Adobe Flex usam um sistema de convenção ao invés de configuração agilizando o processo de desenvolvimento (porém permitindo que as convenções sejam alteradas garantindo flexibilidade).

Usuários não gostam de sites difíceis de usar, mas mesmo assim gastam seu tempo tentando entender o funcionamento de tal meio. ajude seu cliente (usuário) a trabalhar e viver melhor.

Criação de layouts tableless com (X)HTML + CSS #Parte 3

Pois é, depois da introdução vem a produção e nada melhor do que meter logo a mão na massa para ir aquecendo os neurônios, então….. vamos lá.

Utilizaremos a seguinte estrutura:

Estrutura básica do exemplo

Dentro de um diretório teremos o arquivo (x)html com nossa estrutura que por sua vez utiliza-se dos arquivos layout.css para definir o layout e o arquivo style.css para estilização de fontes, cores e menus.

index.html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Layouts com (X)HTML + CSS</title>
<link type=”text/css” rel=”stylesheet” href=”css/layout.css” />
<link type=”text/css” rel=”stylesheet” href=”css/style.css” />
</head>

<body>
</body>
</html>

A estrutura inicial do arquivo index.html deve ser igual a esta, claro que você não precisa digitar tudo na mão, o Dreamweaver por exemplo faz isso pra você ao criar uma nova página HTML, a unica coisa que adicionamos foram os links para os arquivos .css, tendo esses links a página HTML “enxerga” os estilos e propriedades criadas para nossa implementação.

Nosso próximo passo é criar a separação do layout em partes onde serão contidos o cabeçalho, menu, conteúdo principal e um rodapé, mas este é assunto para um outro post que em breve estará no ar.

Obrigado pela atenção de todos e continuem a acompanhar esta jornada.

Criação de layouts tableless com (X)HTML + CSS #Parte 2

Apesar da discussão entre o uso de HTML e XHTML eu prefiro XHTML, concordo que o que usamos é apenas HTML, porém mantenho meu XHTML válido para minizar futuros problemas, definiremos todo o layout e estilos em CSS utilizando somente a estrutura da linguagem de marcação.

Para essa nossa jornada criaremos um template de blog semelhante a este aqui que uso com um modelo que podemos chamar de elástico (olhe aqui), sendo assim ele se adapta de acordo com o tamanho da janela sem quebrar ou distorcer conteúdo.

A idéia é simples e não utilizaremos imagem nenhuma, apenas texto estilizado e posicionado de acordo com o proposto, é hora de colocar em prática alguns conceitos que ja tinha no subconciente mas só fui me dar conta no curso online de design web do Bruno Ávila (recomendo).

Eu particularmente construo meus layouts na mão, linha por linha, sem utilizar modo gráfico, claro que utilizo editores com coloração de sintaxe e até auto-complete, prefiro assim pois tenho total controle e conciência de como está meu código, um pouco trabalhoso concordo, mas vale a pena na hora da manutenção ou alterações.

Bom pessoal no nosso próximo capitulo entraremos de cabeça na confecção do layout criando a estrutura dos arquivos.

Até a próxima.

Criação de layouts tableless com (X)HTML + CSS #Parte 1

Criar layouts para a web pode parecer simples e intuitivo quando utilizamos um software de edição HTML em modo gráfico como Dreamweaver, MVU, etc. Porém existem pessoas que se preocupam com a quantidade de código (lixo) gerada desnecessáriamente e completamente sem padrão ou ainda com as dúzias de tabelas geradas quando fatiamos um layout no Photoshop ou Fireworks, muito prazer sou uma delas.

Em meus projetos tento refletir algo que não tenho na vida real (organização) e sou extremamente chato neste ponto, principalmente quanto a validação dos padrões (W3C) utilizados (quase obrigatóriamente), se padrões existem é porque há uma tendência de segui-los e confesso que fico muito feliz vendo meu trabalho pronto e validado corretamente.

Pensando nisso decidi começar esta jornada onde o foco é a criação de layouts, passando pela teoria do design aplicado, aplicação de conceitos, estruturação do formato, cores, bordas, links, estilizações css, semântica e validações. Não sou designer, minha atuação é como desenvolvedor, e justamente por ser desenvolvedor me obrigo muitas vezes a me virar sozinho e estas situações são grandes escolas onde se aprende muita coisa.

Nas próximas partes desta jornada muita ação e porque não diversão, afinal eu relaxo dos momentos de stress de programação gerando meus css’s.

Em breve mais….

Divergências na escolha de layouts

Pessoas de gostos diferentes e visões políticas e gerenciais distintas quando se encontram para discutir sobre preferências para um novo layout do site da empresa boa coisa não pode sair….. pelo menos foi o que pensei quando os donos da empresa em que presto consultoria se reuniram hoje a tarde para uma “conversa” sobre o tema, no entanto me enganei profundamente, fiquei impressionado como tanta diferença foi deixada de lado e mentes trabalharam juntas obtendo idéias produtivas.

Agora só falta nosso designer propor um novo layout e darmos proceguimento a estruturação e programação (parte muito pequena diga-se de passagem) em breve mais um projeto bem sucedido(assim esperamos) :).