background preloader

20 tutoriels pour créer un menu original avec HTML 5 et CSS 3 - ressources

20 tutoriels pour créer un menu original avec HTML 5 et CSS 3 - ressources

Hover.css - A collection of CSS3 powered hover effects All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place. Licenses Hover.css is made available under a free personal/open source or paid commercial licenses depending on your requirements. Personal/Open Source For personal/open source use, Hover.css is made available under a MIT license: Use in unlimited personal applications Your application can't be sold Your modifications remain open-source Free updates Read full license Commercial For commercial use, Hover.css is made available under Commercial, Extended Commercial, and OEM Commercial licenses. Commercial License Purchase | Read full license Extended Commercial License

Programmation C sharp/Interfaces graphiques Un livre de Wikilivres. Code non vérifié ▲ Graphique vectoriel ▼Programmation C sharp/Interfaces graphiques Les applications de la plateforme .Net construisent leur interface graphique à partir de forms. Espaces de nom[modifier | modifier le wikicode] Les deux principaux espaces de nom de l'interface graphique sont : System.Windows.Forms Cet espace de nom contient les classes correspondant aux divers composants de l'interface graphique (fenêtre, bouton, label, ...). System.Drawing Cet espace de nom gère le dessin dans un composant (ligne, rectangle, texte, image, ...). Compilation[modifier | modifier le wikicode] Si l'application possédant une interface graphique n'a pas besoin de console, il est possible de la supprimer en spécifiant winexe pour le paramètre target dans la ligne de commande du compilateur : Une première fenêtre[modifier | modifier le wikicode] La fenêtre est gérée par la classe Form de l'espace de nom System.Windows.Forms. Source : Les propriétés des composants sont initialisées.

Page Web - page Internet - extension - langage de programmation - code Une page web ou page Internet est un document (un support) sur lequel on écrit dans un langage de programmation (code). Page Internet – Page Web Selon le type de page web (extension, support) que l’on utilise, le langage de programmation que l’on utilise peut être différent. L’affichage ( le rendu ) d’une page web se fait au travers d’un navigateur ( Internet Explorer, Firefox, Opéra, Safari, Google Chrome etc.). Rmq : Bien sur l’affichage d’une page web peut être réalisée autrement qu’avec un navigateur, mais nous ne détaillerons pas plus ici. Formation HTML - XHTML Apprendre le langage HTML ou XHTML Infos et inscription : Apprendre le langage HTML ou XHTML Formation les styles CSS Apprendre à créer des styles CSS Infos et inscription : Apprendre à créer des styles CSS Formation les bases de la programmation Les bases de la programmation vu avec le langage Java Infos et inscription : Les bases de la programmation Formation PHP / MySQL Apprendre à programmer en PHP / MySQL Formation base de données

Creative Gooey Effects A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components. View demo Download source Today we are going to show how to use SVG Filters to apply a gooey-like effect to HTML elements. We’ll first cover some basics of the technique and then we’ll demonstrate several creative use cases for common website elements, like menus, apps, selections, paginations and more. Please note that this effect is experimental and is only supported by modern browsers. Let’s first dive into SVG Filters and understand how to apply them. SVG Filters With SVG Filters we can modify a given source graphic with an operation (or more) and create an altered result. feBlendfeColorMatrixfeComponentTransferfeCompositefeConvolveMatrixfeDiffuseLightingfeDisplacementMapfeFloodfeGaussianBlurfeImagefeMergefeMorphologyfeOffsetfeSpecularLightingfeTilefeTurbulencefeDistantLightfePointLightfeSpotLight The result looks as follows: SVG Filters for HTML And we’re done!

Un modèle de cahier des charges pour votre site internet "Cahier des charges" peut désigner plusieurs types de documents et différents types de projets. Si vous lisez cet article, c'est probablement parce que vous cherchez un modèle qui vous permettra d'organiser votre projet de création de site Internet et de briefer les potentielles agences auxquelles vous pourriez faire appel. Un cahier des charges pourra être : envoyé à des professionnels pour leur demander une estimation,présenté à votre direction pour le faire valider,exposé à des investisseurs pour obtenir des fonds,etc. Un bon modèle de cahier des charges vous fait gagner du temps, professionnalise votre projet, maximise votre crédibilité et vous évite de passer à côté d'un sujet clé vital. Si c'est ce que vous recherchez, vous êtes au bon endroit. Choisissez le cahier des charges de site Internet qui correspond à votre projet ! Il vous faut... un site "Vitrine" C'est à dire un site internet pour présenter votre entreprise, ses services ou ses produits. Téléchargez le modèle Vitrine 1. 2.

Elastic Progress If you enjoyed this demo you might also like: Introduction aux méthodes agiles et Scrum Temps de lecture estimé : 15 à 25 minutes Vous avez surement entendu parlé des méthodes agiles ou de la méthode agile. D'ailleurs doit-on dire LA méthode agile ou LES méthodes agiles ? Certains la perçoivent comme une énième méthodologie à la mode, difficilement compatible avec leur contexte. Approche Agile plutôt que méthode Agile Si l'approche agile est nouvelle pour vous, il me semble important de partir sur de bonnes bases. Le terme "méthode" est trop réducteur pour parler de cette façon d'aborder la gestion de projet. On parle cependant de "méthodes agiles" pour définir les méthodes qui relèvent de ce courant. Une autre approche de gestion de projet Le terme "agile" définit une approche de gestion de projet qui prend le contre-pied des approches traditionnelles prédictives et séquentielles de type cycle en V ou waterfall (en cascade). Cette même enquête renouvelée en 2008 indique un taux de réussite de 35%, ce qui est plutôt positif mais demeure très faible. Témoignage client

Timing issues when animating with CSS3 Transitions at Mike Chambers I have been playing around a lot lately with motion graphics created using HTML5 and / or CSS3. One of my favorite new features is CSS Transitions, which makes it super simple to animate element properties between two states. However, I ran into a gotcha the other day, and wanted to make a quick blog post in case anyone else runs into it in the future. Basically, if you change a property that a CSS Transition is monitoring in the same script loop that you add the element to the DOM, the CSS Transition will not take affect. Here is an example that shows the issue, as well as how to fix it. <! First the relevant styles for the CSS Transition: Notice how when you click the example the cirlce just appears on the right, instead of appearing on the left, and then animating to the right as it should. Here is the relevant code that creates the div and updates it position: View / Download Code The solution, is to delay changing the properties that you want to animate by a short time interval.

Related: