Catégorie «Tutoriels»


Créer un lecteur de flux simple avec SimplePie et jQuery

SimplePie est une bibliothèque PHP peut grandement simplifier la récupération et la manipulation de flux RSS, ou, plus généralement, aux formats XML. Vous pouvez, par exemple, écrire quelques lignes de code, exploiter certains "funzioncina" jQuery pour créer une Ticker Nouvelles à rejoindre notre site / blog.

Suite ...

Comment j'ai fait: Comment créer un sticker-ruban en 3 étapes

Les autocollants (ou ruban) sont ces images qui sont placés dans le coin supérieur gauche à droite ou supérieure, et ont généralement une large forme angulaire. Il existe différents types, à partir de simples images statiques à l'animation Flash la plus spectaculaire. Parfois, ils sont construits de manière à rester en position, même lorsque défiler la fenêtre du navigateur.

Suite ...

Adobe AIR et l'API Feedburner: Reloaded

Je m'inspire de l'excellent tutoriel Napolux , Flex 3, Adobe AIR et l'API Feedburner , qui montre comment écrire une application simple (ou widgets) à l'aide de Flex 3 d'Adobe AIR, pour montrer comment accomplir la même chose en utilisant Adobe Flash CS3. Si vous le souhaitez, et vous pouvez également utiliser l'extension pour la création d'applications Adobe AIR. Il n'est pas nécessaire pour les fins de ce tutoriel, remplir la demande comme un exécutable AIR, vous pouvez utiliser le code proposé comme une animation Flash simple pour être "fixé" à vos pages Web

Suite ...

ActionScript 3.0 pour les débutants: leçon n ° 4

Rappelons l'exemple de notre code de TicTacToe (qui se trouve dans son intégralité sur Google Code ) et de commencer à analyser dans le détail.

Importer des définitions

Avec ActionScript 3.0 a fait un excellent travail de nettoyage et de classes nell'alberatura hébergement (contenues dans les colis, package ) utilisés lors du développement. Dans d'autres langages de programmation, comme C par exemple, lorsque vous voulez utiliser une fonction doit explicitement «importer» dans le code. Cette opération de «importer» est nécessaire pour permettre au compilateur d'avoir tous les codes et les définitions relatives aux caractéristiques que nous voulons utiliser. ; Actionscript 3.0 mette a disposizione l'istruzione include che è identica all' #include del C/C++. Dans ActionScript 3.0, cependant, l'éducation import ne doit pas être confondu avec l'équivalent en C / C + + #include , Actionscript 3.0 fournit l'éducation include qu'il est identique à " #include en C / C + +. Ce dernier, en effet, "comprennent" le code qui, s'il est utilisé ou non, l'exécutable final est compilé. La déclaration import est le plus haut niveau et est plus «intelligent» au moment de la compilation. Il est utilisé principalement pour les classes d'accès sans spécifier leur nom complet. En termes Alre au lieu d'utiliser des formes telles que:

1
flash.display . MovieClip = new flash.display . MovieClip ( ) ; var myMC:. flash.display MovieClip . flash.display = nouvelle MovieClip ();

Suite ...

Wordpress: enlever le menu Administration

Il peut être utile à certains moments, "obscur" des menu d'administration de WordPress, surtout si vous avez développé un site / blog pour un client et ne veulent pas permettre l'accès aux fonctions particulièrement sensibles. Il ya déjà des plugins qui remplissent cette fonction, mais, pour le contrôle personnel et complet, nous voyons comment cette fonctionnalité en détail.
Comme toujours, nous utilisons l'action très utile fournie par WordPress, dans ce cas admin_menu . En utilisant la variable globale $menu peut accéder à la liste du menu d'administration. Nous pouvons trouver le menu d '"éliminer" de deux façons: à travers l'étiquette ou par le lien vers lequel il pointe (voir jeux annotés dans l'exemple ci-dessous). Dans cet exemple sont «noirci» du menu de Design, Paramètres et plugins:

1
2
3
4
5
6
7
8
9
10
11
12
13
Fonction remove_menu_item () {
; global $ menu;
/ / Par le label
array ( 'Design' , 'Impostazioni' , 'Plugins' ) ; Supprime = $ array ('Design', 'Paramètres', 'plugins');
/ / En lien
/ / Supprime array = $ ('themes.php »,« options-general.php', 'plugins.php');
$removes as $todel ) foreach ($ $ Supprime que todel)
$menu as $key => $sm ) if ( $sm [ 0 ] == $todel ) { unset ( $menu [ $key ] ) ; break ; } foreach ($ menu as $ key => $ niveau) if ($ sm [0] == $ todel) { unset ($ menu [$ key]) break;}
/ / En lien
/ / Foreach ($ menu as $ key => $ niveau) if ($ sm [2] == $ todel) {unset ($ menu [$ key]) break;}
}
/ /
, 'remove_menu_item' ) ; add_action ('admin_menu', 'remove_menu_item');

L'utilisation de liens comme une clé pour le déménagement ( $sm[2] a commenté dans le partage de code de surprise), est utile lorsque vous n'êtes pas sûr de la langue - la localisation - avec lequel vous avez installé WordPress. Avec cette technique, cependant, le menu est supprimée uniquement à l'interface, de sorte que vous pouvez toujours accéder au site via un lien direct.

Suite ...

jQuery: bords arrondis sur les images pour les chevauchements

