Everything you need to know about Loading Animations A brief history of loading animations. For such type of feedback, designers use progress bars, loading indicators, preloaders or spinners. They explain to users when something is happening or loading and ideally reduce mental waiting time. When do you think designers start thinking about that type of feedback?I was surprised to see articles on Nielsen Norman, mentioning response times and loading animation is 1993 (with the reference to 1985 resources): In cases where the computer cannot provide fairly immediate response, continuous feedback should be provided to the user in form of a percent-done indicator [Myers 1985, “ The importance of percent-done progress indicators for computer-human interfaces.”].
Tutoriel SVG - SVG SVG, pour Scalable Vector Graphics (ou encore Graphismes vectoriels redimensionnables), est un langage basé sur le XML du W3C qui permet de définir des éléments graphiques avec des balises. Ce langage est plus ou moins implémenté dans Firefox, Opera, les navigateurs à base de Webkit, Internet Explorer et les autres navigateurs Web. Ce tutoriel a pour but d'expliquer les mécanismes internes de SVG et regorge de détails techniques. Si vous souhaitez juste dessiner de belles images, vous trouverez plus facilement votre bonheur sur la page de documentation d'Inkscape. Le W3C fournit également une bonne introduction au format SVG, en anglais. Note :
Comprendre z-index et les contextes d'empilement Cet article est une traduction de What No One Told You About Z-Index écrit par Philip Walton le 22 décembre 2012. Ce que personne ne vous a dit sur z-index Le problème avec z-index, c’est que très peu de personnes ont réellement compris son fonctionnement. Ce n’est pas très compliqué, mais si vous n’avez jamais pris le temps de lire la spécification, il y a certainement des aspects cruciaux qui vous ont échappé.
Le SVG Version en ligne Table des matières Le SVG Vous avez toujours rêvé de faire du Flash, mais vous ne voulez pas acheter de logiciel à 700 $ ? Ce tutoriel est fait pour vous ! Le SVG, abréviation de "Scalable Vector Graphics" (graphiques vectoriels adaptables), est un langage simple qui permet de créer des dessins vectoriels avec rien de plus que... le Bloc-notes ! Développeur web front-end - Apprendre le développement web Bienvenue dans notre parcours d'apprentissage pour les développeurs Web front-end! Ici, nous vous proposons un cours structuré qui vous apprendra tout ce que vous devez savoir pour devenir un développeur Web front-end. Parcourez simplement chaque section, en apprenant de nouvelles compétences (ou en améliorant celles existantes) au fur et à mesure. Chaque section comprend des exercices et des évaluations pour tester votre compréhension avant d'aller de l'avant.
Let's Encrypt Tutorial SiteGround has been supporting the Let’s Encrypt global initiative for creating free SSL certificates for everybody from its beginning. We automatically issue and install a free certificate for the majority of the domains that are pointed to our shared servers and we allow one click installations for domains on cloud and dedicated accounts. Now, all of our customers can also install free Let’s Encrypt Wildcard to any of their domains pointed with us. How to see the Let's Encrypt certificates issued for your account? To access the Let's Encrypt certificate tool, log in to your cPanel and click on the Let's Encrypt icon in the Security tab. Mémento des balises HTML - Apprenez à créer votre site web avec HTML5 et CSS3 Cette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines dans le cours, mais il y en a d'autres que nous n'avons pas eu l'occasion d'étudier.
Structures et sections d'un document HTML5 Cette page présente la manière dont les navigateurs définissent la structure d'un document à partir de son fichier HTML. Structure et document outline Le terme anglais "document outline" ou "document outlines" désigne la structure d'un document générée à partir de ses titres. Cette structure permet une fournir aux usagers une vision simplifiée du document, tel un sommaire ou une table des matières.