Creative CSS3 Animation Menus Being in the mood for experimenting with CSS3, I'd like to show you some creative menu hover effects in today's tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We'll be exploring some different effects for the elements. View demo Download source Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. The icons used in the demos are actually a Web Symbols typeface that we’ll include with @font-face. The Markup The HTML structure for the menu will be an unordered list where each item is a link element that consists of an icon span and a content div that will contain the main title and the secondary title: The CSS Example 1
Expression du besoin - Le lab de Breek Découvrez comment nous avons permis à PPR de refondre son site institutionnel en 3 mois. Découvrez nos prestations au service de l'intranet de BNP Paribas. Cogedim Découvrez comment nous avons aidé Cogedim à créer son site web. Micromania Découvrez comment nous avons aidé Micromania à optimiser son taux de transformation. HTML5 Boilerplate, un template puissant et complet HTML5 Boilerplate est un template (HTML+CSS+JS+...) lancé par Paul Irish (Modernizr) et Divya Manian. Il contient toutes les bonnes pratiques du moment en terme de performances, de compatibilité inter-navigateurs, de JavaScript, avec un soupçon d'accessibilité (si utilisé à bon escient), voire de Flash. Une version sur-mesure peut être générée via Initializr. Vous retrouverez donc dans un zip tous les fichiers et sous-répertoires organisés pour débuter votre intégration avec d'excellentes bases. Attention, tout ceci relève d'un condensé d'expérience et de recommandations généralistes, par exemples celles définies par Yahoo et Google, il est possible que certaines ne soient pas applicables à votre site ou provoquent des effets non désirés, faites donc bien attention à comprendre tous les critères utilisés et dans quel but. Bien entendu d'autres sont à découvrir dans le code source, comme par exemples les indications pour les icônes Apple touch + favicon par exemple.
Conseils pour faire des pages HTML rapides et propres. Pourquoi suivre mes conseils ? D'après vous, qu'est-ce qui se passe quand un Internaute vient se connecter à votre page et qu'il faut 3 minutes pour qu'elle s'affiche, hum ? Eh bien il zap. Et même une fois que c'est chargé, à quoi ça sert de faire une page super-chiadée si de toute façon elle ne s'affiche pas correctement d'un navigateur à l'autre ? Voici quelques conseils qui vous permettront d'avoir des pages qui se chargent VITE et s'affichent correctement. Sachez qu'on estime qu'une page d'accueil doit s'afficher en 15 ou 20 secondes pour que l'Internaute moyen ne zappe pas. Quand vous faites vos pages, gardez l'esprit KISS (Keep It Simple Stupid) (rester simple). Un navigateur averti en vaut deux Dans toutes les images que vous mettez (<IMG SRC...> ), utilisez les tags ALT, WIDTH et HEIGHT. Donc, ne faites pas mais faites Pas encadrer un site Les frames permettent par exemple d'avoir des menus qui restent à l'écran, mais utilisez-les avec parcimonie. En avant les œillères !... Centrage
C XML Schema If you want yours listed here, please send an announcement to xmlschema-dev. Recent changes / news: 2010-01-05 generate bindings from XML Schema 2009-11-19 Python XML Schema Bindings 2008-01-06 Visual Schema 2007-12-12 Stylus Studio 2008 released 2007-11-13 CodeSynthesis XSD/e 2.0.0 released 2007-11-04 Saxon 9.0 2007-10-23 Liquid XML Studio 2008 2007-10-17 Intel XML Software 2007-09-20 XSD/e version 1.1.0 2007-09-17 XMLSpy/Altova 2007-09-03 Xerces-C++ 2.8.0 2007-08-22 LMX V3.4 2007-08-16 SchemaXpert 2007-08-01 CodeSynthesis XSD 3.0.0 2007-06-05 xchecker 2007-05-17 oNVDL 2007-05-08 oXygen XML version 8.2 2007-01-22 DocFlex/XSD 2006-11-28LINQ to XSD 2006-11-17SchemaAgent 2007 2006-10-18 XSDBench 2006-09-22XmlPad2006-09-21 ITCworks 2006-09-19 xnsdoc 1.2 - XML Schema documentation generator 2006-09-13BRICS Schematools 2006-09-07EditiX Altova XML (XML Spy) Version 2008 of the Altova XML product line is available 2007-09-17 More info and screenshots: Castor
Créer un site beau, dynamique et respectueux des standards Voici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de validateurs. Liens En français openweb.eu.orgCe site vous expliquera les normes du W3C et leur intérêt (avec de très nombreux exemples). www.allhtml.com Un grand classique avec de nombreuses astuces et références. Les erreurs de conception de site web à éviter à tout prix : sebsauvage.net Comment créer un site dynamique. A lire sur CCM En anglais www.alistapart.comDe nombreux articles sur des astuces pratiques pour vos sites web (comment faire des menus, des CSS spécifiques pour l'impression, etc www.csszengarden.com (Version française ) Une démonstration magistrale sur l'utilisation des CSS. www.w3schools.com Littéralement "l'école du W3C". Voici quelques règles à respecter pour faire un site qui soit clair. Top Ten Mistakes in Web Design Compléments
HTML 4.01 Specification Abstract This specification defines the HyperText Markup Language (HTML), the publishing language of the World Wide Web. This specification defines HTML 4.01, which is a subversion of HTML 4. In addition to the text, multimedia, and hyperlink features of the previous versions of HTML (HTML 3.2 [HTML32] and HTML 2.0 [RFC1866]), HTML 4 supports more multimedia options, scripting languages, style sheets, better printing facilities, and documents that are more accessible to users with disabilities. HTML 4 is an SGML application conforming to International Standard ISO 8879 -- Standard Generalized Markup Language [ISO8879]. Status of this document This section describes the status of this document at the time of its publication. This document has been reviewed by W3C Members and other interested parties and has been endorsed by the Director as a W3C Recommendation. This specification is a Superseded Recommendation. Available languages Errata
Hatch: Documentation - AlienWP If you are installing the theme on a site with already existing content (like posts), you probably need to recreate all image thumbnails! Otherwise they won’t be displayed with the correct sizes on the new theme. The good news is that you don’t need to do it manually – there are plugins that can do the job for you. A good one is Regenerate Thumbnails. Just run it AFTER installing and activating the new theme and wait till it completes its job. Usage Images take central place in Hatch. The following guide will lead you through the steps needed to achieve the site structure of the Hatch Demo site: How to create a Photo Gallery post Start a new post (“Posts ->Add New”), fill in a post title, and add a “Featured Image”. After all images are uploaded and processed (resized), click “Save all changes”. If you choose “Image File”, the resulting gallery will link the thumbnails to their larger versions. Note: It’s best if you just try the two options and see the difference for yourself.