Ressources Archives - Copier coller

Tester ses fichiers geoJson

copier coller — Sun, 12 Apr 2020 18:00:00 +0000

Comment tester ses fichiers geoJson ?

Si vous utilisez des outils comme leaflet ou autre provider de carte, vous utiliserez aussi certainement le format geoJson pour regrouper toutes les « properties » et « coordinates » de vos marqueurs.

Des outils en ligne

Si tel est le cas, vous pouvez tester vos fichiers directement en ligne depuis des sites comme geojsonlint.com ou jsonlint.com.

Nettoyer son fichier geoJson

Pour conserver un fichier propre, sachez que dans n’importe quel éditeur de texte existe la possibilité de rechercher les espaces vides dans le code. Ceux figurant avant ou après chaque ligne sont inévitables bien sûr, par contre cela peut-être utile pour retirer tous les espaces inutiles et quasi imperceptibles dans le texte.

Normalement, votre éditeur vous indiquera par une couleur les erreurs comme les virgules manquantes, les apostrophes manquantes etc..Par contre, si à la fin d’un bloc vous avez oublié une virgule alors qu’il n’y en a pas besoin, vous n’aurez aucun message d’erreur, ni dans le fichier ni en console.

Sur les outils cités, si l’outil lance une erreur du type « Line 627: Parse error on line 628: …niques. », }, « geom ———————-^ Expecting ‘STRING’, got ‘}‘ »,

c’est qu’il y a une virgule de trop à la ligne indiquée.

The post Tester ses fichiers geoJson appeared first on Copier coller.

Open sublime text in browser

copier coller — Thu, 02 Apr 2020 08:14:33 +0000

Comment ouvrir Sublime Text dans son navigateur préféré ?

Il existe deux façons d’ouvrir sublime text dans son navigateur. En allant dans :

Tools -> Build System -> New build System

puis en indiquant le chemin vers l’exécutable de votre navigateur préféré.

Le plus simple est toutefois d’utilise le plugin View in Browser, présent dans le package de Sublimte.

Utiliser le plugin View in Browser

Installez le plugin

Une fois dans Sublime Text,

tapez: CTRL + SHIFT + P ou
allez dans Preferences -> Package Control

Trouvez Package Control: Install Package, ou tapez directement install pour trouver le package.

Tapez sur entrée puis rentrez : View In Browser. Tapez entrée à nouveau;

[
    { "keys": [ "ctrl+alt+v" ], "command": "view_in_browser" },
    { "keys": [ "ctrl+alt+f" ], "command": "view_in_browser", "args": { "browser": "firefox" } },
    { "keys": [ "ctrl+alt+c" ], "command": "view_in_browser", "args": { "browser": "chrome" } },
    { "keys": [ "ctrl+alt+i" ], "command": "view_in_browser", "args": { "browser": "iexplore" } },
    { "keys": [ "ctrl+alt+s" ], "command": "view_in_browser", "args": { "browser": "safari" } }
]

Retrouver la liste de ses commandes

Pour retrouver la liste de vos commande, allez dans :

Preferences->Package Settings -> View in Browser-> Settings User . Vous verrez là les commandes installées par défaut par le plugin.

The post Open sublime text in browser appeared first on Copier coller.

Des ressources utiles pour vos emails

copier coller — Sat, 08 Feb 2020 18:00:52 +0000

Une liste de liens utiles pour créer et améliorer ses emails

Pour insérer des rendez-vous dans ses emails (syncrhonisation avec sa boite mail)

http://kalinka.tardate.com/

ical.marudot.com

Avec ça, vous devriez vous en sortir pour obtenir un email lisible partout !

Enfin pour terminer, faites un tour du côté de l’excellent caniemail réalisé entre autre par Remi Parmentier.

Visitez aussi blog.edmdesigner.com pour une petite piqure de rappel des principaux thèmes à connaître sur l’emaling.

The post Des ressources utiles pour vos emails appeared first on Copier coller.

Effacer l’arrière plan de ses images en ligne

copier coller — Wed, 05 Feb 2020 18:00:49 +0000

Comment supprimer le background de ses images facilement ?

Voici deux outils en ligne pour supprimer l’arrière plan des images.

https://www.remove.bg/

https://www.stickermule.com/trace

The post Effacer l’arrière plan de ses images en ligne appeared first on Copier coller.

Récupérer le favicon d’un site

copier coller — Wed, 15 Jan 2020 18:00:54 +0000

Comment récupérer le favicon d’un site ?

Pour vos différents projets d’intégration, il se peut que vous ayez besoin de récupérer le favicon d’un site, histoire de prendre de l’avance, sans nécessairement attendre le retour du client sur ce point.

L’outil google suivant permet de le récupérer en un clic :

http://www.google.com/s2/favicons?domain=www.sitename.com

