Dans ce tutoriel, je vais vous montrer quelques effets spéciaux qui peuvent être appliquées à un objet rectangulaire simple à jouer avec les ombres. Évidemment, je ne parle pas d'effet d'ombre appliquée sur une couche, mais de véritables ombres fait manuellement. Tout d'abord, dessiner un rectangle sur une couche comme ceci:
Il y avait longtemps que je voulais voir la présentation de la page d'accueil de ce blog, en tenant compte également de nombreux articles de la accumolati au cours des dernières années. Je voulais aussi essayer quelques-uns framework CSS ( 960 , Blueprint ) et j'ai donc profité de l'occasion pour donner un bon nettoyage à la question, examiner le code PHP et de donner un graphisme «rafraîchi» du tout.
Il a été libéré tout à l'heure (grâce à la suggestion de l'auteur Michael Jackson JI ) la version bêta 3.0 de Shadowbox.js . En plus du nouveau design du site ici sont les changements les plus importants dans ce communiqué préliminaire:
Peut-être pas tout le monde connaît le potentiel de manipulation du texte dans Photoshop, en particulier le fait qu'il peut manipuler le texte de manière très évolué. Si nous voulions comme "bend" un texte, nous sommes tentés d'utiliser l'option "Créer texte Warped" 
, Qui ouvre une fenêtre avec les paramètres suivants:
Quand on m'a demandé de dessiner et concevoir le logo pour Saidmade , comme cela arrive souvent pour Ses créatures, j'étais assez contrarié. Toutefois, il n'était pas possible de compter sur l'inventivité des autres, il était nécessaire d'exprimer ce qui se passait pour être né dans un indépendant et personnel. A la fin, je suis très satisfait du résultat final. Le symbole qui est sorti exactement ce que nous cherchions!
Normalement, je n'aime pas, cependant, vu que même sur undolog est graphique & design, je ne peux pas omettre de signaler le restyling du blog UPI sur papier . En outre, dessin, aussi, quand je vois une "main" belle est plus fort que moi! Avec le nouveau modèle, puis, les illustrations de l'UPI sont encore plus agréable.
Quand Shadowbox ouvre sa fenêtre pour afficher le contenu (image, iframe, film, etc ...), vue, en attendant, un gif animé qui vient dans le paquet. Si la page qui utilise Shadowbox est au même niveau que le dossier d'images, tout fonctionne bien. Par défaut, en fait, regardez le gif animé ci-dessous images Shadowbox / loading.gif - ou d'images / de chargement light.gif si vous avez choisi le style léger (shadowbox-light.css). Sinon, et souvent il ya aussi le risque de ne pas accorgesene, si nous sommes dans un autre mâts, il génère un code agréable 404 - page not poutre dans notre dossier non trouvé!
Pour résoudre le problème simplement initialiser Shadowbox avec un paramètre approprié, qui indique précisément le chemin absolu vers le dossier images: undolog.com, par exemple, j'ai placé le gif animé de chargement directement dans le dossier images de cette racine (que diriez-vous d'un milliard d'autres les sites 
. Pour rendre ce dossier accessible à Shadowbox, quel que soit le chemin, j'ai inclus un moyen facile:
1 2 | Shadowbox paramètre / / Init avec AssetUrl assetURL : 'http://www.undolog.com/' } ) ; Shadowbox Init ({AssetUrl: «http://www.undolog.com/ '}).; |
Planetozh a créé un beau paysage de l'outil dynamique peut énumérer toutes les bibliothèques JavaScript comme Lightbox.
L'utilisation d'un panneau (voir l'image à gauche) avec une série de "ticks" (case à cocher), qui indiquent les différentes fonctionnalités des bibliothèques, vous pouvez exécuter un filtre résultant en une liste d'un ou plusieurs bibliothèques qui font le travail. Nous espérons que l'auteur maintient à jour cette page fantastique, très utile pour démêler les nombreuses et de plus en plus puissant bibliothèques de ce genre.
Flash CS3 ne cesse d'étonner. Voici comment faire pour créer l'effet de brouillard classique de téléviseurs dans un deuxième avec 10 lignes de code.
Derniers Commentaires
Giovambattista Fazioli : @ ale: Comme le montre @ Kevin voir sur GitHub repo: https://github.com/gfazioli/Ch roma-Key
Giovambattista Fazioli : @ Kevin: Voir https://github.com/gfazioli/Ch roma-Key
Kevin : Très bel exemple - aimerait voir le fla trop.!
Ludovica : Bonjour! Je vais vous expliquer mon doute. Quand j'écris un billet pas ajouter des images dans l'article (si c'est le cas ...
Marco : Bonjour @ Giovan Battista Fazioli, merci pour toutes les explications de cet excellent guide. J'ai une question à ...