Nouveau plugin très intéressant aujourd’hui : un générateur de mots en JQuery. Le principe est simple, une phrase simple suivi d’un adjectif simple, aléatoire et qui change à interval de temps régulier et paramétrable avec un léger fondu.
On peut choisir le délai d’affichage entre chaque mot et bien sûr choisir une liste de mot à afficher. Une liste d’adjectifs est déjà présente par défaut et à mon goût plutôt pertinente !
Pour initialiser le script :
$("#phrase").adjectifs({
delay : 2 // Délai d'affichage
mots : ['mot1','mot2,' ...] // Liste de mots à afficher, optionnel
});
Pas besoin de beaucoup d’explications cette fois, il suffit de visualiser le résultat !
DEMO DOWNLOAD
Apple a officialisé la sortie du nouvel iPhone, appelé finalement iPhone 4 et non iPhone HD. C’est exactement le même que nous avait présenté Gizmodo. Il arrivera avec 100 nouveautés dont un nouvel écran 960×640 pixels, une caméra en façade, un flash pour l’appareil photo, FaceTime, iMovie pour iPhone et j’en passe …
Il sera disponible le 24 Juin, équipé bien évidemment du nouvel OS 4, appelé iOS 4, également disponible pour iPhone 3G (sans multi-tâches), iPhone 3GS et iPod Touch à partir du 21 juin en téléchargement gratuit.
WordPress est selon moi le moteur de blog le plus abouti pour réaliser un blog de qualité. Il est livré de base avec son lot de fonctionnalités mais certaines choses manquent encore. Voilà pourquoi il existe presque 10 000 plugins permettant de combler certains oublis.
J’ai rassemblé ci-dessous une liste non exhaustive des plugins qui me semblent les plus utiles. N’hésitez pas à mentionner dans les commentaires des plugins intéressants que j’aurai oubliés.
Continuer la lecture de « Les plugins WordPress indispensables pour réussir son blog »
La conférence annuelle des développeurs se tiendra le Lundi 7 Juin à partir de 10h heure locale (19h heure française) et Steve Jobs sera bel et bien là pour présenter au monde entier le nouvel iPhone tant attendu: l’iPhone 4G (à moins que ce ne soit l’iPhone HD ?).
En tout cas, selon les dires du patron de la grosse pomme: « Vous ne serez pas déçus ! », alors on attend ce rendez-vous comme chaque année avec beaucoup d’impatience … !
Voici une nouveauté très intéressante de la part de nos amis de chez Mountain View: Google Font API ou comment intégrer une police non standard en 20 secondes chrono !
Rien de plus simple, il suffit d’inclure un css depuis le serveur de Google et de styliser son texte :
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<style>
body {
font-family: 'Lobster', serif;
font-size: 50px;
}
</style>
</head>
<body>
<h1>Google embellit le web !</h1>
</body>
</html>
Il faut donc utiliser le catalogue de Fonts de Google (économie de bande passante au passage), peu fourni pour l’instant mais qui ne tardera pas à s’enrichir par la suite, soyons sûrs !
Plus d’infos ici: Google Font API, mode d’emploi
http://code.google.com/intl/fr/apis/webfonts/docs/getting_started.html
Ça fait quelque temps déjà que l’on voit des bribes de ce que sera la norme CSS 3 mais elle n’a toujours pas été finalisée par le W3C. Cependant, certains des plus innovants navigateurs tels Firefox, Safari ou encore Chrome le gèrent déjà (via l’utilisation de propriétés particulières tout de même). Modifié le 10/05/2010
Pourtant, cette version permettrait de créer des interfaces riches, ergonomiques et plus visuelles. On pourrait se passer des traditionnelles astuces pour créer des bords arrondis avec des images ou ajouter des ombres portées sur Photoshop !
Si le CSS 3 était adopté par tous les navigateurs, nous pourrions par exemple avoir de jolis boutons entièrement stylés en CSS.
Continuer la lecture de « A quand la démocratisation du CSS3 ?! »
Après un tutoriel pour créer un diaporama simple avec JQuery, qui d’après vos commentaires vous a assez intéressé, voici un nouveau tutoriel basé sur le Drag and Drop.
L’exemple que nous allons voir est une liste des tâche simple, que je vous présente sous la forme d’une liste de courses.
Le principe est simple, on ajoute des éléments, on les renomme, on modifie leur ordre et on les supprime.
On va voir dans cet article comment utiliser de manière très simple la bibliothèque d’animations et d’interactions JQuery UI.
Celle ci permet d’avoir « nativement » des interfaces pour pouvoir déplacer des éléments et contrôler où on les dépose (drag & drop) ainsi que pour les trier.
Ces interfaces sont les suivantes :
DEMO DOWNLOAD
Continuer la lecture de « Tutoriel: Drag and Drop JQuery, exemple avec une liste des tâches »
Le XML est un format très répandu, utilisable dans de nombreuses applications:
- Site Internet
- Application Mobile
- Progiciel
- Application Flash
- …
Il est donc très intéressant de penser à stocker ses données ou les exporter si celles-ci sont préalablement stockées dans une base de données, dans ce format là.
Mais les données sont alors brutes, sans mise en page particulière. C’est ici qu’intervient XSL(T).
DEMO DOWNLOAD
Continuer la lecture de « Tutoriel: Apprendre les feuilles de style XSL(T) »
JQuery est devenu rapidement un framework de développement javascript indispensable, très pratique que ce soit pour développer de simples fonctionnalités ou des sites complets.
Souvent, lors de la création d’un site internet, on rencontre les mêmes fonctionnalités de base (des rollover sur les images, un menu déroulant, un diaporama …), et pour chacun d’entre eux, il existe quasiment un plugin JQuery qui répond à ces attentes.
Il peut être également utile de développer un plugin pour une fonctionnalité simple mais à laquelle on se trouve souvent confronté et dont on veut maîtriser le fonctionnement.
Mon premier tutoriel s’articulera donc autour de la mise en place d’un plugin JQuery simple: un diaporama Photo.
DEMO DOWNLOAD
Continuer la lecture de « Tutoriel: Réaliser un diaporama simple avec JQuery »
La Programmation Orientée Objet est un concept qui a fait ses preuves dans la conception de sites internet. En effet, elle permet d’avoir un code structuré, facilement réutilisable et dont la mise à jour est rapide et aisée.
Pourquoi ne pas l’adapter au CSS ?
A priori, le CSS n’a pas grand chose à voir avec de la POO. Pourtant, à y regarder de plus près, on y retrouve des concepts bien familiers:
- Système de Classes
- Propriétés
- Héritage
Continuer la lecture de « Le CSS Orienté Objet »
Loading ...
Derniers commentaires