tapez le nom du site en question à la place de « sitename.com » et il vous affichera le favicon dans une nouvelle fenêtre. Il ne vous restera plus qu’à télécharger l’image !

The post Récupérer le favicon d’un site appeared first on Copier coller.

Créer une nouvelle chaîne Youtube

copier coller — Sun, 10 Feb 2019 07:18:37 +0000

Comment créer une nouvelle chaîne Youtube ?

Voici la procédure pour créer une nouvelle chaîne Youtube rapidement

Une fois connecté à son compte Youtube (google), il faut cliquer sur l’icône utilisateur en haut à droite de l’écran : Dans la fenêtre déroulante qui apparaît, il faut cliquer sur la petite roue dentée à côté de « Creator Studio ».

Dans la nouvelle page qui s’affiche, localisez l’encart « Votre compte ». Cliquez sur la deuxième phrase « afficher l’ensemble de mes chaînes ou en créer une nouvelle ».

Dans la page suivante, il suffit de cliquer sur la première vignette avec le « + Créer une chaîne » pour créer sa nouvelle chaîne.

On donne un nom à sa nouvelle chaîne :

Une fois nommée, on peut commencer à personnaliser sa chaîne et uploader ses nouvelles vidéos !

The post Créer une nouvelle chaîne Youtube appeared first on Copier coller.

Redimmensionner ses images par lot dans Photoshop

copier coller — Mon, 05 Dec 2016 09:57:21 +0000

Aujourd’hui on va voir une astuce bien pratique pour redimmensionner toutes ses images d’un coup sur Photoshop.
Tout dépend bien sûr de votre appareil, mais pour un canon 100D classique, les images importées directement depuis l’appareil photo font généralement 5184 px sur 3456px,ce qui est bien trop grand pour la plupart des applications web.

Selectionner le dossier source

Notre image importée se trouve dans un dossier, ou sinon, on crée un dossier contenant toutes nos images à traiter.

Sélectionner le dossier cible

On crée ailleurs dans l’ordinateur un second dossier vide, dans lequel Photoshop placera toutes nos images redimmensionnées.

Préparation des images dans Photoshop

Maintenant, on ouvre une image de notre premier dossier d’images à traiter dans Photoshop

L’action dans Photoshop

Je suis sur Photoshop CS6. Je tape F9 pour voir apparaitre la petite fenêtre des actions.

Tout en bas de cette fenêtre j’ai plusieurs icones : stop pour arrêter l’enregistremnt de l’action, record pour lancer l’enregistrement de l’action, et play pour l’appliquer sur votre image. Ici on choisit l’icone (deuxième en partant de la droite) pour créer une nouvelle action.Je clique dessus et je crée une nouvelle action : je donne un nom significatif à cette nouvelle action, du genre « image_resize« .Une fois validée, l’enregistrement de l’action s’enclenche.

L’action va donc enregistrer chacune des étapes de votre processus de redimmensionnement .

Je clique sur l’onglet « image« , « taille de l’image« .Je défini une taille pour mon image (en gardant les proportions bien sûr).Ensuite je me rend dans l’onglet « File » ou « fichier« , puis je clique sur « Enregistrer pour le Web« .Je ne change pas le nom de l’image, et j’enregistre, en choisissant comme dossier cible mon deuxième dossier crée précédemment pour accueillir mes images redimmensionnées.

Les fenêtres se ferment et la je retourne dans ma fenêtre d’action et clique sur l’icone « stop » pour arrêter l’enregistrement.

Tester sur une image

Pour vérifier que tout fonctionne, je réimporte une nouvelle image de mon dossier source, je sélectionne mon action image_resize dans la fenêtre des actions et je clique sur l’icone « play« .Si je retrouve bien ma nouvelle image dans le dossier cible, bien redimmensioonée.cest que l’action a bien été enregistrée.

Redimmensionner par lot

Ensuite pour modifier toutes mes images, je me rend dans « Fichier »/ »Automatisation »/ »Traitement par lots« .
Dans la nouvelle fenêtre qui s’ouvre, c’est très simple : je vérifie bien qu’en haut j’ai bien les actions par défaut puis mon action « image_resize » sélectionnée.Si ce n’est pas le cas, je sélectionne ici mon action.

Dans « source » puis « dossier » je sélectionne mon dossier source

Plus bas, dans « destination » puis « dossier » je sélectionne mon dossier cible.

On valide en cliquant sur ok, et Photoshop va ensuite travailler en fond et redimmensionner toutes vos images.

The post Redimmensionner ses images par lot dans Photoshop appeared first on Copier coller.

Forcer la couleur des numéros sur IOS

copier coller — Tue, 15 Sep 2015 23:39:21 +0000

