background preloader

Animate.css

https://daneden.github.io/animate.css/

Related:  CSS ANIMATIONSwebdesign et cie

Petit tour d'horizon de l'animation sur le web (et ailleurs) Les animations prennent une grande place dans les interfaces utilisateur. Loin de n'apporter qu'un côté esthétique, elles augmentent la performance perçue, améliorent notre expérience en nous aidant à nous repérer et en guidant notre attention. Sur les applications natives, ces animations sont souvent plus naturelles que sur le web, et pour cause, beaucoup de leurs animations sont des springs. Configurer un VPS, installer Nginx, PHP et MySql sur Ubuntu 12.10 Ce tutoriel pour installer Nginx, PHP et MySql fonctionne sur tous les types de serveur que ce soit des VPS ou des serveurs dédiés. Le package LEMP (Linux, Nginx, MySql et PHP) est une meilleure alternative à LAMP qui concerne Apache. La principale raison est qu’Apache est trop gourmand en ressources et qu’on n’a pas toujours besoin de toutes les fonctionnalités d’Apache. En outre, les VPS pas chers coutent l’équivalent d’un hébergement mutualisé (à partir de 5 euros par mois), mais vous n’aurez que 256 Mo ou 512 Mo de RAM dans le meilleur de cas.

La gestion des cookies en JavaScript Les cookies ont été inventés par Netscape afin de donner une "mémoire" aux serveurs et navigateurs Web. Le protocole HTTP, qui gère le transfert des pages Web vers le navigateur ainsi que les demandes de pages du navigateur vers le serveur, est dit state-less (sans état) : cela signifie qu'une fois la page envoyée vers le navigateur, il n'a aucun moyen d'en garder une trace. Vous pourrez donc venir deux, trois, cent fois sur la page, le serveur considérera toujours qu'il s'agit de votre première visite. Cela peut être gênant à plusieurs titres : le serveur ne peut pas se souvenir si vous êtes authentifié à une page protégée, n'est pas capable de conserver vos préférences utilisateur, etc. En résumé, il ne peut se souvenir de rien !

Compatibilité des propriétés CSS dans les emails Le support de CSS dans les emails est assez catastrophique. Selon l'interface que vous utilisez pour lire vos emails (par interface j'entends client mails ou webmails), le résultat de l'email peut être tout à fait autre. De plus, comme vous pourrez le constater dans cet article, les points communs entre les diverses interfaces se font assez rares.

14 bibliothèques et outils CSS gratuits à utiliser sans hésiter De nombreuses ressources CSS open source sont disponibles sur le web pour vous aider à gagner du temps et à parfaire vos connaissances sur des spécificités du langage que vous ne maîtrisez peut-être pas encore. J’ai sélectionné dans cet article 14 bibliothèques et outils CSS gratuits qui viendront vous prêter main forte et vous faire gagner du temps lors de vos prochains projets web : outils, filtres photos, dégradés, couleurs, icônes, info-bulles, … 1. Hamburgers

Installation et test de NGinx sous Ubuntu NGinx est une des alternative au serveur Web Apache (il est actuellement utilisé par plus de 6% des serveurs Web). Il se targue d'être plus rapide, plus léger et facile à configurer. Nous allons vérifier tout cela dans ce billet en détaillant une installation de NGinx 0.8.54 (Stable) sur une machine GNU/Linux (Ubuntu Desktop 10.10) avec en bonus le support FastCGI de PHP et de Perl ! FAQ JavaScript Pour IE, il existe un attribut lors de l'ouverture des pop-ups qui peut préciser que la fenêtre doit être ouverte en plein écran : fullscreen=1. Pour les autres navigateurs, ce code peut faire l'affaire : var fen = window.open('fenetre1.html','', 'toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0,fullscreen=0'); fen.moveTo(0,0); fen.resizeTo(screen.width,screen.height);

▶ La Liste Complète des Agences à Paris [+1000 Contacts] Les Agences à Paris : recherche d’agence, recherche de prestataire, recherche de contacts : voici la liste des Agences Web et Agences marketing et communication à Paris. Ayant moi-même souvent recherché des consultants, prestataires et agences spécialisées dans ces domaines, je donne donc accès à cette base de données des agences conseil, agences de communication, agences web, agences médias et agences marketing à Paris. Cette liste est incomplète, cela me semble évident mais elle vous fera néanmoins sans doute gagner du temps. Ajoutez vos contributions dans les commentaires afin de compléter ensemble cet annuaire des agences à Paris.

Snippets CSS et Javascript : 14 animations étonnantes à découvrir C’est étonnant les résultats que l’on peut obtenir avec quelques lignes de CSS et de Javascript ! Les 14 snippets sélectionnés dans cet article vont du simple loader à de véritables mini-scènes d’animation en passant par des titres animés. Vous pouvez ainsi découvrir les coulisses de ces animations et réutiliser des bouts de codes pour créer vos propres animations ! nginx Nginx (Engine X, prononcez [n-gèn-x]) est un serveur Web asynchrone écrit par Igor Sysoev pour les besoins d'un site russe à très fort trafic. Il peut être configuré pour faire office de serveur reverse proxy Web et de serveur proxy de messagerie électronique (IMAP/POP3). Une partie de la documentation a été traduite du russe vers l'anglais puis vers le français. Ses sources sont disponibles sous une licence de type BSD. Installation Deux dépôts proposent les installateurs du serveur Nginx: le dépôt stable et le dépôt développement.

Sélecteurs d'attribut - CSS Résumé Les sélecteurs d'attribut ciblent un élément en utilisant la présece d'un certain attribut ou de la valeur d'un attribut. [attr] skewX() - CSS - Fonction Définition de la CSS skewX(). La fonction de transformation CSS skewX() de la propriété Css transform permet d'incliner horizontalement un élément HTML. transform : skewX(60deg); // identique à transform : skew(60deg, 0deg); transform : skewX(1.047198rad); transform : skewX(66.666667grad); transform : skewX(0.166667turn); La fonction de transformation skewX(X) CSS accepte comme argument : X : nombre représentant la distorsion horizontale suivi d'une unité d'angle CSS (deg, rad, grad, turn).Si la valeur de X est égale à 0 suivie d'une unité d'angle, c'est la forme d'origine.X est une valeur comprise (si nous parlons en unité degré) entre -360deg et 360deg.

Les techniques de l'intégrateur : l'illustration animée en CSS #2 Deuxième article des techniques de l'intégrateur centré sur l'illustration animée en CSS. Au programme : un tour d'horizon des techniques les plus importantes à connaître pour créer des illustrations complexes en CSS. Illustrations animées en CSS : Tour des techniques les plus fréquentes Cet article est la suite de l'article Nouvelle formule pour les inspirations pour intégrateurs #83 : Illustrations CSS. Si vous ne l'avez pas lu, allez donc y faire un petit tour avant de continuer cet article.

Banques d’images et d'icônes sous licence libre pour vos documents éducatifs. Plutôt que de perdre des heures à tenter d'obtenir les droits des images, à élaborer un ensemble d’icônes ou encore de reproduire des clip-arts peu esthétiques ou adaptés à vos besoins, voici plusieurs banques d'images et d’icônes libre de droits et bien alimentées. D’abord la plus impressionnante : Wikimedia Common Quelques millions d’images par sujet ou par thème et aussi, comme sous domaine, Pour les développements informatiques

Related:  Transitions/Animations/EffectsWebmasterUseful toolsCSSweb dev.CSS 3Webdesign ToolsHTML+CSSanimationsAnimations TransitionsWeb DesignWebDesignAPPSToolstransitions (comprendre les)