23 Juil 2017

Création de slideshow en CSS3

Posté dans Webmaster par Webmaster le 23 juillet 2017

Un tutoriel très clair et intéressant pour créer des slideshows non pas en flash ou en javascript mais grà¢ce aux propriétés du CSS 3.

https://www.alsacreations.com/tuto/lire/1052-ID-slideshow-css3-target-animation-keyframes-introduction.html

Par ailleurs le site Alsa Créations propose un grand nombre de tutoriels pour les webmasters. Un excellent site !

Laisser un commentaire Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

Rechercher
Découvrez également…
Articles au hasard…
- Fabrication d’un bartop: la partie électronique (2ème partie )
  
  Dans ce deuxième tutoriel nous allons découvrir la partie électronique soit les composants et les branchements. Le Raspberry Tout d’abord c’est quoi un Raspberry ? Il s’agit d’un ordinateur de la taille d’une carte de crédit. En gros c’et comme la carte mère d’un PC en tout petit avec tout intégré à l’intérieur: le processeur, la mémoire, la carte vidéo, la carte son,etc… L’avantage du Raspberry appliqué à la conception du bartop, c’est sa taille mais aussi son prix de quelques dizaines d’euros seulement. J’ai opté ici pour la dernier modèle, le 3: https://www.amazon.fr/gp/product/B01CD5VC92/ref=oh_aui_detailpage_o08_s00?ie=UTF8&psc=1 Ce modèle dispose de 4 ports USB, 1 port HDML, une prise jack pour le son. Mais j’ai également acheté ce petit pack intéressant qui contient l’alimentation sur secteur (obligatoire), un petit boitier de protection contre la poussière ou les petits chocs, ainsi que des dissipateurs pour la chaleur: https://www.amazon.fr/gp/product/B01DDFFOYK/ref=oh_aui_detailpage_o08_s00?ie=UTF8&psc=1 Une fois les dissipateurs collés (avec les autocollants fournis) , la carte installée dans le boitier, je procède à une fixation du boitier à l’intérieur du bartop. C’est indispensable car après les branchements effectués, votre boitier s’il n’est pas fixé va se déplacer n’importe ou dans le bartop. J’ai fait simple, une petite équerre pour le plaquer au sol et des vis de chaque coté pour qu’il ne se déplace pas horizontalement. Vous pouvez bien sur avec de l’imagination faire quelque chose de plus « propre ». Les boutons et joystick Les boutons et les joysticks sont des accessoires qu’il vous faudra obligatoirement acheter. C’est facilement trouvable sur le net. Ils sont vendus avec une carte contrôleur qui est l’interface entre les commandes et la carte Raspberry. J’ai opté pour ce pack: https://www.amazon.fr/gp/product/B06WWLG79J/ref=oh_aui_detailpage_o05_s00?ie=UTF8&psc=1 En premier relier les câbles aux commandes. Dans mon kit les câbles bleus et blancs sont pour les joystick, les rouges et noirs pour les boutons. Ensuite placez les boutons dans les trous prévus à cet effet: Voici ce que ça donne coté intérieur. Une fois tous les boutons placés, vous allez vous retrouver avec beaucoup de fils !!! Ensuite viennent les joysticks, contrairement aux boutons, je les insère coté intérieur, et je les visse à l’intérieur (pas forcément évident vu le peu de place, vous pouvez utiliser un tournevis avec rallonge flexible). Ensuite je visse les boules par l’extérieur. Ensuite reliez les câbles à la carte contrôleur. Chaque carte étant différente, je suis obligé de m’en tenir aux explications sur ma propre carte. Il faut surtout respecter la parité entre les 2 rangées de la carte contrôleur. Ici je ne peux pas me tromper, par exemple pour K1 je mets les câbles du premier bouton en haut à gauche du premier joueur. Je fais exactement la même chose avec le K1 de la seconde rangée avec le premier bouton en haut à gauche mais cette fois pour le second joueur. Et ainsi de suite… Pour les joysticks, sur cette carte les câbles sont brancher sur AD, AR, AU et AL. AD correspond à la droite, AL la gauche, AU le haut et AL le bas. Ensuite il faut fixer la carte contrôleur au sol, ici j’ai profité des trous pour la fixer avec des vis. Attention, vissez délicatement pour ne pas endommager la carte. De préférence placez la prise pour l’alimentation vers vous (coté arrière). L’écran Il est facile de trouver un vieil écran plat d’occasion sur Internet. Pour ma part j’en ai trouvé un pour 10 euros. C’est un écran VGA de 19 pouces. Le mieux serait de trouver un écran avec port HDMI mais c’est plus cher. Positionnez le dans le bartop comme vu dans le tutoriel précédent. Attention si comme moi vous avez un écran avec port VGA il vous faut un adaptateur VGA-HDMI car le raspberry ne supporte que le HDMI. Voici celui que j’ai utilisé qui fonctionne parfaitement: https://www.amazon.fr/gp/product/B00J63HWD0/ref=oh_aui_detailpage_o03_s00?ie=UTF8&psc=1 Les branchements Effectuez les branchements. Flèche verte: vers les haut-parleurs. Flèche bleue: vers l’écran Flèche rouge (fine): vers la carte contrôleur flèche rouge (épaisse): vers la prise de courant Je fixe également un petit multiprise sur laquelle seront branchés l’alimentation du Raspberry mais aussi celle de l’écran. Voici une photo globale des branchements: Après mise sous tension, la led de la Raspberry s’allume ainsi que celle de la carte contrôleur. Voilà c’est terminé pour la partie électronique du bartop.
