background preloader

HTML Tags

HTML Tags
Related:  HTML - CSS - PHPhtml5 cssHTML

Blog : 14 outils pour être plus efficace Il est loin le temps où les seuls blogs qui fleurissaient sur internet faisaient office de journaux intimes électroniques où les adolescents y déversaient leurs expériences, leurs sourires et leurs larmes. Le blogging est devenu en quelques années un sujet solide, sérieux, et même un levier d’action pour les entreprises en termes de webmarketing. On y créé du contenu élaboré, on partage des informations importantes, on travaille une image de marque et le blog s’impose finalement peu à peu comme un outil de communication à part entière. Pour trouver l’inspiration Quand la peur de la feuille blanche s’installe un peu trop durablement, il est bon d’élargir ses champs de recherche et de recharger ses batteries intellectuelles. Quora Très populaire outre-Atlantique, c’est un réseau social de questions/réponses extrêmement bien construit. Portent Title Maker Parfois, on a le sujet ou une idée sur un thème générique, mais on tourne en rond sur comment traiter ce sujet. Twitter trending topics

11 Free jQuery CSS3 Navigation Menu Plugins These days, jQuery Navigation menus are more than plain texts with links on it. With the command of jQuery, it can transform the menu of a web site into a dynamic menu. Despite the fact that CSS3 can now be utilized to make dynamic menu, still, the query includes more functionality to the menus. Aside from the element functionalities, the design should likewise be considered. You Might be interested on : Free jQuery Sliders and jQuery autocomplete Tutorials. Mmenu Demo || Download The best jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp. Sidr Demo || Download The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive. slimMenu Demo || Download slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. HorizontalNav Demo || Download HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container.

PXtoEM.com: PX à la conversion EM en toute simplicité. Html 5, simple y claro 55 - CSS3 Animation Effects Demos I created 55 CSS3 animation demos for your website/blog etc. Using CSS3 keyframe property, you can create cool animation effects without using any JavaScript frameworks, CSS3 & HTML5 is helping to solve many web problems in a simple way. For any help visit my website : www.pawanmall.net Related:

Popup Sliders | Dottoro Slider Demo Since popup slideshows are needed on almost every website, the theme comes with a couple of predefined popup slideshows that are designed to meet the most common needs. They are fully responsive meaning they auto-adjust depending on the screen size of the device in both directions, horizontally and vertically. Builtin popup slideshows are readonly, but with the help of premade slider configurations (profiles) you can easily create custom ones. Check out the predefined popups slideshows by clicking on the plus sign appearing over the images. How to add an image to the content of a page/post that opens a popup slideshow when the user click on it? Examples: 1, Image inserted through the media dialog: 2, Popup Opener shortcode: Open Gallery Popup [popup_opener galleries="0:nature-1" gallery_popup="dottoro_basic" nested_shortcode="button"][button]Open Gallery Popup[/button][/popup_opener] Custom Gallery Popup You can easily create custom gallery popups. Open Custom Gallery Popup

Les microformats et microdata apportés par HTML5 Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations. Bien que les microformats existent depuis 5 ou 6 ans, ce n’est qu’avec l’arrivée de HTML5 que la profession et les outils sont suffisamment mûres pour commencer à les exploiter réellement. Nous allons essayer de nous concentrer sur les microformats et, surtout, les microdata apportées par HTML5. Cet article a été rédigé par Geoffrey Crofte, intégrateur et designer web chez Alsacréations et pour son petit studio Creative Juiz. Présentation Faisons les présentations avant de nous attaquer à du code. HTML5 apporte de nombreux nouveaux éléments qui viennent renforcer le sens des composants de votre page. Fil d’ariane et note transportés par microdonnées Les microformats Voici un exemple de code un peu plus parlant : Les microdonnées Rendu :

HTML5 This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. This document was published by the Web Platform Working Group as a W3C Recommendation for HTML 5.2 that would obsolete the HTML 5.1 Recommendation. All interested parties are invited to provide implementation and bug reports and other comments through the Working Group's Issue tracker. The implementation report produced for this version demonstrates that in almost every case changes are matched by interoperable implementation.

16 CSS Lessons via Post-it® Notes 16 CSS Lessons via Post-it® Notes Cascading Style Sheets Operate on Inheritance CSS has a ancestor-descendant relationships. 2. If an element is defined in more than one place within CSS, the last definition overrides the previous. 3. For every HTML element to be styled, a corresponding CSS selector must be assigned. 4. Websites can be broken down into components or divs for layouts. 5. Likewise, structuring a site also follows the tree methodology. 6. Elements that stretch across the full width of a page are block elements. 7. There is also such a thing as setting display: inline-block to create a uniform grid. 8. All CSS elements are based on this model. 9. Margins push out around an element. 10. Padding pushes inward on content. 11. Setting margins to auto for right & left is a handy way of centering. 12. Max-width prevents the value of the width property from becoming larger than max-width. 13. 14. 15. 16.

Compositing and clipping - Web APIs In all of our previous examples, shapes were always drawn one on top of the other. This is more than adequate for most situations, but it limits the order in which composite shapes are built. We can, however, change this behaviour by setting the globalCompositeOperation property. In addition, the clip property allows us to hide unwanted parts of shapes. globalCompositeOperation We can not only draw new shapes behind existing shapes but we can also use it to mask off certain areas, clear sections from the canvas (not limited to rectangles like the clearRect() method does) and more. globalCompositeOperation = type This sets the type of compositing operation to apply when drawing new shapes, where type is a string identifying which of the twelve compositing operations to use. See compositing examples for the code of the following examples. Clipping paths A clipping path is like a normal canvas shape but it acts as a mask to hide unwanted parts of shapes. clip() A clip example draw();

Première maquette web : comment faire ? Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases. Exprimez tout en pixel : l’unité de mesure, sur le Web, est le pixel, point élémentaire de l’écran, et non pas le pica, le point ou le centimètre pour lesquels il n’existe pas de conversion et qu’il faut donc oublier. Commencez par fixer la largeur de la page. Vous pouvez maintenant commencer à composer votre première maquette web, en partant du bon pied, sur des bases correctes : pixel, bitmap, RVB, 72 dpi, etc. Un conseil : faites moultes captures d’écrans des sites qui vous inspirent et découpez-les dans un logiciel graphique. Que livrer ?

HTML5 Tutorial | HTML 5 Tutorial

Related: