utilizado, como: skeleton, 1140 grid, Less entre outros, criei o meu próprio:

ResponsiveAeon Css grid system

No próximo post darei inicio a uma serie de tutoriais de como tirar o maximo de projeto para seus projetos pessoais.

Abraço

Related Posts

1. WordPress Vs. Joomla Vs. Design
2. Você sabe o que é wireframe???

1- Abra o seu Eclipse

Você deve ver uma tela como esta acima.

2 – Clique em no canto superior direito sobre o icone de perspectivas e vc verá a tela abaixo

3 – Agora vamos selecionar a primeira opção CFeclipse

Nosso workspace já esta no modo para o desenvolvimento com Coldfusion, aqui vc pode visualizar a documentação do CF na adobe e ver a tela de boas vindas, conforme esta abaixo;

4- Agora vamos incluir mais algumas palhetas vá em: window; show view;other, assim temos a caixa de dialogo abaixo:

5- Clique em Coldfusion e depois em RDS DataView

pronto agora temos a nossa conexão rds para o Coldfusion Server.

Na palheta inferior direita, clique em RDS Dataview, em seguidad clique em localhost, insira sua senha e pronto.

Lembre-se a senha deve ser configurada no CF Server, no próximo post mostro como configurar a senha e fazer a conexão!!

Grande abraço e até a próxima.

Related Posts

1. Como configurar um ambiente de desenvolvimento em ColdFusion com cfeclipse
2. FizzBuzz em ColdFusion…

Mais um post relacionado ao ColdFusion, Como configurar um ambiente de desenvolvimento!

Vamos ao passo-a-passo de como instalar seu ambiente de desenvolvimento Open Source para programação em ColdFusion.

Apesar da linguagem ser de propriedade da Adobe e rodar em um servidor próprio, entende se como ColdFusion Server, temos algumas alternativas para desenvolvimento com software livre. A IDE Eclipse com Cfeclipe plugin + coldfusion8 plugin.

Vamos aos passos:

- Download do Eclipse em: http://www.eclipse.org/downloads/ escolha a opção javascript Web Developer pelo simples fato de ter um link especifico que vamos usar para baixar o cfeclipse e a IDE clássica não tem.

- Depois de baixar o zip, descompacte onde preferir e de um duplo click no ícone do planeta.

Pronto, neste momento vc deve estar visualizando a tela de boas vindas. Já viu?? Pode fechar a aba então.

- Clique em Help e em seguida eclipse market place (este é o link que não esta disponível na IDE clássica).

Na tela abaixo digite cfeclipse no campo de busca e enseguidada clique go

- Agora que já aparece o plugin, clique em install

Pode levar alguns minutos até todas as dependências serem calculadas, mas aguarde.

*Antes da Adobe criar a IDE ColdFusion Builder, o eclipse tinha um plugin com o mesmo nome, após a criação desta IDE o plugin passou a se chamar cfeclipse e algumas funcionalidades foram excluídas como a visualização do banco de dados e a conexão via rds, passando estas a serem parte do ColdFusion Builder.

Porém aqui vamos instalar de uma maneira alternativa este plugin que inclusive habilita a documentação da linguagem que esta disponível no site adobe live help.

Voltando clique em next:

Aceite a licencia, clique em finish e aguarde.

Ao final da instalação vc vai receber uma msg para reiniciar a IDE, clique em restart.

Agora já é possível ver na tela de boas vindas o ícone do cfeclipse:

Segundo passo:

Acesse o link abaixo:
http://www.adobe.com/support/coldfusion/downloads.html#cf8devtools

Baixe o arquivo chamado Coldfusion 8 extensions for Eclipse. (Aqui esta a grande dica que vc não encontra através do eclipse e nem no eclipse market.)

Agora a parte mais delicada, siga os passos corretamente:

- Descompacte o zip que abaixou

- Copie e cole o conteúdo das pastas a cima, nas respectivas pastas dentro do diretório onde esta o seu eclipse:

- o arquivo chamado de xml deve ficar na raiz da pasta.

Terceiro passo:

- Depois disso abra novamente o eclipse, a sua visão deve ser a mesma abaixo:

Pode notar que foram adicionados ícones novos na barra de ferramenta, eles fazem parte dos atalhos para programação em ColdFusion.

Agora vamos configurar nosso workspace para pode utilizar todos os recursos das ferramentas instaladas.

Porém em um próximo post!

até lá…

Related Posts

1. Como configurar um ambiente de desenvolvimento em ColdFusion com cfeclipse PART II
2. FizzBuzz em ColdFusion…

Recentemente me deparei com um famoso teste para programadores baseado em uma brincadeira infantil Americana.

Trata-se de um pequeno problema para ser resolvido com uma linguagem de programação qualquer, ele se chama FIZZBUZZ

