Catégorie "design"


** Désolé pour les problèmes de son **

Dans cette vidéo, je vous montre comment créer un site Internet plus rapidement et plus facilement à l'aide d'un framework front-end (aussi appelé "kit CSS").
Il ne s'agit en fait que d'un ensemble de fichiers CSS et javascript permettant de démarrer un site sur des bases solides, en étant sûr que son site va bien s'afficher sur tous les navigateurs et sur tout type d'écran.

Dans ce tutorial, nous allons créer ensemble une première page HTML qui utilise Ministrap (mon framework open-source léger inspiré de Bootstrap). Nous allons inclure les fichiers du framework, et créer les différents codes nécessaires à la bonne disposition des éléments dans la page. Nous allons aussi créer des boutons et un système d'onglets.

Lire la suite



13 juin

Magic est une feuille de style qui comporte une vingtaine d'effets d'animation CSS3. Pour animer un élément de la page, il suffit de lui ajouter la classe correspondante (par exemple, avec jQuery).

Lire la suite



22 avril

Flag Sprites est un site qui permet de générer facilement des sprites CSS de drapeaux de pays.

L'utilisation de sprites CSS est une méthode d'optimisation des performances qui fonctionne sur la réduction de nombre de requêtes faites au serveur. Au lieu de faire un appel serveur par fichier image, les images sont regroupées dans le même fichier, et le découpage des différentes parties de l'image "sprite" est fait en CSS via les propriétés de taille et de background-position.

Le site Flag Sprites permet de télécharger directement une sprite CSS de l'ensemble des drapeaux du monde, ou de générer sa propre sprite avec uniquement les drapeaux que l'on souhaite.

Lire la suite