CSS3 Create - Démos, tutoriels et expériences CSS3 : menus, galerie photos, interfaces web. Combine Images - Free Online Tool Online tool to merge some images into one. Up to nine images can be combined. (Up to three horizontally, up to three vertically) Up to nine texts can be added. This tool can generate images with width and height of up to 8,000 pixels each. If width/height of the loaded image is larger than 4,000 px, it will be shrunk to 4000 px. The image can be shrunk. The loaded images will not be sent to the server. Click "Generate image" button to download your merged image. The default download location of most of browser is "Downloads" folder. Free online tool to combine multiple images into one Combine Images
Comment passer son site WordPress en HTTPS Depuis mai 2016, la Marmite est passée au HTTPS. Cela signifie que toutes les pages du site ont une URL débutant par au lieu du classique Vous allez me dire : « Très bien, mais qu’est-ce que ça change concrètement ? Accrochez vos ceintures, voici le sommaire ! Info : Cet article est assez long (plus de 4000 mots). Vous êtes toujours là ? Qu’est que le HTTPS, SSL et le TLS ? Vous ne le savez peut-être pas mais lorsque vous naviguez sur un site dépourvu de HTTPS, les données que vous échangez sont en clair, c’est à dire que n’importe qui peut les lire, les analyser et les transmettre. Bon, j’y vais un peu fort. Restreignons ce « n’importe qui » aux personnes (ou organisations) possédant de bonnes compétences techniques, certains logiciels et l’intention de vous espionner. Même si le risque est assez faible, il n’est pas nul. Mais je n’ai rien à me reprocher ! Cela arrive par exemple au travail, lorsque votre supérieur regarde ce que vous faites. Comment fonctionne le HTTPS ?
Create a Google maps link to a specific location Hover avec transitions – Réaliser un effet de hover progressif avec les transitions en CSS3 Création d’un hover progressif Un hover progressif ? Je n’ai pas trouvé mieux pour expliquer cet effet pourtant si simple. Plutôt que de gérer un hover ON/OFF, ici le :hover s’applique progressivement, plus précisément, il disparait progressivement. De plus, l’effet de transition progressive est appliqué sur un dégradé. Puis, sur chaque lien est appliqué un fond de couleur (gris) et lors du :hover, on fait disparaitre ce fond avec les transitions. Obtenez plus d’infos sur l’utilisation des dégradés. Les coins arrondis Dans cette démo, j’utilise également border-radius avec les pseudo-classes :first-child et :last-child pour arrondir le coin supérieur droit du premier <li> et le coin inférieur droit du dernier <li>. Pour la création de la petite flèche, suivez le tutoriel d’utilisation des bordures Astuce : utilisez prefixMyCSS pour ajouter les préfixes propriétaires aux règles CSS3.
URL Masking There are numerous ways to mask a URL — meaning the URL in the browser's address bar is not the actual URL to the content. The example code in this article assumes the actual content being published is at the same domain as the URL in the browser's address bar. With extra coding, and excepting the Apache rewrite method, the content can come from other domains. (See Block Content Theft via URL Masking for ways to block unauthorized publishing of your content.) Causing the browser's address bar to show a URL different than the actual URL of the web page being viewed is one definition of URL masking. A second definition is to cause a link URL to show in the browser's status bar different than the URL of the web page being linked to. This article addresses the first definition of URL masking. Three URL masking techniques are fairly easy to implement: With an iframe tag — An iframe large enough to use up the entire browser window contains the content at a different URL. URL Masking Will Bontrager
Comment migrer un site WordPress étape par étape Publié par Aurélien Debord le 10 juillet 2015 • 298 Commentaires Pour la rédaction de Relooker son Thème, j’ai eu besoin de comparer les plugins dédiés à la migration de sites WordPress. Par migrer, je veux dire déplacer un site à un autre endroit pour pouvoir travailler dessus sans toucher au site principal. Ces recherches m’ont permis de peser le pour et le contre de chaque plugin et de trouver le meilleur. Je partagerai cela prochainement avec la publication d’un comparatif détaillé sur ces plugins. En attendant, je vous propose de découvrir comment procéder à une migration manuelle avec Aurélien, un nouveau cuistot. Déplacer un site WordPress à la main est un peu plus complexe qu’avec un plugin mais il est toujours intéressant de comprendre comment les choses fonctionnent. J’espère que ce nouveau tutoriel vous sera utile. La mise en production d’un site est une étape inhérente à chaque projet web. En bref, vous pouvez y recourir dès lors que vous souhaitez : L’enjeu de la migration 1. 2. <?
BonBon Buttons - Sweet CSS3 buttons There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. No, wait! Before you click that download button and try to use them on your site, please also read the flaws. Markup I get a real kick out of trying to keep the markup minimal, so I'm really happy with the outcome. You can change the look by adding more classes: <a href="" class="button orange glossy">Label</a> Label Icons Accessibility Addingrole="button" makes it more accessible. Looks I tried to avoid any images but couldn't resist adding a PNG for the noise. A border-radius doesn't always need to be rounded. For the colors HSL values are used. I tried to simulate different materials. The glossy shape is created using an :after element with a gradient background on top. Flexibility There is one thing I'm kinda sad about. Note
Bulk URL checker | Website server Response Code Check | LambdaSEO Use the Bulk URL checker tool to check the server response for one URL or large number of URLs and check which ones are active, which ones are redirected to other URLs or which ones are not found (404). You can download the ready list in excel format. The more URLs you put into the list, the more time you have to wait. Bulk URL checker / Server response code checker 4.97/5 (99.48%) 154 votes SEO TipsSEO does not give immediate results If you expect instant results from your Search Engine Optimization efforts, probably you will be disappointed. It takes time before you benefit form the process. SEO is an endless process Some people think that they can do optimization for a while and then stop and just benefit. The search engine algorithms They are changing all the time and nobody knows with accuracy what they include. Create Google Webmaster tools account This is must for every website owner. Video content If the topic of your websites allows you, then create videos.
Taux de rebond - Aide Google Analytics À propos du taux de rebond Un rebond correspond à une session avec consultation d'une seule page sur votre site. Dans Analytics, il se calcule spécifiquement comme une session qui ne déclenche qu'une seule demande au niveau du serveur Analytics. C'est le cas, par exemple, lorsqu'un utilisateur accède à une seule page de votre site, puis la quitte sans générer aucune autre demande au niveau du serveur Analytics pour cette session. Le taux de rebond correspond au nombre de sessions avec consultation d'une seule page divisé par l'ensemble des sessions, ou au pourcentage de l'ensemble des sessions sur votre site au cours desquelles les utilisateurs n'ont accédé qu'à une seule page et n'ont déclenché qu'une seule demande au niveau du serveur Analytics. Ces sessions avec consultation d'une seule page ont une durée de 0 seconde. Un taux de rebond élevé est-il mauvais signe ? Cela dépend. Diminuer votre taux de rebond Étudiez votre taux de rebond sous plusieurs angles.
Data Tables and Cascading Style Sheets Gallery What is this about? The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. Every once in a while there are emails on discussion lists asking for nicely designed tables and they are prone to go off-topic and ending in a holy war why tables are bad and why you shouldn't use them. Basically the thread/email that gave me the idea was this request on the evolt list. Well, there are legitimate uses for tables, for tabular data they are the best solution, as - properly marked up - they structure the data for the visual user and make it easy to follow for blind visitors or those using user agents without table rendering. There are some good tutorials on styling tables on the web already, but a showcase site was missing, so here you go. Table and CSS tutorials May the following off-site resources give you wisdom and inspiration: Most blatantly stolen from Laura L.