En raison de la rendu différent entre les différents navigateurs, Microsoft Internet Explorer certainement voir dans cet esprit, nous devons toujours recourir à des astuces pour appliquer des effets spéciaux qui doivent être désormais un standard. Le prix-discuté des bords arrondis sont un exemple classique de «désastre» produite par l'incapacité totale à faire une sérieuse normes à la page de rendu HTML / CSS. , etc… Il existe de nombreuses solutions qui permettent au réseau pour obtenir des "effets" (effets d'exempter HTML existants comme les bords arrondis, les effets d'ombre, des reflets, etc ...) avec des taches sur les feuilles de styles, de trucs spéciaux à l'utilisation de div greffés, des bibliothèques JavaScript, l'utilisation de canvas , etc ...
Sur un enseignement purement technique, je tiens à expliquer davantage (cross-browser) d'appliquer les bords arrondis des images:

Démo et la source

Suite ...

WordPress: étape par étape comment créer leur propre login

Dans ce tutoriel nous allons voir comment créer une procédure de connexion personnelle, en utilisant également des fonctionnalités Ajax via jQuery . ). Il ya plusieurs façons de personnaliser le login de WordPress, par exemple par l'utilisation d'hameçons et les filtres ( add_action() , add_filter() ). Ici, nous allons utiliser une procédure de niveau inférieur, bien qu'il y ait encore des interfaces pour le noyau dans WordPress. En outre, nous allons tenter de valider un utilisateur à travers le Dupla email / mot de passe.

Pourquoi créer leur propre login?

  • Dans certains contextes peuvent retourner uitle avoir un contrôle maximal sur la page de connexion, de proposer une présentation personnalisée de nos utilisateurs enregistrés. Vous pouvez également améliorer la page avec des informations utiles, un logo du classique "Mot de passe perdu?"
  • Pour autoriser l'accès via le courrier électronique (comme dans l'exemple discuté ici) au lieu de user_login standards WordPress
  • Pour être en mesure d'entrer dans un panneau de connexion dans la barre latérale de notre blog
  • Et enfin, d'avoir un squelette - et une idée - un plugin grande : D

Environnement

Dans notre exemple, tutoriel / nous allons travailler sur la racine d'un dossier de l'intérieur WordPress mylogin . . Nous créons deux fichiers php dans ce dossier: index.php et logon.php . Le premier contiendra notre interface de connexion avec toutes les fonctions JavaScript / jQuery nous avons besoin. Le second fichier, logon.php , contiendra le code pour la validation des utilisateurs. e una cartella images . Ensuite, créez un dossier css et dans ce fichier layout.css et le dossier images . Dans le dossier insérer des images un classique Ajax loader: créez-le en ligne AjaxLoad.info . A la fin vous devez avoir:

  • mylogin
  • index.php
  • logon.php
  • RSS
  • Layout.css
  • images
  • ajax-loader.gif

Suite ...

Très court astuce: des valeurs non définies en Javascript

Yat-il un raccourci pour assigner «à la volée" une valeur à une variable si l'on n'est pas définie (undefined), en utilisant l'opérateur logique OR (| |) - double pipe:

1
2
3
4
5
/ / Bar est indéfini
bar var;
pluto || '5' ; var foo = bar | | '5 ';
pippo ) ; alert (toto);
/ / Résultat: 5

Suite ...

WordPress: l'amélioration de la liste des commentaires

Le modèle standard de WordPress (comme d'autres) prévoient normalement une disposition alternative pour la liste des commentaires. Dans le modèle standard d'une telle classe est fixé css alt , selon la logique:

1
2
3
4
5
/ / Fichier comments.php
$oddcomment ; ?> id="comment- <?php comment_ID ( ) ?> "> ? <Li <php echo $ oddcomment;?> ID = "comment-<Php comment_id ()?>">
[...]
/ * Change toutes les autres observations à une classe différente * /
Oddcomment = $ (empty ($ oddcomment))? 'Class = "alt "':'';

) e una volta a class="alt" . Cela signifie que la balise li $oddcomment est fixé une fois vide ( "" ) et une fois par class="alt" . Une modification pourrait être utile d'introduire une autre classe quand l'auteur du blog pour commentaire sur un post:

l'image

Moi, par exemple, j'ai utilisé le code suivant dans le fichier comments.php:

1
2
3
4
5
<Php
( $comment -> user_id == 3 ) ? ' Authcomment = ($ comment -> user_id == 3) $? '' ; authcomment':'';
( empty ( $classcomment ) ) ? ( ( $authcomment == '' ) ? ' alt' : '' ) : '' ; Classcomment = $ ( vides ($ classcomment))? (($ authcomment =='')? 'alt':''):'';
?>
?> <?= $authcomment ?> " id="comment- <?php comment_ID ( ) ?> "> <Li class = "<? = $ Classcomment?> <? = $ Authcomment?>" Id = "comment-<? Php comment_id ()?>">

del vostro utente. La ligne $comment-&gt;user_id==3 peut varier en fonction de ' ID de votre utilisateur. Pour ma part, ne pas utiliser l'administrateur de réagir sur le blog, mais j'ai mon utilisateur ID=3 . , se usate questa utenza potete scrivere: $comment-&gt;user_id==1 . Normalement, le " ID de l'administrateur est 1 , si vous utilisez cet utilisateur peut écrire: $comment-&gt;user_id==1 . De cette façon, en plus d'avoir l'agencement alternatif sur les commentaires laissés par les visiteurs, la réponse est immédiatement reconnaissable auteur du blog.

Suite ...

Très court astuce: plus rapide des boucles en Actionscript

Dans les cycles Actionscript for il est bon de les utiliser avec soin. Par exemple, vous devez utiliser des variables uint quand vous pouvez:

1
2
3
var i : uint = 0 ; i ++; i < 100 ) { for (var i: uint = 0; i + +; i <100) {
/ / ...
}

Vous pouvez également utiliser le - ne sait pas toujours - la forme:

1
2
3
4
5
uint = 0 ; var i: uint = 0;
/ / ...
; i ++; i < 100 ) { for (; i + +; i <100) {
/ / ...
}

Suite ...