Le meilleur de 2008 - JavaScript
Dans la dernière partie de notre série de résumés, il est temps de voir quelques-uns des goodies JavaScript de 2008. Certains des éléments suivants sont des ressources, certains sont des tutoriels utiles, des opinions et d'autres tout simplement des trucs amusants.
Il y a toujours une leçon ou deux à tirer de cela, et cela pourrait vous aider à entrer dans la nouvelle année avec une variété de nouvelles compétences dans votre portefeuille.
sIFR Lite
« Il était une fois de très bons développeurs Web qui créaient sIFR. Leur objectif était de convertir de manière transparente les titres HTML en belles polices. Eh bien, ces développeurs ont fait un excellent travail pour le faire fonctionner correctement. En regardant leur code, j'ai décidé de créer une version «allégée» de sIFR en utilisant une approche plus orientée objet. sIFR Lite est un peu plus facile à lire et plus intuitif à utiliser. »
Visitez le site
DD_belatedPNG
Prise en charge de l'image de fond alpha-translucidité PNG 24 bits + position de fond + répétition de fond pour IE 6 enfin!
Visitez le site
Le plugin EqualHeights jQuery
«La création de colonnes de hauteur égale avec CSS est parfois un ours. Mais qui a besoin des tracas des fausses colonnes, des divs «clairs» et du reste? Avec ce bit de jQuery, vous pouvez facilement égaliser les hauteurs de n'importe quel groupe d'éléments. »
Visitez le site
jQuery.popeye - une alternative lightbox en ligne
«Le plugin transforme une liste d'images non regroupées en une boîte affichant une seule image d'aperçu à la fois. La boîte possède des commandes pour parcourir les images d'aperçu et agrandir une image donnée. La boîte s'agrandit pour accueillir la version agrandie, tandis que les commandes sont masquées en mode pleine taille d'image. Un simple clic sur l'image ramène la boîte à son état compact. »
Visitez le site
DD_roundies
Un moyen facile d'implémenter les coins arrondis dans IE.
«Pas de tables à 9 cellules pour une boîte ronde. Pas d'images. N'ajoute pas une demi-douzaine de nœuds HTML ou plus à un élément conteneur (plus comme un, un maximum de deux et uniquement dans IE). "
Visitez le site
Niceforms
« Niceforms est un script qui remplacera les éléments de formulaire les plus couramment utilisés par des éléments personnalisés. Vous pouvez soit utiliser le thème par défaut fourni, soit développer votre propre look avec un minimum d'effort. »
Visitez le site
jQuery Corners 0.3
«Ce plugin jQuery créera facilement des coins magnifiquement arrondis. Aucune image ni balisage intrusif n'est nécessaire. »
Un autre script de coin rond à votre avantage!
Visitez le site
Plugin de menu Superfish jQuery
"Superfish est un plugin jQuery amélioré de menu de style Suckerfish qui prend un menu déroulant CSS pur existant (donc il se dégrade gracieusement sans JavaScript) et ajoute les améliorations très recherchées suivantes."
Visitez le site
JavaScript nous sauvera tous
L'opinion d'Eric Meyer sur les raisons pour lesquelles nous devrions nous tourner vers JavaScript pour une prise en charge standard étendue qui fait cruellement défaut à de nombreux navigateurs, au lieu d'attendre que les fournisseurs de navigateurs les mettent en œuvre.
Visitez le site
CSS Sprites2 - C'est l'heure de JavaScript
«Un sens du mouvement est souvent le facteur de différenciation entre les sites Web Flash-heavy et les sites basés sur des normes. Les interfaces Flash ont toujours semblé plus vivantes, répondant aux interactions de l'utilisateur de manière dynamique que les sites Web basés sur des normes n'ont pas pu reproduire. Dernièrement, cela a changé, bien sûr, avec une résurgence des effets d'interface dynamique, aidés par des bibliothèques JavaScript qui facilitent la tâche - des bibliothèques telles que Prototype, Scriptaculous, Moo, YUI, MochiKit (et je pourrais continuer). Il est grand temps de revisiter la technique CSS Sprites d'il y a quatre ans et de voir si nous ne pouvons pas interrompre un peu de mouvement de notre propre chef. »
Visitez le site
jParallax
«JParallax transforme un élément sélectionné en une« fenêtre »ou fenêtre, et tous ses enfants en calques absolument positionnés qui peuvent être vus à travers la fenêtre. Ces couches se déplacent en réponse à la souris et, en fonction de leurs dimensions (et des options d'initialisation des couches), elles se déplacent de différentes quantités, de manière parallaxique. »
Pure joie!
Visitez le site
Pieds de page fixes sans JavaScript
Une technique CSS pure pour positionner les pieds de page fixes, testée jusqu'à IE 5.5.
Visitez le site
Disposition dynamique
"La mise en page dynamique est une bibliothèque JavaScript simple qui vous permet d'ajuster facilement la mise en page en fonction de la largeur actuelle du navigateur."
Visitez le site
Arrêtez d'utiliser Ajax!
«Ajax est une idée saine et utile. Mais chaque idée se résume à une mise en œuvre pratique - une technologie qui fait que cela se produise - et dans ce cas, la technologie est immature, car elle laisse des groupes d'utilisateurs derrière. Les plus notables et les plus touchés sont ceux qui utilisent des technologies d'assistance, mais aussi ceux qui utilisent des navigateurs moins performants qui ne prennent pas en charge les objets de script nécessaires, ou ne prennent pas du tout en charge les scripts. "
Visitez le site
Voici comment faire fonctionner sIFR
«Le but de ce didacticiel est de distiller les informations sur le site officiel de sIFR en un processus étape par étape simple de mise en œuvre de sIFR sur votre site.
Après avoir suivi ce didacticiel, vous aurez une compréhension de base du fonctionnement de sIFR et pourrez vous étendre dans des domaines plus avancés. »
Visitez le site
FancyZoom
Zoom Javascript fluide pour vos pages Web.
Visitez le site
Rotation d'un cube 3D en JavaScript
Ni plus ni moins! Vérifiez-le.
Visitez le site
Super Mario en 14 Ko Javascript
« Voici une expérience pour garder les choses petites et confinées à un seul fichier Javascript. Il n'y a pas de fichiers d'image externes ou quoi que ce soit, tout est rendu avec Javascript en utilisant des éléments de toile ou des tactiques de création de div à l'ancienne (pour IE). Les sprites sont stockés dans des chaînes codées personnalisées dans un format qui n'autorise que 4 couleurs pour chaque sprite mais ne prend à son tour qu'environ 40 à 60 octets par sprite. "
Visitez le site
10 techniques Javascript intelligentes pour améliorer votre interface utilisateur
«Javascript est généralement utilisé comme langage esthétique dans le développement Web. Cela signifie que les développeurs Web devraient presque toujours utiliser Javascript pour une seule chose: améliorer l'expérience du visiteur. Il existe de nombreuses façons intelligentes et utiles d'améliorer un site du point de vue de l'interface utilisateur. Un développeur peut trouver presque n'importe quel extrait de Javascript pour réaliser ce qu'il veut accomplir. »
Visitez le site
25 jeux JavaScript étonnants (du plaisir et de l'inspiration)
«JavaScript, avec l'essor d'Ajax, est définitivement un incontournable pour tout concepteur / développeur Web.
Outre les contrôles de formulaire, les alertes et l'utilisation similaire de JavaScript simple, vous pouvez presque tout faire avec l'aide de JavaScript (& Canvas). »
Visitez le site
Top 5 des favoris favoris
"Les Bookmarklets sont les liens compatibles JavaScript que vous pouvez insérer dans vos signets qui interagissent avec la page sur laquelle vous vous trouvez. Les meilleurs bookmarklets agissent comme vous vous attendez généralement d'une barre d'outils, en étendant votre expérience de navigation. Cependant, comme ils sont écrits en JavaScript, ils fonctionnent tous dans le navigateur et sans nécessiter d'installation. Voici 5 bookmarklets hautement recommandés que vous pouvez faire glisser vers la barre d'outils de votre navigateur ou vers vos signets pour prolonger votre expérience de navigation. »
Visitez le site
10 cadres JavaScript prometteurs
«Les frameworks / bibliothèques JavaScript populaires comme jQuery, MooTools, Prototype et YUI (pour ne nommer que quelques-uns des frameworks JavaScript les plus populaires) ont définitivement un ancrage solide dans l'arène du framework JavaScript. Mais pour les développeurs les plus aventureux qui recherchent des frameworks / bibliothèques nouveaux ou alternatifs - il existe d'excellents frameworks en dehors des populaires qui valent la peine d'être vérifiés. »
Visitez le site
5 solutions de codage utiles pour les concepteurs et les développeurs
«Souvent, les solutions de conception créatives et vraiment remarquables restent inconnues car nous, les concepteurs, les ignorons tout simplement. Étant occupés par nos propres projets, nous essayons parfois de saisir l'intuition derrière le code (probablement) complexe et encombré d'autres concepteurs pour comprendre comment ils parviennent à mettre en œuvre des idées de conception particulières. En fait, en observant simplement le code des autres développeurs, nous pouvons apprendre beaucoup d'eux; nous pouvons trouver des idées intéressantes et améliorer la qualité de notre travail. »
Visitez le site
Appel de WebServices via AJAX
Ce tutoriel vous donnera une bonne idée de la façon d'utiliser JavaScript pour interagir avec les WebServices.
Visitez le site
JavaScript Pretty Date
«… Un moyen simple de formater les anciennes dates JavaScript de manière« jolie ». "
Visitez le site
Applications iPhone JavaScript
«J'ai regardé avec intérêt les développeurs créer de nouvelles applications pour l'iPhone. Possédant moi-même - et connaissant bien JavaScript - je me suis demandé quelles étaient les options pour créer des applications JavaScript téléchargeables ou l'iPhone. En faisant des recherches, j'ai trouvé un certain nombre de solutions, certaines plus simples que d'autres, certaines nécessitant plus de connaissances en Objective-C que d'autres. "
Visitez le site
Techniques Ajax les plus recherchées: 50+ exemples et tutoriels
«Les applications Web ont fait d'énormes progrès dans l'amélioration de l'expérience utilisateur grâce à de nombreuses technologies Ajax récemment développées. Lorsque vous combinez quelques fonctionnalités soignées grâce à PHP avec l'intelligence de javascript, vous pouvez produire des résultats assez sympas. Afin de vous aider à franchir une étape supplémentaire, nous aimerions partager quelques méthodes pour aider votre site à anticiper le prochain déménagement d'un utilisateur. "
Visitez le site
50 excellents tutoriels AJAX
«AJAX offre aux développeurs Web de nombreuses opportunités pour améliorer l'expérience utilisateur et améliorer les performances de leurs sites Web. Il existe d'innombrables façons d'utiliser AJAX, et heureusement, il existe de nombreux tutoriels AJAX utiles et utiles pour vous aider avec votre propre implémentation.
Ce message sert de collection de tutoriels utiles sur l'utilisation d'AJAX de différentes manières. "
Visitez le site
10 choses que l'informatique doit savoir sur Ajax
«L'introduction de toute nouvelle technologie Web affectera l'infrastructure d'un réseau de manières allant de sans conséquence à l'éclatement de la terre. Ajax est l'une des nouvelles technologies Web les plus perturbatrices qui circulent sur les réseaux aujourd'hui. Pour vous aider à minimiser les surprises futures sur votre réseau, nous avons décrit les 10 choses que vous devez prendre à cœur avec Ajax. "
Visitez le site
jQuery timepickr
" Jquery.timepickr a été créé dans le but de rendre le processus de saisie du temps sous une forme aussi simple et naturelle que possible."
Visitez le site
