jaque somos design

CSS3 – Botões com Gradiente

button-preview

Com o CSS3 podemos aplicar o efeito de gradiente nos elementos de html.

  • Puro CSS:  nenhuma imagem ou javascript é usado.
  • O gradiente é cross-browser com suporte (IE, Firefox 3.6, Chrome, Safari).
  • Tamanho Flexivél: podem ser ajustados alterando o tamanho das letras e dos valores de preenchimento.
  • Tem três estados do botão: hover normal, e ativa.
  • Pode ser aplicado a qualquer elemento HTML: a, input, button, span, div, p, h3, etc
  • Retorno: se CSS3 não é suportado, ele irá mostrar um botão regular (sem gradiente e sombra).

Veja alguns exemplos.

Código:

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); /* Safari and Chrome */
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);/* Firefox */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');/* IEca */
}

Design e Desenvolvimento Web

Aproveitando o sentimento adquirido nesses dois dias imersos em discussões e palestras sobre inovações e desenvolvimento web/sistemas/software web-based e aproveitando o gancho do artigo enviado pelo gustavo, eu gostaria de iniciar uma discussão sobre este assunto.

A estrutura de departamentos na qual a empresa nos divide e o método de desenvolvimento em cascata (primeiro eu faço, depois você faz, depois eles fazem), no meu entender, cria uma barreira à boa comunicação e, o que é mais grave, à troca de conhecimento entre as áreas, tornando o processo de trabalho zero-colaborativo.

E ainda há agravantes:

1. Não temos tempo, incentivo ou, mesmo, motivação para nos manter atualizados, é uma corrida contra o tempo ter de acompanhar, não só as tendências do própria comunicação visual e design gráfico, mas tb o acelerado mundo da tecnologia web.

2. Não lembro jamais de ter feito um projeto que tenha prazo para a previsão completa de cada interação com o usuário. O que acaba por recair ou ao designer gráfico ou ao desenvolvedor, solucionar questões que não é de sua competência.

3. Os desenvolvedores, na maior parte das vezes, estão trabalhando no projeto que trabalhamos a dois projetos atrás: e isso traz pelo menos dois problemas, não temos envolvimento para colaborar como gostaríamos, além de nossas soluções (quer de AI, Usabilidade e Design) possivelmente já estarem ultrapassadas.

- – - – -

Da mesma forma que a falta de capacitação técnica e domínio da tecnologia, envolvida na implementação do que criamos,  dificulta o trabalho do desenvolvedor no momento da implementação de um projeto. A falta de capacitação deste mesmo desenvolvedor em usabilidade, experiência do usuário, comunicação visual, conhecimento do negócio e dos requisitos do cliente.

E daí surge a guerra. E é frustrante para os dois lados, ver seu trabalho sendo desconsiderado.

Minha sugestão é largarmos de mão a arrogância, fruto de uma posição defensiva – já que o que nos resta é ter que fincar o pé para que as diretrizes sejam respeitadas –  e tentarmos nos colocar de forma mais clara. Aproveitar ao máximo as informações dadas pelos nossos colegas desenvolvedores (e nisso incluo nossos colegas htmleres, que têm um bocado para nos ensinar) para que possamos criar considerando sempre o custo de implementação e também trabalhar para contribuir com um pouco do nosso conhecimento para que seja claro para eles o porque solucionamos da forma que solucionamos as coisas, e mostrar que há muito mais a se considerar do que o tempo que uma coisa leva para ser desenvolvida.

A incompreensão que o design (o visual e o de produto – pq é disso que se trata a web – a web é um produto) como valor agregado é histórica. Quão mais sutil for o trabalho do designer, melhor foi feito o trabalho, é quem é que valoriza aquilo que não enxerga?

Sugiro que trabalhemos mais como evangelistas do que como uma resistência revoltada. Vai ser melhor para todo mundo. =P

O que acham?

Wufoo Form Gallery

Wufoo Form Gallery

Wufoo Form Gallery


Para quem precisa fazer uma página com formulário, vale apena dar uma olhadinha nesse site com vários exemplos gratuitos.

E a aplicação do html com css é bem legal.

url: wufoo.com

JaqueAgenda

dezembro 2017
S T Q Q S S D
« jul    
 123
45678910
11121314151617
18192021222324
25262728293031

JaqueVisuais

LeadPoint Marketing - Hire PHP Developers & Programmers for Dynamic WebsitesLiiLT - Hire PHP Developers & Programmers for Dynamic WebsitesWood compositionKoachito - Hire PHP Developers & Programmers for Dynamic WebsitesGoal Stars - Hire PHP Developers & Programmers for Dynamic Websites4 Signs That A Remote Work Lifestyle Suits Your Way of WorkHow To Develop Work Relations While Working Remotely4 Social Network Tools Every Business Should HaveInterview With Author of “The Project Management Answer Book”, Jeff Furmans5 Tips For Creating Effective Landing Pages10 Proven Ways to Make Money through Social Media NetworksImpact of Virtual Reality in the Future7 Common Things Productive People Do Daily That You Should Embrace Now!Future Engineering - Hire PHP Developers & Programmers for Dynamic WebsitesUAE National Day: 10 Things to Make your Holiday ExcitingFantasy Champ - Hire PHP Developers & Programmers for Dynamic WebsitesCoin Faucet ListUDEMA - Modern Educational Site Template LMS

Últmos Comentários