background preloader

Material Design Lite

Material Design Lite

https://getmdl.io/

Related:  FRAMEWORKS & LIBRARIES JavaScriptCSSdesign

Mootools en 30 jours : jour 1 - Introduction Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2. Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2. Créer un fichier JavaScript externe et faire le lien vers celui-ci dans votre : A partir de là, vous pouvez utiliser l'une ou l'autre des méthodes.

Style CSS - Accueil Index des styles Présentation L'acronyme CSS tient pour Cascading Style Sheets ou encore feuilles de style en cascade. Qu’est-ce que le Material theming ? Une évolution du Material design Material Design fait peau neuve avec une version 2.0 À compter de février 2018, plusieurs indices ont laissé penser qu’un Material Design 2 était en préparation. La communauté des développeurs a d’abord remarqué un commit où il était question d’un Material Design 2. Lorsqu’il a été rouvert, il n’était plus question que d’une interface utilisateur optimisée pour le tactile. Simplifier vos vues avec KnockoutJS : c'est plus simple que vous pensez Dans quelques instants, je vais vous présenter une méthode pour simplifier le développement de vos vues grâce à un framework Javascript qui va vraiment vous apporter du changement dans votre manière de travailler. Vous avez sûrement déjà essayé de coder des interfaces graphiques complexes avec des mises à jour dans tous les sens… Si je change cette dropdown, il faut mettre ce champ là à jour… Bref, nous connaissons tous ce type de mécanisme dans le Web. Pour mettre en place cette logique d’affichage, le plus simple est d’écrire du code Javascript et de le lier à des évènements des composants sur la page (par exemple l’évènement Change d’une Dropdown list ou d’une Textbox). Seulement voilà, écrire du code comme ceci « à la main » fonctionne bien quand vous avez 2 ou 3 règles à gérer.

Web Developer - Le coin du Webmaster - Logiciels Libres L’installation de l’extension Web Developer est identique aux autres extensions de Firefox. L’interface est francisée (choisir « Localized Version » sur la page « Download » du site de l’auteur, si la fenêtre d’installation de l’extension n’apparaît pas, vérifier que Firefox autorise l’ouverture du popup pour le site considéré). Redémarrez votre navigateur préféré, clic droit dans la barre des menus puis choisissez "Barre d’outils Web Developer". Une nouvelle barre d’outils apparaît.

Qu’est-ce que le material design ? Définition Material Design Google Le Material design est un langage visuel et interactif créé par Google. Mais c’est aussi un guide pour concevoir une interface graphique (Design system). Ce design est « matériel » car il s’inspire d’objets réels, le papier et l’encre ce en quoi, il se distingue du Flat Design. Google a utilisé le Material Design pour unifier le style graphique de ses applications et de ses plateformes. 20 bibliothèques et plugins JavaScript gratuits à ne pas rater - Blog Tuto.com Dans cet article, vous ne trouverez pas d’outils massifs et complexes, seulement des bibliothèques et plugins JavaScript gratuits aux fonctions très précises, faciles à utiliser. Au programme : création de sliders, de menus, d’animations, de graphiques … mais aussi d’effets atypiques comme des favicons qui changent quand l’utilisateur quitte votre site (iMissYou), ou encore l’apparition de notes en marge d’un texte au survol de la souris (Marginotes). 1. Choreographer-js Une bibliothèque simple qui vous aidera à réaliser des animations complexes.

FOIRE AUX QUESTIONS (X)HTML - CSS Auteur : gcyrillus Comment empecher un "block" de passer sous un flottant ? D'abord un petit blabla a propos de ces "satanés " flottants. Paula Scher Photographie du portrait : © Christian Witkin – « Quintessence du New York survolté et créatif, Paula Scher fait sans conteste partie des meilleurs graphistes de sa génération. Depuis plus d’une quarantaine d’années, elle ne cesse d’interroger, au sein de ses affiches et compositions typographiques monumentales, les relations entre le texte et l’image. » – cit. pyramyd-editions.com – « Bam ! Les affiches de Paula Scher sonnent souvent comme une grande claque en pleine figure.

Présentation de backbone.js Backbone.js est un cadre applicatif pour les applications à forte teneur en javascript. Backbone.js peut se définir comme un framework MVC mais pas au sens classique du terme. Ici le C représente des Collections d’objets.

Related: