background preloader


Facebook Twitter

Hotlink - Htaccess de protection contre le vol d'image. Comment ça marche ?

Hotlink - Htaccess de protection contre le vol d'image

En gros vous dites à votre serveur : Si un site qui n’est pas le mien et qui n’est pas Google vient se servir sur mon site, afficher cette image à la place. Et sur l’image, vous mettez ce que vous voulez, moi j’ai mis "contenu volé sur le site ... ". Car en général, lorsque les images sont volées, il y a toutes les chances pour que le texte le soit aussi, dans mon cas, c’est également tout le texte qui est pompé avec... Après l’installation de ces quelques lignes sur le .htaccess, soit les sites ont disparu carrément de Google, soit cette image s’affiche et ça plombe bien au moins l’image du site et allège votre serveur.

Comment apprendre à créer un site internet. Open Archives Initiative. W3Schools Online Web Tutorials. Chrome 26 Beta: Template Element & Unprefixed CSS Transitions. Today’s Chrome Beta channel release includes a slew of awesome new features to help you make your web apps more powerful and beautiful. Unless otherwise noted, all updates apply to Chrome for Windows, Mac, Linux and Android. The <template> element is part of Web Components , a set of cutting edge standards that will make it possible to build reusable widgets for the web. The element allows you to store HTML fragments that you intend to use for any reason at any time during the lifetime of your page, but that aren’t ready or shouldn’t be used during page load.

Here’s an illustrative code snippet from the HTML5 Rocks article : 301 Redirect - How to create Redirects - htaccess redirect. 301 Redirect 301 redirect is the most efficient and Search Engine Friendly method for webpage redirection.

301 Redirect - How to create Redirects - htaccess redirect

It's not that hard to implement and it should preserve your search engine rankings for that particular page. If you have to change file names or move pages around, it's the safest option. The code "301" is interpreted as "moved permanently". You can Test your redirection with Search Engine Friendly Redirect Checker Below are a Couple of methods to implement URL Redirection via code and htaccess redirect. Free .htaccess Redirect Generator. En savoir plus - Extension Chrome pour développer - Journal du Net Développeurs. Tutoriel sur le sitemap Google pour les images. Par Olivier Duffez, Lundi 12 avril 2010 Depuis le temps qu'on attendait un moyen de faciliter le crawl et l'indexation des images, voilà qu'enfin Google rajoute la possibilité d'indiquer des URL de fichiers image dans les sitemaps XML.

Tutoriel sur le sitemap Google pour les images

Explications... Propriétés CSS de Webkit. Des bulles de dialogue en CSS3 sans image. CSS For Bloggers: Part 7 - The Link Medic - Free Blogging Resources. In Part 6, Learn the Anatomy of a Blogger Template I discussed a little about the basics of a standard Blogger template’s CSS setup.

CSS For Bloggers: Part 7 - The Link Medic - Free Blogging Resources

It was meant as a visual representation of how a CSS layout looks for beginners and a bit of a quick Thesis cheatsheet. But what if your Blogger template is radically different or you’re on WordPress or any other blog platform? Today I’m going to show you how to identify the CSS elements on any template using a very handy browser add-on called CSS Viewer I was debating putting this post as a Chrome Extension Must Have but it was originally a FireFox addon. Not only that, it ties in to my last CSS For Blogger’s post as well. CSS Viewer is a simple to use CSS property viewer that allows you to quickly find the name of the element you want to tweak. If you didn’t design the template then this can sometimes be a daunting task of viewing the source code and getting creative. CSS Hacks. Dealing with browser inconsistencies often makes up a majority of the work for a web designer.

CSS Hacks

Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when the circumstances require hacks to be used, it's best to know what your options are and weigh the consequences appropriately.

The purpose of this article is to describe some of the CSS hacks, also called CSS filters, with the least significant potential consequences. Google HTML/CSS Style Guide. Strictly keep structure (markup), presentation (styling), and behavior (scripting) apart, and try to keep the interaction between the three to an absolute minimum.

Google HTML/CSS Style Guide

That is, make sure documents and templates contain only HTML and HTML that is solely serving structural purposes. Move everything presentational into style sheets, and everything behavioral into scripts. In addition, keep the contact area as small as possible by linking as few style sheets and scripts as possible from documents and templates. Separating structure from presentation from behavior is important for maintenance reasons. It is always more expensive to change HTML documents and templates than it is to update style sheets and scripts.

Inclure un fichier dans une page HTML sans utiliser <iframe> Couleurs du Web. Un article de Wikipédia, l'encyclopédie libre.

Couleurs du Web

XHTLM & CSS - Apprenez à créer votre site web ! The History of CSS Resets. When artists begin a new painting, they don’t immediately reach for the cadmium red and the phthalo blue. They first prime the canvas . Why? To ensure that the canvas is smooth and has a uniform white hue. Many web designers prefer to use a CSS "reset" to "prime" the browser canvas and ensure that their design displays as uniformly as possible across the various browsers and systems their site visitors may use. A Comprehensive Guide to CSS Resets. This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.

