Excelentes plugins JQuery para novos sites
Só podemos imaginar como foi difícil praticar o design da web quando tudo parecia tão novo - durante os dias do Netscape Navigator e do Microsoft FrontPage. Olhando para trás, parece um momento tão arcaico na história do web design. Era quase impossível projetar algo de criatividade suprema e inteligente. Naquela época, você era visto como criativo se você tivesse um fundo piscando horrível ou barras de rolagem coloridas.
Não havia uma tonelada de flexibilidade realmente quando se tratava do âmago da questão do design. Muitos dos layouts eram os mesmos e imitavam o que era visto em revistas e jornais. Quero dizer, pense nisso: não muito tempo atrás, conseguimos finalmente descobrir uma maneira de usar fontes decorativas on-line. De antemão, foi tudo Arial, todos Verdana e todos os Times New Roman - em 2012, você pode imaginar viver essa vida?
As tabelas eram a norma e essas não eram muito flexíveis. Falando de flexibilidade, como é que vivemos sem resposta? Se você quisesse criar um site há algum tempo atrás, você estava praticamente encaixotado para trabalhar com o que você tinha. Ninguém reclamou então, mas graças a Deus pela tecnologia progressiva.
Agora…
Avançando para agora, podemos projetar tudo da maneira que quisermos, em qualquer coisa que quisermos. Esses tipos de coisas não devem ser tomados como garantidos, mas à medida que novas gerações de designers e desenvolvedores entram nesse domínio, praticamente o são. Quero dizer, apenas alguns meses atrás, finalmente pudemos usar folhas de estilo para criar cantos arredondados - o quão rápido nos esquecemos?
Os avanços no design da web podem contribuir para a evolução contínua de diferentes linguagens de codificação. Você não pode ter um ótimo design web sem um ótimo desenvolvimento web (e vice-versa). E você pensaria que as coisas podem ter ficado mais complicadas no que diz respeito ao desenvolvimento, mas é bem óbvio que as coisas ficaram mais fáceis. Dê uma olhada, por exemplo, em HTML4 vs. HTML5.
Um dos maiores desenvolvimentos em, bem, desenvolvimento e design tem sido o uso do jQuery. É provavelmente uma das bibliotecas JavaScript mais fáceis de aprender e codificar, bem como fazer algumas coisas bem legais com. Se você está projetando livremente e / ou deseja algumas interações realmente impressionantes entre seu design e seu público, você provavelmente usará o jQuery.
Os plugins
O jQuery não melhora apenas o design atual, mas facilita as experiências do usuário. Quando sites devem ser feitos para receber seu público e facilitar a movimentação, isso é importante. O design também é importante se você estiver usando uma grande quantidade de criatividade com seu design. Basicamente, não deve haver limites quando se trata de criar sites, e o jQuery é extremamente útil para garantir que você não fique preso em caixas. Então, o que o jQuery pode fazer por você? Abaixo estão alguns ótimos plugins que permitem que você seja tão criativo e fresco no desenvolvimento da web quanto possível.
jQuery grid mobile
Alguns designers gostam de abrir o programa de sua escolha e projetar o que quiserem sem nenhum escrúpulo. Há outros que gostam de ter um método para sua loucura. Os padrões de design da Web sugerem que devemos utilizar grades para nos ajudar a criar sites excelentes e eficazes, especialmente se você estiver criando um blog ou um site de notícias. Uma segunda parte dessa ideia é que a grade deve ser flexível e responsiva. Este plugin permite que você crie várias colunas com (e sem) capacidade de resposta.
ArcText.js
Apenas alguns anos atrás, se você quisesse ter ótimas fontes e efeitos tipográficos em seu site, você teria que abrir o programa de design desejado e criar um gráfico com o que quisesse nele. Foi uma boa técnica até que as pessoas perceberam que não era a mais flexível, nem se dava bem com a otimização de mecanismos de busca. Com avanços e tecnologia, no entanto, nos tornamos capazes de usar fontes decorativas online. Não apenas isso, mas com esse plug-in, podemos adicionar alguns estilos a eles que, de outra forma, não estariam disponíveis fora do Photoshop.
Movimentos extravagantes
Uma tendência comum no webdesign moderno é a capacidade de fazer as coisas se moverem. É quase impossível visitar um site e testemunhar imagens estáticas - quase todo mundo utiliza um controle deslizante de imagem de alguma forma ou moda. Muitos desses controles deslizantes são automáticos e alteram as imagens em um determinado período de tempo. Não há nada de errado com isso, mas como você pode pegar esse conceito e torná-lo maior para a experiência do usuário? Este plug-in do Fancy Movies parece ter sido resolvido ao permitir que os espectadores controlem o slide, não apenas clicando na próxima seta, mas também pressionando confortavelmente as teclas de seta nos teclados.
FitText
A tipografia no design é extremamente importante. Web designers precisam ter a capacidade de usar qualquer tipo de letra que quiserem e, em seguida, montá-la da maneira que desejarem. Por meio de coisas como Cufon e CSS, isso é possível, mas de grande importância ultimamente é a capacidade de resposta de um site. Se o seu design não pode ser flexível, é quase inútil e uma das principais partes dos sites que deve ser responsiva é a tipografia. A FitText permite que seus cabeçalhos e texto de preenchimento sejam ótimos, independentemente do tamanho da janela ou do dispositivo usado para verificar seu site.
Hover Zoom
A maneira como certos elementos reagem às interações em um site pode afetar (negativamente e positivamente) a maneira como os espectadores reagem a ele. Uma interação simples que está sempre sendo reproduzida é o recurso de foco. Quando você coloca o mouse sobre uma imagem ou até mesmo um link, é quase comum que esse elemento faça alguma coisa; e quanto melhor a reação, melhor as pessoas responderão. Este plugin é para imagens que, quando pairadas, aumentam ou diminuem o zoom e também fornecem informações adicionais. Se corretamente utilizado isso pode ser extremamente eficaz. Para não mencionar, o design vai se sair bem.
jRumble
O que os designers precisam perceber é que, ao criar sites, temos muito poder. Podemos fazer as pessoas verem o que queremos que elas vejam e não ver as coisas que não queremos que elas vejam. Princípios básicos de design, como equilíbrio e hierarquia, podem ajudar a influenciar o foco e o interesse dos espectadores. Existem maneiras sutis de fazer isso. A jRumble é mais apaixonada em fazer com que alguém veja e perceba as coisas de uma maneira mais contundente e descarada. É um plugin divertido e quando usado com parcimônia pode ser eficaz para qualquer propósito. Apenas lembre-se de não fazer isso.
jQSlickWrap
Criar layouts para o seu texto pode ser uma coisa difícil. Não é apenas sobre as fontes que você escolhe, mas também a forma como você as apresenta, o que as torna efetivas. Se você está projetando um site que planeja ter grandes blocos de texto, configurá-lo incorretamente pode fazer com que seus leitores fiquem totalmente desinteressados em qualquer coisa que você esteja dizendo. Muitos designers têm problemas ao tentar fazer imagens e texto interagirem bem uns com os outros. Se você não está muito interessado nos blocos de texto ou descobre que deseja que seus textos e imagens interajam mais, este pode ser o plugin para você. Não há mais leituras jornalísticas, mas mais liberdade criativa.
jQuery Offset Animation
Como afirmado anteriormente, os sites estáticos não são tão comuns hoje como poderiam ter sido nos anos anteriores. Muitas coisas se tornaram contributivas para ajudar a criar websites dinâmicos que se movem e interagem bem com seus espectadores. Uma coisa que jQuery adicionou a essa conversa é a capacidade de criar grandes animações e transições de um elemento para outro. Este plugin cria uma transição deslizante ou abrangente suave para se mover de um elemento para o próximo. Faz para um site muito agradável.
Pergaminho-O-Rama
Com um nome como 'Scroll-O-Rama', você pode passar este plugin, mas eu aconselho que você não faça isso. Tão divertido e ótimo como este plugin é, eu acredito que pode ser feito popular no nicho da moda de sites de uma única página. Ao rolar pelos sites de uma página, você espera que algo aconteça. Este plugin praticamente permite que títulos e textos dancem conforme você passa por ele. É outro plugin que é usado principalmente para fins decorativos, mas se você pode espalhar sobre o seu site e usá-lo nos lugares certos, você pode jogar este plugin para ter mais força.
jQuery Shadow Plugin
Para adicionar um pouco de profundidade às imagens ou elementos, às vezes, os designers gostam de usar sombras. Há duas formas populares em que os designers criam sombras e isso é através de CSS ou criando a sombra em seu programa de design e, normalmente, salvando-a como uma espécie de arquivo transparente. Na maioria das vezes isso funciona e às vezes pode haver alguns problemas, mas o que é ótimo sobre esse plug-in é que você pode adicionar diferentes tipos de sombra a qualquer elemento que desejar, sem precisar projetá-los, e funciona em vários navegadores.
Slitslide
Boas transições em websites proporcionam uma experiência divertida e tentadora. Já fornecemos um ótimo plug-in para transições de elemento para elemento, mas esse plug-in é ótimo para transições de página para página. Com este plug-in Slideslide, a página divide, desliza e introduz novas páginas diretamente atrás dela. Esta é uma ferramenta extremamente dinâmica que adiciona um pouco de emoção e sabor a sites que podem precisar desse nível extra.
Derrubado
As dicas de ferramentas são um elemento usado por vários motivos; para chamar a atenção, adicionar informações ou o que você pode colocar nela. Ele age muito como um efeito de foco, onde se usado corretamente pode ser extremamente eficaz. Há uma tonelada de plugins jQuery que atendem ao desenvolvimento e uso de dicas de ferramentas. Tipped é um plugin que funciona e tem muitos recursos, a maioria dos quais é personalizável por HTML5 e CSS, o que contribui para uma construção fácil e suave.
Tubular
Todos podemos concordar que um fundo não é onde reside a criatividade. No entanto, existem outras coisas que podem ser adicionadas ao seu plano de fundo para dar ao seu site um pouco de brilho. Você pode ser apenas estritamente sobre design e quer um padrão bem juntos, mas você pode querer algo um pouco mais dinâmico. O Tubular é um plug-in que permite usar vídeos do YouTube para servir como plano de fundo. Pense nas possibilidades divertidas e criativas que alguém poderia marcar com isso.
jmpress
jQuery Knob
Miniatura de miniatura 3D
Já falamos sobre o efeito de foco na imagem e como ele pode ser muito eficaz para sites. Bem, e se você quiser um pouco mais de entusiasmo para suas imagens? Este plugin dá a você um efeito de foco de imagem que revela informações com um pouco de distorção 3D.
blur.js
Um bom design pode realmente ser a diferença entre um site bom e um ruim. Muitas vezes, a decisão não é sobre o design como um todo, mas sobre os pequenos detalhes; é por isso que usamos dicas de ferramentas e ótimos textos de título. Este plugin adiciona um pouco mais de detalhes ao seu site, se você desejar. Esse plug-in cria elementos confusos com transparência do psuedo sobre outros elementos. Este é um plugin decorativo, mas pode ser usado para se beneficiar.
Conclusão
Há muitas maneiras de aprimorar seu design da Web para torná-lo novo e atraente para seus visitantes. Tenha em mente que você quer fazer algo que não seja apenas criativo, mas criativo e eficaz. As ferramentas que temos agora são ótimas e o que é ainda melhor é que a tecnologia ainda está aumentando e coisas melhores para a criação de sites nos esperam.