Korben, roi d’internet, logo bébé avec des lunettes en mode thug life Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Korben Upgrade your mind

Snap.com, c’est sympa mais j’ai mieux

Voici une recette de mon cru que je suis fier de vous présenter !

Vous connaissez tous Snap.com ? Reflechissez mieux, je suis sûr que oui !
Il s’agit d’un site pseudo moteur de recherche qui propose surtout comme service d’afficher une fenêtre avec la capture écran de votre site.
Pour vous montrer, ca donne ça:

Hmmm… c’est sympa non ? Mais ça le serait encore plus si ça ne passait pas par Snap.com et encore plus si il n’y avait pas ce petit moteur de recherche et leur logo partout !

Alors voici comment j’ai fait ! Ca se passe juste avec du xhtml et de la CSS !

Pour le HTML, c’est simple:


Mon site
src="http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=https://korben.info">

Petites explications. Vous créez un lien html pointant vers le site de votre choix. Vous appliquez un style appelé « screen » (class= »screen »). Le target= »_blank » veut dire que le lien s’ouvrira dans une nouvelle fenêtre.
A l’intérieur du lien (dans les balises a href) vous placez le texte de votre lien mais aussi une balise image pointant vers l’url que vous placerez dans des balises généralement utilisées pour mettre en gras mais qui seront utiles pour la CSS:

"http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r="
et après le symbole « = » vous rajoutez le lien de votre site.

Ce service non référencé chez msnsearch permet d’avoir une capture écran d’un site en passant juste l’url. J’en connaissais un autre mais ça m’est sorti de la tête… Si vous le connaissez, n’hesitez pas a le poster dans les commentaires !

Exemple:
http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=https://korben.info

ce qui nous donne l’image suivante:

Ensuite, ca se passe au niveau de la CSS.
Dans votre feuille de style vous rajoutez le code suivant:

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
}

a.screen:hover {
text-decoration:none;
z-index:1000;
background:url(shadow.gif) no-repeat;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
z-index:500;
border:solid 1px #ccc;
}
a.screen:hover b img {
margin:0px;
}

En gros, ce qui se trouve dans les balises b sera masqué.
Lorsque vous passerez la souris sur le lien, l’image sera rendu visible et encadré par un bord de 1 pixel avec un effet d’ombrage qui est en réalité l’image shadow.gif (faites clic droit -> télécharger pour l’enregistrer sur votre disque dur)

Et ca donnera ça:

Sympa non ?
Vous pouvez aller tester la chose sur le site www.exchangefortravel.org dans le menu à droite.

Et comme c’est que de la CSS, vous allez pouvoir le personnaliser comme bon vous semble !

J’suis pas sympa quand même ? 🙂
Puis si il y a un warrior parmi vous, il peut réaliser un petit framework pour faire cela facilement (voir un plugin spip), je me ferais un plaisir d’heberger sa création (et pourquoi pas de l’utiliser :-))


Salaire des développeurs : France vs Royaume-Uni : rester ou s’expatrier à l’heure du Brexit ?

Londres reste la première destination en Europe pour les développeurs du monde entier, qui sont désormais près de 360 000 à travailler dans la capitale britannique. Pour autant, les centres technologiques rivaux connaissent une expansion rapide. Maintenant que le Brexit a enfin été annoncé, la France parie qu’elle peut renverser la Grande-Bretagne de son statut de plus grande nation technologique d’Europe. 

Londres est dans une bataille avec d’autres villes européennes pour attirer ces travailleurs hautement qualifiés, et les données suggèrent également que les rivaux européens augmentent leurs effectifs technologiques à un rythme plus rapide, bien qu’à partir d’une base plus faible. Le nombre de développeurs à Paris a augmenté de près de 60% dans le même temps.

Depuis son élection, le Président Macron a séduit les entrepreneurs technologiques avec une série d’initiatives sous la forme d’allégements fiscaux, de subventions et de crédits pour la recherche. En mars 2018, il a promis d’investir 1,5 milliard d’euros dans la recherche en intelligence artificielle jusqu’en 2022. Cela a permis à la France d’ouvrir de nouveaux centres de recherches afin de rester compétitif sur différents sujets. Par exemple, le secteur du jeu vidéo a récemment explosé en France avec la création de nouvelles sociétés (Voodoo et leur 200M$ / 173M€ levés en 2018) et le développement de ses institutions (Ubisoft) qui permettent au pays d’avoir les meilleurs studios de création de jeu au monde. 

Toutefois, les rémunérations françaises proposées aux développeurs sont peu attractives. La société talent.io spécialisée dans le recrutement de profils tech a réalisé une étude en comparant les salaires des développeurs français, allemands et britanniques – selon leurs expériences et le type de poste. Selon les différentes données, la France arrive en bas de chaque classement en étant surpassée à chaque fois par sa rivale britannique. Cependant, talent.io rappelle que le coût de la vie n’est pas compris dans ses données et peut avoir un impact significatif sur le niveau de vie. 

Parier sur la vieille dame ou sur la startup nation? Désormais sortie du Brexit, le Royaume-Uni a quelques cartes à jouer pour rester dans la course de l’innovation et séduire les développeurs.

En recherche de poste ou curieux de découvrir de nouvelles opportunités ? Il est temps de juger par vous-même votre valeur sur le marché. Dans un secteur qui n’a jamais autant évalué, talent.io examine chaque opportunité pour ne vous proposer que le meilleur en France et à l’étranger.

CV, lettre de motivation, candidature ? Rien de tout cela n’est nécessaire, les entreprises postulent directement à vous et l’inscription ne prend que 2 minutes. 

En savoir + sur votre prochain Job