- Supprimer Start.search.us.com
  
  Un article très complet sur la suppression de « Start.search.us.com », un malware qui s’installe sur votre machine et utilise son propre moteur de recherche sur votre navigateur, supprimant celui que vous avez mis par défaut. L’article est ici: https://malwaretips.com/blogs/start-search-us-removal/
- Files 2 Folder: ranger vos photos rapidement
  
  Prendre des photos c’est simple mais les ranger convenablement sur son disque dur, c’est une autre histoire ! Cette tache peut s’avérer très fastidieuse lorsqu’elles commencent à s’accumuler par dizaines, centaines voire milliers. Il faut créer un répertoire puis transférez les photos dedans. Et on recommence avec un autre répertoire et les photos suivantes, etc… Un petit logiciel freeware permet rapidement de ranger vos images en combinant les deux actions. Il se nomme Files 2 Folder. Vous pouvez le télécharger à cet endroit: https://skwire.dcmembers.com/wb/pages/software/files-2-folder.php Il faut noter que ce logiciel n’est plus mis à jour mais il fonctionne très bien (testé sous windows 10). La dernière version est la 1.1.7. Une fois téléchargé, installez le logiciel en cliquant sur le fichier « Files2folder » mais attention vous devez le faire en mode administrateur. Cliquez sur le bouton droit de la souris après avoir sélectionné le fichier pour ouvrir le menu contextuel puis choisissez « »exécutez en tant qu’administrateur ». Vous ne trouverez pas d’icone correspondant à l’installation de ce logiciel, il s’utilise en ouvrant le menu contextuel de Windows (bouton droit de la souris sur un fichier ou dossier) et en choisissant « Files 2 Folder ». Mais je le répète si vous n’effectuez pas cette installation en mode administrateur, « Files 2 folder » n’apparaîtra pas dans le menu contextuel. Voici un exemple d’utilisation. Dans un dossier j’ai plusieurs photos que je veux trier. Je souhaite mettre les photos prises à l’intérieur dans un dossier et les autres dans un autre dossier. Ici je sélectionne les photos prises en intérieur. Je rappelle juste que pour sélectionner plus fichiers sous Windows je laisse enfoncé la touche « CTRL » en bas à gauche de mon clavier et je clique sur les fichiers photos. Puis je clique sur le bouton droit de la souris pour ouvrir le menu contextuel et je choisis « files 2 folder ». Une petite fenêtre s’ouvre et je choisis la première option en mettant le nom du dossier que je veux. Je mets ici photos intérieur. Puis je valide. C’est fait ! Le logiciel a créé le dossier puis envoyé toutes les photos à l’intérieur. Je répète l’opération pour les autres photos… La fonction de ce logiciel semble toute bête mais il faut comprendre que pour trier des centaines de photos, grâce à quelques clics, le gain de temps est considérable et surtout le travail bien moins pénible.
- Website 2 APK: convertir votre site web en application Android
  
  Il existe différentes possibilités pour concevoir sa propre application Android. La progressive web app en fait partie. Il s’agit de développer un site web et de l’encapsuler dans une interface Android. Vous avez alors une application Android sur votre smartphone qui cache en fait un site web. C’est possible grâce à une fonctionnalité d’Android qui s’appelle le webview. Je vous propose un logiciel qui permet de générer l’application Android (fichier APK) à partir de l’adresse URL de votre site. Après avoir entré quelques paramètres, votre application est générée et prête à être transférée vers votre téléphone. Ce logiciel se nomme Website 2 APK Builder. Il s’agit d’un logiciel payant mais il existe une version gratuite tout à fait fonctionnelle qui peut suffire ou vous permettre de tester l’application avant de l’acheter. Le site officiel est ici: https://websitetoapk.com/download.html Voici l’écran principal de l’application: Nous allons voir un peu plus en détail cette interface. J’ai délimité les zones par des cadres de couleur. Cadre rouge Dans le cadre « project metadata », vous pouvez entrer le nom de votre application, choisir le répertoire dans lequel vous pourrez récupérer votre fichier APK généré, mais aussi si vous le souhaitez changer l’icone. Concernant le champ « Package Name », vous ne pouvez pas modifier le nom du package, il s’agit d’une fonctionnalité de la version payante. Cela pose un problème si vous souhaitez générer plusieurs applications pour un même téléphone. Cela sera tout simplement impossible. Cadre vert C’est dans ce cadre que vous entrez l’URL de votre site, précisez bien s’il s’agit d’un HTTP ou d’un HTTPS. Vous avez également la possibilité de personnaliser certaines pages de l’application Android (pas la partie web). Cadre bleu Vous pouvez ici personnaliser le splash screen (écran de chargement de l’application). Mais aussi activer/désactiver certaines fonctionnalités de l’application comme la confirmation de sortie, le bouton « home » ou encore le zoom. Lorsque tous vos paramètres sont réglés, il suffit de cliquer sur le bouton rouge « GENERATE APK ». Bien entendu, il sera toujours préférable de développer votre propre script sous Android Studio et de générer vous même le fichier APK. Mais je trouve ce petit logiciel très fonctionnel et facile d’accès, il peut suffire selon vos besoins.
Catégories
- Actualités (3)
- Applications Android (7)
- Boutique en ligne (7)
- Divertissement (5)
- IRC (39)
- Liens utiles (29)
- Logiciels (39)
- SOS informatique (25)
- Tutoriel (36)
- Webmaster (28)
Partenaires

Articles similaires

Laisser un commentaire Annuler la réponse