Melhor de 2008 - JavaScript
Na última parte de nossa série de resumos, é hora de ver alguns dos extras do JavaScript de 2008. Alguns dos itens a seguir são recursos, alguns são tutoriais úteis, algumas opiniões e outros simplesmente interessantes.
Sempre há uma ou duas lições para tirar delas e isso pode ajudá-lo a entrar no Ano Novo com uma variedade de novas habilidades em seu portfólio.
sIFR Lite
“ Era uma vez alguns desenvolvedores web realmente bons que criaram sIFR. O objetivo deles era converter facilmente títulos em HTML em boas fontes. Bem, esses desenvolvedores fizeram um ótimo trabalho para que funcionassem bem. Observando o código deles, decidi criar uma versão "lite" do sIFR usando uma abordagem mais orientada a objetos. O sIFR Lite é um pouco mais fácil de ler e mais intuitivo de usar. ”
Visite o site
DD_belatedPNG
Finalmente, suporte para imagem de fundo de translucidez alfa PNG de 24 bits + repetição de posição de fundo + repetição de segundo plano para o IE 6!
Visite o site
O plugin jQuery EqualHeights
“Criar colunas de altura igual com CSS às vezes é um problema. Mas quem precisa do incômodo das colunas falsas, das divs "claras" e do resto? Com esse pouco de jQuery, você pode facilmente igualar as alturas de qualquer grupo de elementos. ”
Visite o site
jQuery.popeye - uma alternativa lightbox embutida
“O plug-in transforma uma lista não-copiada de imagens em uma caixa que exibe apenas uma imagem de visualização por vez. A caixa possui controles para percorrer as imagens de visualização e ampliar uma determinada imagem. A caixa se expande para acomodar a versão ampliada, enquanto os controles estão ocultos no modo de tamanho de imagem completo. Um simples clique na imagem retorna a caixa ao seu estado compacto. ”
Visite o site
DD_roundies
Uma maneira fácil de implementar cantos arredondados no IE.
“Não há mesas de 9 células para uma caixa redonda. Sem imagens. Não adiciona meia dúzia ou mais nós HTML a um elemento de contêiner (mais como um, no máximo dois e apenas no IE). ”
Visite o site
Niceforms
“ Niceforms é um script que substituirá os elementos de formulário mais comumente usados pelos personalizados. Você pode usar o tema padrão fornecido ou até desenvolver sua própria aparência com o mínimo de esforço. ”
Visite o site
Cantos do jQuery 0.3
“Este plugin jQuery criará facilmente cantos lindamente arredondados. Nenhuma imagem ou marcação intrusiva necessária. ”
Outro script de canto redondo para seu benefício!
Visite o site
Superfish plugin do menu jQuery
“O Superfish é um plug-in jQuery aprimorado no estilo Suckerfish, que utiliza um menu suspenso CSS puro existente (para que seja degradado sem JavaScript) e adiciona os seguintes aprimoramentos muito procurados.”
Visite o site
O JavaScript salvará todos nós
A opinião de Eric Meyer sobre por que devemos procurar no JavaScript um suporte padrão estendido que falta muito em muitos navegadores, em vez de esperar que os fornecedores do navegador os implementem.
Visite o site
CSS Sprites2 - É hora do JavaScript
“Um senso de movimento costuma ser o diferenciador entre sites pesados em Flash e sites baseados em padrões. As interfaces Flash sempre pareciam mais ativas - respondendo às interações do usuário de uma maneira dinâmica que os sites baseados em padrões não foram capazes de replicar. Ultimamente, isso está mudando, é claro, com o ressurgimento dos efeitos dinâmicos da interface, ajudados pelas bibliotecas JavaScript que facilitam - bibliotecas como Prototype, Scriptaculous, Moo, YUI, MochiKit (e eu poderia continuar). Está na hora de revisitar a técnica CSS Sprites de quatro anos atrás e ver se não podemos interpor um pouco de nosso próprio movimento. ”
Visite o site
jParallax
“O jParallax transforma um elemento selecionado em uma 'janela' ou janela de visualização, e todos os seus filhos em camadas absolutamente posicionadas que podem ser vistas através da janela de visualização. Essas camadas se movem em resposta ao mouse e, dependendo de suas dimensões (e opções para inicialização da camada), se movem em quantidades diferentes, de uma maneira paralaxe. ”
Pura diversão!
Visite o site
Rodapés fixos sem JavaScript
Uma técnica CSS pura para posicionar rodapés fixos, testada no IE 5.5.
Visite o site
Layout Dinâmico
"O Layout dinâmico é uma biblioteca JavaScript simples que permite ajustar facilmente o layout da página com base na largura atual do navegador."
Visite o site
Pare de usar o Ajax!
“O Ajax é uma ideia sólida e útil. Mas toda idéia se resume a uma implementação prática - uma tecnologia que faz isso acontecer - e, neste caso, a tecnologia é imatura, porque deixa para trás grupos de usuários. Os mais notáveis e muito afetados são aqueles que usam tecnologias assistivas, mas também aqueles que usam navegadores menos capazes que não oferecem suporte aos objetos de script necessários ou que não oferecem suporte a scripts. "
Visite o site
É assim que você faz o sIFR funcionar
“O objetivo deste tutorial é destilar as informações no site oficial do sIFR em um processo passo a passo simples de como implementar o sIFR no seu site.
Após seguir este tutorial, você terá um entendimento básico de como o sIFR funciona e poderá se expandir para áreas mais avançadas. ”
Visite o site
FancyZoom
Zoom de imagem Javascript suave para suas páginas da Web.
Visite o site
Girando o cubo 3D em JavaScript
Nada mais nada menos! Confira.
Visite o site
Super Mario em 14kB Javascript
“ Aqui está um experimento para manter as coisas pequenas e confinadas a um arquivo Javascript. Não há arquivos de imagem externos nem nada, tudo é renderizado com Javascript usando elementos de tela ou táticas antiquadas de criação de div (para o IE). Os sprites são armazenados em strings codificadas personalizadas em um formato que permite apenas 4 cores para cada sprite, mas que, por sua vez, ocupa apenas de 40 a 60 bytes por sprite. "
Visite o site
10 técnicas inteligentes de Javascript para melhorar sua interface do usuário
“Javascript é normalmente usado como uma linguagem estética no desenvolvimento web. Isso significa que os desenvolvedores da Web quase sempre devem usar Javascript apenas para uma coisa: melhorar a experiência do visitante. Existem muitas maneiras inteligentes e úteis de melhorar um site da perspectiva da interface do usuário. Um desenvolvedor pode encontrar praticamente qualquer trecho de Javascript para alcançar o que ele ou ela deseja realizar. ”
Visite o site
25 incríveis jogos JavaScript (um pouco de diversão e inspiração)
“O JavaScript, com o surgimento do Ajax, é definitivamente um bem obrigatório para todo web designer / desenvolvedor.
Além de controles de formulário, alertas e uso simples e semelhante de JavaScript, você pode quase fazer qualquer coisa com a ajuda do JavaScript (& Canvas). ”
Visite o site
Os 5 favoritos favoritos
“Bookmarklets são os links habilitados para JavaScript nos quais você pode acessar seus favoritos que interagem com qualquer página em que você se encontra. Os melhores bookmarklets funcionam como você normalmente espera de uma barra de ferramentas, estendendo sua experiência de navegação. No entanto, como eles são escritos em JavaScript, todos eles trabalham no navegador e sem a necessidade de instalação. Aqui estão 5 bookmarklets altamente recomendados que você pode arrastar para a barra de ferramentas do navegador ou para seus favoritos para estender sua experiência de navegação. ”
Visite o site
10 estruturas JavaScript promissoras
“Estruturas / bibliotecas JavaScript populares como jQuery, MooTools, Prototype e YUI (para citar algumas das estruturas JavaScript mais populares existentes) definitivamente têm uma base sólida na arena da estrutura JavaScript. Mas para os desenvolvedores mais aventureiros que procuram estruturas / bibliotecas novas ou alternativas - existem algumas estruturas excelentes fora das populares que valem a pena conferir. ”
Visite o site
5 soluções úteis de codificação para designers e desenvolvedores
“Muitas vezes, soluções de design criativas e verdadeiramente notáveis permanecem desconhecidas porque nós, designers, simplesmente as ignoramos. Por estarmos ocupados com nossos próprios projetos, às vezes tentamos entender a intuição por trás (provavelmente) do código complexo e confuso de outros designers para entender como eles conseguem implementar idéias de design específicas. De fato, apenas observando o código de outros desenvolvedores, podemos aprender muito com eles; podemos encontrar idéias interessantes e melhorar a qualidade do nosso trabalho. ”
Visite o site
Chamando WebServices via AJAX
Este tutorial fornecerá uma boa idéia de como usar JavaScript para interagir com os serviços da Web.
Visite o site
JavaScript Pretty Date
“… Uma maneira simples de formatar datas JavaScript antigas de uma maneira“ bonita ”. "
Visite o site
Aplicativos para iPhone JavaScript
“Venho observando, com interesse, desenvolvedores criarem novos aplicativos para o iPhone. Possuindo um eu mesmo - e conhecendo JavaScript - eu estive imaginando quais opções existem para criar aplicativos JavaScript para download ou o iPhone. Ao fazer algumas pesquisas, encontrei várias soluções, algumas mais simples que outras, algumas exigindo mais conhecimento do Objective-C do que outras. "
Visite o site
Técnicas de Ajax mais procuradas: mais de 50 exemplos e tutoriais
“Os aplicativos da Web deram grandes trancos e barrancos na melhoria da experiência do usuário, graças a muita tecnologia Ajax recentemente desenvolvida. Quando você combina uma funcionalidade elegante, cortesia do PHP, com a inteligência do javascript, pode produzir resultados bastante interessantes. Em um esforço para ajudá-lo a aumentar um pouco, gostaríamos de compartilhar alguns métodos para ajudar seu site a antecipar a próxima jogada do usuário. ”
Visite o site
50 excelentes tutoriais AJAX
“O AJAX oferece aos desenvolvedores da Web muitas oportunidades para aprimorar a experiência do usuário e melhorar o desempenho de seus sites. Existem inúmeras maneiras de usar o AJAX e, felizmente, existem muitos tutoriais bons e úteis sobre o AJAX disponíveis para ajudá-lo com sua própria implementação.
Este post serve como uma coleção de tutoriais úteis sobre como trabalhar com o AJAX de várias maneiras. "
Visite o site
10 coisas que a TI precisa saber sobre o Ajax
“A introdução de qualquer nova tecnologia da Web afetará a infraestrutura de uma rede de maneiras que variam de inconseqüentes a terríveis. O Ajax é uma das novas tecnologias da Web mais perturbadoras que circulam pelas redes atualmente. Para ajudá-lo a minimizar surpresas futuras em sua rede, descrevemos as 10 coisas que você deve levar em consideração no Ajax. "
Visite o site
jQuery timepickr
“O jquery.timepickr foi criado na tentativa de tornar o processo de inserção do tempo da forma mais fácil e natural possível.”
Visite o site
