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

outubro 2017
S T Q Q S S D
« jul    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

JaqueVisuais

Love Football - Hire PHP Developers & Programmers for Dynamic WebsitesHow to Find Instagram Hashtags for your Business?50 Scripts & Plugins with Extended License - Only $29Muslim Harmony - Hire PHP Developers & Programmers for Dynamic Websites12 Instagram Apps to Boost Your Social Media EngagementSoccerLords - Hire PHP Developers & Programmers for Dynamic WebsitesTexture orange color abstraction wallpaperWhat Millennials Demand from a Mobile AppKoachito - Hire PHP Developers & Programmers for Dynamic WebsitesOil paintingThese 17 Social Media Content Ideas Will Perk Up Your Marketing EffortsBJJTube - Hire PHP Developers & Programmers for Dynamic WebsitesWebsite-DesigningCV Whiz - Hire PHP Developers & Programmers for Dynamic WebsitesEDUTown - Hire PHP Developers & Programmers for Dynamic Websites9 Rules for a Great Piece of Design – [Infographics]Top 10 Google Chrome Extensions Every Social Media Marketer Must HaveUI Development Training | UI Design Course

Últmos Comentários