A Comprehensive Guide to CSS Resets

While almost all of these CSS resets are generally provided free for public use (many through Creative Commons licensing), it is incumbent upon you to check the terms of use before putting them to use in your projects. This guide follows Part 1, where the history of CSS resets was discussed; you’re advised to read that before this one to get the most out of this guide.

This is Part 2 of a three-part series of articles on the topic of CSS resets. In putting together this guide, the 2007 collection of resets by Jeff Starr — who, as an aside, has contributed articles on Six Revisions — was used as a jumping-off point. "Hard" Reset. Should You Reset Your CSS? This article explores the ongoing debate on whether or not web designers and web developers should reset their CSS, sharing the thoughts and opinions of several web professionals.

Should You Reset Your CSS?

This is a three-part series of articles on the topic of CSS resets. After discussing the rich and interesting history of CSS resets (Part 1) and going over CSS reset stylesheet options (Part 2), we will now discuss the pros and cons of using reset stylesheets here in Part 3. W3Schools Online Web Tutorials. HTML/CSS. Quelques notes sur XHTML et CSS, au fil de l’eau… Quelques notes, beaucoup de liens (et un peu de mauvaise foi) sur HTML5. Objects, Images, and Applets in HTML documents. 13.1 Introduction to objects, images, and applets HTML's multimedia features allow authors to include images, applets (programs that are automatically downloaded and run on the user's machine), video clips, and other HTML documents in their pages.

Objects, Images, and Applets in HTML documents

For example, to include a PNG image in a document, authors may write: <BODY><P>Here's a closeup of the Grand Canyon: <OBJECT data="canyon.png" type="image/png"> This is a <EM>closeup</EM> of the Grand Canyon. </OBJECT></BODY> Previous versions of HTML allowed authors to include images (via IMG) and applets (via APPLET). They fail to solve the more general problem of how to include new and future media types.

To address these issues, HTML 4 introduces the OBJECT element, which offers an all-purpose solution to generic object inclusion. The new OBJECT element thus subsumes some of the tasks carried out by existing elements. About rel="canonical" - Webmaster Tools Help.

This article describes how you can use canonical URLs to improve link and ranking signals for content available through multiple URL structures or via syndication. In the world of content management and online shopping systems, it's common for the same content to be accessed through multiple URLs. With content syndication, it's also easy for content to be distributed to different URLs and domains entirely. For example: While these systems make it more convenient to develop and distribute content, they cause some challenges when people use search engines to reach your page. For instance: Consolidating link signals for the duplicate or similar content.

HTML 4.01 / XHTML 1.0 Reference (by Tags) HTML doctype declaration. HTML Attributes. HTML / XHTML Standard Attributes. HTML object tag. CSS Syntax. CSS Examples. HTML / XHTML Standard Event Attributes. Global Event Attributes HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element.

To learn more about programming events, please visit our JavaScript tutorial. Below are the global event attributes that can be added to HTML elements to define event actions. = New event attributes in HTML5. HTML Examples. Savoir comment utiliser les sélecteurs CSS 2.1 et les nouveautés CSS 3.


JQuery. CSS. Zoom d'images avec les CSS. CSS Positioning Properties. CSS Margin Properties. Image qui se deplacer avec la souris ☼ DIV/LAYER MOBILE COMME UNE FENETRE , Source N°16225 Javascript / J'ai monté ce script avec plein de bout de code trouver ici et la. ce script permet de creer une fenetre deplacable avec la souris avec les leyers. le script est compatible ie4 et + , ns4 et + . pour deplacer cette fenetre utilisez la barre marron (barre de titre, meme deplaement qu'une fenetre OS). pour afficher une image dans cette fenetre liquez sur un lien image1.gif ou image2.gif. pour cacher l'image chargée, cliquez sur O ds la barre de titre (idem pour la faire reaparaitre)

CSS: Specificity Wars. CSS: Specificity Wars Join me, and together we can rule the galaxy as father and geeks! A few weeks back in Cupertino, I saw Aaron explain how the specificity of CSS selectors is calculated in a way which I hadn't seen before. CSS display: inline-block. Inline-block dans tous les navigateurs modernes? Mise en page CSS avancée via propriété display.

Gérer les débordements de contenu grâce à CSS - Alsacréations. Les sprites CSS - Alsacréations. Clearing a float container without source markup. Everything you Know about Clearfix is Wrong. Des styles spécifiques dans un menu - Des styles spécifiques dan. Que pensez-vous de HTML 5 ? - les avis sur Journal du Net. Avis d’expert : Applications ou Web App : la question se pose au.

Les principales nouveautés de HTML 5 - HTML5 sur Journal du Net. Générer des boutons en CSS. Signaler les liens externes via CSS.