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

agosto 2017
S T Q Q S S D
« jul    
 123456
78910111213
14151617181920
21222324252627
28293031  

JaqueVisuais

17759867_1641607605854456_829751337072651974_nOGA Manager - Hire PHP Developers & Programmers for Dynamic WebsitesProject X - Hire PHP Developers & Programmers for Dynamic Websites20901758_837823516381086_6695767605030019385_o16681460_1585560941459123_6673446581966424210_n11866216_1133239990024556_1639431818752141462_nOil painting on stone5 Major Challenges in the Field of Wearable Apps Development13932666_1366419996706553_7174197758258960711_nHow to Create Business Flyer Designs That Get More Leads?5 Major Challenges in the Field of Wearable Apps Development13962747_1366420123373207_3781779749823570250_n5 Major Challenges in the Field of Wearable Apps DevelopmentRocket Ranking - Hire PHP Developers & Programmers for Dynamic Websites.11954834_1143541538994401_8732012816849187962_n11951995_1143540918994463_8248481630588562008_n13892351_1366420170039869_844714827790557181_n

Últmos Comentários