“Escrever um programa que imprime os números de 1 a 100. Mas para múltiplos de três imprimir “Fizz” em vez do número e para os múltiplos de cinco imprimir “Buzz”. Para os números que são múltiplos de três e cinco  imprimir “FizzBuzz.””

Segundo alguns blogs em que pesquisei 199 programadores de 200 entrevistados não conseguiram montar este programinha, e alguns programadores experientes levaram de 10 a 15 minutos para ter a solução.

Comigo não foi diferente, Mas eu sou designer, com uma certa inclinação a programação, então apesar de ter a lógica toda na cabeça, demorei um pouco para colocar na tela, e sim, escrevi em ColdFusion, com algumas incoerências.

Depois mais tarde em casa, refiz o código, para aprendizado e a titulo de curiosidade já que os exemplos que encontrei na net, nenhum deles estava em ColdFusion, que segue abaixo:

< cfloop index = “a” from = “1″ to = “100″ >

< cfif #a# MOD 3 eq 0 >
< cfoutput >fizz< /cfoutput >

< cfelseif #a# MOD 5 eq 0 >
< cfoutput >buzz< /cfoutput >

< cfelseif #a# MOD 3 eq 0 AND “a” MOD 5 eq 0 >
< cfoutput >fizbuzz< /cfoutput >
< cfelse >
< cfoutput >#a# < /cfoutput >

Bom é isso, aprendendo mais uma.

quando executar no cfserver  eliminar os espaços entre as tags.

Related Posts

1. Como configurar um ambiente de desenvolvimento em ColdFusion com cfeclipse PART II
2. Como configurar um ambiente de desenvolvimento em ColdFusion com cfeclipse
3. User experience Designer Vs. Web Designer

Related Posts

No related posts.

Mas que raio é User Experience Designer???? Desenho de Experiência do Usuário????
e o webdesign fica onde???

Primeiro UX Design não é a mesma coisa que web design embora embos possam compartilhar
conhecimentos e a mesma função, mesma função??????

Aqui no Brazil o “webdesigner” precisa saber: dreamweaver, flash, illustrator, 3dmax, java, javascript,
html, xhtml, dhtml, css, xml, sql, php, dotnet, asp, uml, entender de ftp(???), servidor, email marketing, jquery e por ai vai…ah e ganhar um salario de R$ 700,00 reais para ocupar as três funções acima, que estão mixadas em uma só!!

Digo três porque quem lida com servidor é um tipo de profissional, quem lida com 3d é outro, eainda
outro para as linguagens de programação, mas enfim… voltando ao assunto.

Qual o papel do UX?
Já o nome User experience, quer dizer: experiência do usuário, ou seja o design da aplicação não como vc webdesigner imagina, mas sim como o usuário entende, vc com seus 5 anos de proeficiencia em webdesigner
reconheçe um botão estilizado de longe, sabe que a palavra login, diz para vc preencher um form e entrar em uma aplicação com aréa restrita, um big footer é moderno se coloca uma boa parte da navegação
de forma secundaria, mas é o usuário???

O que o usuário acha de a cada clique abrir uma nova janela no browser??? preencher um form e não ter uma validação cliente side, e no retorno…do erro…perder dezenas de linhas que já preencheu???
Botões que não parebem botões, e a falta de um tooltip aqui e ali???

O trabalho do UX Designer é exatamente este, antes de vc começar o seu layout no photoshop, ele UX trabalha em todas as telas da aplicação, realiza a navegação, testa e aprimora todo o fluxo antes mesmo de vc pensar em qual cor usar no background.

isso é chamado de wireframe(já falei sobre isso em outros posts), é para isso que o UX designer serve, ele não ve a cor do botão, mas ve o que o botão faz e onde é melhor posiciona-lo.
As ferramentas de um UX designer são apenas papel e caneta, ou ainda um bom software de wireframe.

Planejar antes de executar um design é a forma mais simples e segura de manter a aplicação focada no usuário e não no design ou no programador.

Related Posts

1. FizzBuzz em ColdFusion…
2. WordPress Vs. Joomla Vs. Design
3. Você sabe o que é wireframe???

Recentemente vi um grupo de discução no Linked In, sobre wordpress, Joomla e como os CMS acabam com a vida do Designer e do Programador, como este tipo de aplicação está roubando o mercado dos designers e programadores…, e por ai foi.

Na verdade isso é um pensamento muito errado, e eu diria até que é um pouco Brasileiro, claro que as opiniões são divididas, mas vamos fazer uma breve analise:

- Você, freelancer, tem um pequeno projeto para desenvolver, algo simples: Um website para uma revista online, com uma área restrita, uma pagina de noticias, um para lançamentos, divididos por categorias musicais, uma para vídeos também divididos por categorias, um conteúdo para assinantes, e uma pagina de votação, até ai umas 20 paginas levando se em conta o back-end, painel de controle com todos os formulários, permissões e por ai vai;

