Les animations en CSS semblent être un peu hors du cadre pour les débutants en CSS. La philosophie, la syntaxe, c’est complètement différent du CSS de propriété et valeur qu’on connait tous.

Animation en CSS3

Avec les animations en CSS, il faut commencer d’abord par définir les règles Keyframes, qui sont autrement dit, les phases de transitions que votre animation va devoir passer

Et c’est après la définition du keyframes que l’habitude du CSS ordinaire se reprenne. Les propriétés et valeurs.

Tester ce code

Se répéter dans le but d’apprentissage n’est pas mauvais mais dans un cadre professionnel n’est vraiment pas évident si ce n’est nécessaire.

Animate.css

Découvrez avec moi dans cet article animate.css, une petite librairie CSS qui regroupe plusieurs animations utilisable facilement avec l’appelle des classes CSS prédéfinies !

Installation

Tous ce que vous avez à faire c’est d’inclure le fichier animate.css dans le head de votre document HTML et le tour est joué.

Utilisation

L’utilisation est simple. Tous vos éléments ou balises HTML à animer doivent avoir deux classes.

  1. animated
  2. Le nom de l’animation que vous voulez utiliser, à retrouver dans ce lien

Exemple

Tester ce code

Listes de nom des animations

Voulez-vous faire un formulaire d’auto complétion avec HTML5 ? Dans cet article je veux vous présenter comment le faire sans trop d’effort. Habituellement, pour faire une telle chose, on fait recourt au Javascript mais ce dernier a une réputation d’être difficile à prendre à main.

Système d’auto complétion, KEZAKO ?

N’allons pas par quatre chemins, un système d’auto complétion c’est du genre ça

facebook auto complétion

Ou ça

auto complétion google

Bref, cela complète le terme qu’on écrit au fur et à mesure qu’on écrit le terme.

Auto complétion en HTML5

En HTML5, c’est très simple de faire un système d’auto complétion. Avec la balise datalist, vous pouvez lister les éléments avec la balise option de la même manière que ça se fait avec la balise select

Après vous avez besoin d’un input de type text ou search par le quel vous allez indiquer l’attribut list qui aura comme valeur l’id de la balise datalist précédent.

Le code complet est donc

Exemple :


Remarques

Cette manière de faire bien que très simple mais a certains désavantages. Pour par exemple faire un système d’auto complète de données statique, ce système sera suffisant. Par exemple, l’auto complétion des villes, communes; mais quand c’est une base de données dynamiques comme les articles d’un blog ou bien évidemment le cas de Google ou Facebook dans les images ci-haut, malheureusement il n’y a pas de choix que de faire recourt à JavaScript et l’API Ajax. Vous pouvez utilisez cette librairie jQuery EasyComplete qui est facile à mettre en place.

Si Google play vous plaît pas, ou l’application que vous cherchez ne se trouve pas dans Google play ou encore vous voulez télécharger l’application dans le téléphone ou Ordinateur A pour l’installer dans le {téléphone | smartphone} Android B, vous devriez sans doute chercher les sites fiables de téléchargement de APK. Comme les .exe sous Windows, les .apk sont des fichiers installateurs des applications android. Télécharger Sur Google play, on est confiant parce que c’est la maison mère mais télécharger les apk à l’extérieur de Google play si ce n’est du propriétaire de l’application reste encore une pratique non rassurante.

Dans la suite de cet article, je vous donne les sites confiants de téléchargement d’applications android en format .apk

UptoDown.com

Est un site qui regorge plusieurs applications android indexées dans différentes catégories facile à explorer. Les applications iOS et Windows aussi y sont.

>> Site uptodown.com 

Commentcamarche.net

Avec différents services qu’il offre, commentçamarche permet aussi le téléchargement des applications android en format .apk depuis ses serveurs.

>> Site commentcamarche.net

Mob.org

Parmi mes favoris sites, mob.org met en téléchargement gratuit plusieurs applications de différents plateformes dont Android y compris.

>> Site Play.mob.com

AppsApk.com

AppsApk dispose aussi de plusieurs applications téléchargeable en format apk dont parmi elles d’autres n’y figurent pas dans Google play

>Site appsapk.com

Androidapksfree.com

>> Site androidapksfree.com