En intégration, on peut avoir une mauvaise surprise, croyant livrer quelque chose de convenable, lorsque le client nous affime que sur son téléphone il voit tous les numéros de téléphone en noir, alors que vous les voyez blancs
Une technique simple consiste à annuler la reconnaissance des numéros par votre device IOS:

A mettre dans le header:

Normalement, votre css devrait prendre le pas sur ces éléments.Si cela ne fonctionne toujours pas, forcer la couleur via votre css avec !important par exemple.

The post Forcer la couleur des numéros sur IOS appeared first on Copier coller.

Les audits de performance

copier coller — Sun, 06 Sep 2015 09:55:02 +0000

Pour un développeur, il est toujours gratifiant de se voir attribuer une bonne note pour ses sites web, sur des outils tels que DareBoost, Pagespeed de google, Yslow de yahoo…On tombe facilement dans le piège, et de plus en plus d’outils voient le jour : il suffit de taper « test website » sur google pour tomber sur des dizaines de sites oncurrents, proposant tous un scan gratuit de votre site, et bien sûr aucun ne vous donnera la meme note..Les sites mélangeant à la fois l’audit qualité et ergonomie, l’audit technique et performance, et laudit contenu et référencement, c’est un peu la grosse escroquerie du web, il faut le savoir…Je m’explique.

Voici deux sites qui ne respectent pas les standards du web selon DareBoost, pourtant ils sont ultra bien référencés, ultra visités, ultra riches.

La fnac

Sncf

Premier constat:

Comme le montre cet exemple ,une page spécialement optimisée pour les notes dans laquelle ils ont volontairement défini un temps de chargement de 15 secondes. en mettant simplement en php une pause dans l’exécution de la page d’une durée de 15 secondes, obtient la meilleur note possible.Mais comme ils l’expliquent très bien cette page sera tout simplement zappée par l’internaute car trop longue à charger.

Voici l’exemple d’un site spécialisé dans le référencement et dont lauteur est très présent sur les forums wordpress

Son « agence » donne énormément de « bons » conseils en référencement sur bon nombre de forum, mais est mal notée niveau bonnes pratiques..(selon DareBoost bien sur) ce qui est un comble!!

Copier-coller.com, obtient une meilleure note selon ces outils.Pourtant si on tape tuto wordpress sur le net, mon site sera peut etre des centaines de pages derrière la sienne.Alors que traduisent ces notes et à quoi servent elles?

C’est tout simplement un bon moyen pour voir quoi améliorer sur son site, des conseils sur des outils annexes pour améliorer le temps de chargement des pages etc.

Mais obtenir une bonne note sur de tels sites de test n’indique nullement le potentiel succès d’un site, sa rapidité, et n’est nullement la garantie d’un site bien référencé.

Le succès d’un site , donc sa position sur le web depend simplement du succès de sa marque.Les gens viennent sur un site, recherchent un site car il le connaissent..Le succès de la marque fait le succès d’un site, et non l’inverse comme veulent le faire croire bon nombre de techniciens du web.Le succès d’un blog ou d’un site ecommerce dépend donc presque uniquement que de sa communication, (facebook, twitter, google+, instagram etc)

Le technicien du web va nous faire croire que le code et la « technique » fait le référencement et le succès d’un site, donc que l »on a besoin de lui pour augmenter sa présence sur le web, alors que l’on peut très bien s’en passer.

Ne pas confondre performance, qualité du code et référencement

Le problème de ces outils, c’est qu’ils mélangent tout pour donner une note finale qui comprend la qualité du code, votre seo, la performance de vos chargements..

Voici d’autres site qui cartonnent et qui sont pourtant mal notés.

Fnac.com, page d’accueil –> aucun titre H1 94 erreurs css

metofrance : 176 erreurs css sur le W3C
Youtube : 233 erreurs css, une note de 72 sur DareBoost.

Pof, le site de rencontre le plus consulté au monde et qui a rendu son auteur millionnaire:

ce site et son succès, et l’argent qu’il a permis de récolter prouve a lui seul que les outils de performances web, comprenant performance, seo, conseils avisés sur les bonnes pratiques, ne sont que des gagdets sur lesquels on ne doit pas compter pour réussir son projet web!

Si vous êtes client, une fois votre site monté, apprenez deux trois règles de la rédaction optimisée seo, et gardez le reste du budget pour la communication et rien d’autre!!

The post Les audits de performance appeared first on Copier coller.

Un retour à l’accueil permanent à la place du 404

copier coller — Sat, 05 Sep 2015 12:24:01 +0000

Voici un petit bout de code à insérer dans sa page 404, sans rien d’autre ni avant, ni après

header("HTTP/1.1 301 Moved Permanently");
header("Location: ".get_bloginfo('url'));
exit();

Cela permet d’éviter à coder une page 404, très pratique dans la phase de developpement..

The post Un retour à l’accueil permanent à la place du 404 appeared first on Copier coller.