- Você, freelancer, que trabalha sozinho, quanto tempo levaria para fazer tudo isso do Zero?????? Um Mês ??? . Na entrega do projeto, seu cliente lhe pede que seja feito um cadastro para newsletter, com filtro por categoria musical e outros gostos!!!! Ai… póe mais uns 10 dias para adaptar tudo e entregar.

Somando tudo, foram aproximadamente 30 dias. – Então me diga porque não deixar que o CMS se encarregue da lógica por trás do seu projeto e você se concentre em um design profissional, cross-browser, com plugins de segurança e tudo funcionando na metade do tempo que você gastaria para fazer do zero???????

Os designer devem se conscientizar que WordPress, Joomla, Expression Engine, GLFusion, Drupal e tantos outros, não são sites prontos (Apesar do Grande volume de templates, e **aqueles que os usam, não devem ser considerados designers**), estes CMS’s são apenas o esqueleto.

Todos eles possuem uma documentação bem detalhada, e atendem a maioria dos projetos web de sites institucionais, e-commerce e até mesmo sites governamentais, o Próprio site da USP e da Secretaria da Educação de São Paulo, são Joomla e WordPress respectivamente.

Em 2010 o SXSW – teve um debate com o seguinte titulo: Is WordPress Killing Webdesign??????

E a conclusão deste debate foi uma só, você pode fazer tudo que o cms faz para você? Se a resposta for sim, então você pode usá-lo, aprimorá-lo e torná-lo da sua maneira.

Se a resposta foi não… então é hora de estudar mais, parar de criticar e desmerecer quem usa este tipo de ferramenta, para de usar templates e apagar os créditos dos verdadeiros autores, pois quem realmente sabe o que esta fazendo é pro – eficiente com ou sem o cms, é apenas uma questão de tempo desenvolvimento.

Related Posts

No related posts.

Quando na entrega do trabalho fui questionado do porque o layout estava igual ao wireframe?… depois de alguns segundo pensando…perguntei:

- mas e ai, não era para ficar igual?????

Pasme na resposta:

- não aquilo foi meu sobrinho que fez era só para ter idéia!

Agora eu pergunto, se o wireframe é feito por um profissional que lá fora (Onde o design de aplicações web é levado a serio) chamamos de Interface designer, User experience ou user interface designer, porque raios eu não deveria seguir um wireframe???????

Foi então que pedi o telefone do tal sobrinho, em alguns minutos liguei para ele e perguntei:

- Bom dia, qual o flow control da aplicação e qual padrão deve ser obedecido????

Resposta:

- ah não sei, fiz esse wireframe e pensei que vc é que faria o resto.

Pergunta:

- qual seria o resto????

Resposta:

- ah não sei, vê ai! Faz o que vc quiser e coloca o meu nome!

Parece besteira, mas é a pura verdade! Wireframe é coisa seria, é um trabalho profissional, desenvolvido por um profissional qualificado e com experiência sulficiente

Para saber que um layout desenvolvido baseado em um protótipo de qualidade é 100% fiel ao que é apresentado, por isso temos wireframes de baixa e alta fidelidade, mas isso é assunto para um próximo post!!

Antes de falar sobre o que não sabe, ou querer levar a melhor em cima do outros, perca seu tempo estudando, pois um dia, a casa cai!!! rsrsrsrsrsrsr

abraço

Related Posts

1. FizzBuzz em ColdFusion…
2. User experience Designer Vs. Web Designer
3. WordPress Vs. Joomla Vs. Design

Estou em um projeto, caseiro,  para mobile com um amigo portugues,  o nome ainda não pode ser divulgado, é um projeto para uma distribuidora de vinhos,  em uma reunião em remoto, foi decidido o uso do HTML5 com uma biblioteca javascript atualmente conhecida como Sencha Touch.

Me enviaram os arquivos, descompactei, instalei e…. claro mais um Framework, e que framework…bom a base é o bom e velho EXT.js, quando vi o nome Sencha, não fiz a analogia de que o nome Sencha é a empresa por de tras do Ext.js. O sdk é bem completo e tem tudo, desde botões, lista, formulários, icones, overlay, animações etc…

Ai eu pergunto, porque se eu usar esta biblioteca eu serei burro??? se vou montar todo HTML colocar o CSS, e usar essa biblioteca, o que tem de errado se eu usar varios frameworks????

Bom, o projeto foi iniciado da seguinte maneira:

Para o projeto -> Wireframe com Balsamiq
Para a marcação -> HTML5 NewAeonWebFramework (O meu)
Para o CSS -> 960grid (mas eu prefiro o baseline)
Para a interação -> Sencha Touch (o ext.js para mobile)

Com exceção do Balsamiq, o resto é framework!rsrsrsrsr

Vou postar em breve o resultado desta união!

Related Posts

1. Novo framework para Responsive Design
2. Diferença entre Atributo e propriedade.
3. User experience Designer Vs. Web Designer