« Cyber-attaque terroriste » sur TV5

Après le piratage de Sony « par la Corée du Nord », après le grand « cyberdjihad » sur la France au lendemain de Charlie, voici la « cyber-attaque terroriste » de TV5.

Le fait que la loi sur le renseignement doit être votée dans moins d'une semaine n'y est pour rien, bien entendu ; le fait d'avoir un CMS datant de 2008, sans doute pas mis à jour depuis au moins 2013, y est plus pour quelque chose…

Un lien « Retour en haut » dynamique

Les petits boutons « Retour en haut », on les aime tous. Généralement, il s'agit d'une simple div en position: fixed. En voici un qui n'apparait qu'arrivé à un certain pourcentage de la page, et qui s'arrêtre gracieusement juste au-dessus du footer.

Le code HTML est on ne peut plus simple :


<div class="relative">
	<div class="toTop">
		<a href="#top" title="Retour en haut">
			Retour en haut
		</a>
	</div>
</div>
<footer id="footer">
…
</footer>

Le code CSS :


.relative {
	position:relative;
}

.toTop {
	display:none;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:1000;
}

Voilà, nous avons un lien, mais il n'apparait pas pour le moment. On ajoute un peu de jQuery :


function toTop(element,footer){
	var scroll = $(window).scrollTop();
	var maxScroll = $(window).height() * 0.4;

	if(scroll > maxScroll)
		$(element).show();
	else
		$(element).hide();


	if($(element).offset().top + $(element).height() >= $(footer).offset().top - 10)
		$(element).css('position', 'absolute');
	if($(document).scrollTop() + window.innerHeight < $(footer).offset().top)
		$(element).css('position', 'fixed');
}	

$(window).scroll(function() {
	toTop('.toTop',"#footer");
});

$(window).resize(function() {
	toTop('.toTop',"#footer");
});

Scrolling doux vers une ancre

Un petit bout de jQuery intéressant pour animer le scrolling vers une ancre (ce que les anglophones appellent smooth scroll) :


$('a[href*=#]').on('click', function(event){     
	event.preventDefault();
	$('html,body').animate({scrollTop:$(this.hash).offset().top}, 700);
});	
	

La NSA suspecte tous les gens câlés en informatique

Donc je résume : si vous avez les compétences pour ne pas être surveillé par la NSA, elle enregistre tout sur vous ; si vous ne les avez pas, elle n'enregistre que les métadonnées (à qui vous avez parlé, quel site vous avez visité, quand, où…). Le souci étant que pour entrer dans le premier groupe « faire une recherche sur ce qu'est Tor » suffit…

http://boingboing.net/2014/07/03/if-you-read-boing-boing-the-n.html

Une question d'âge

Vu sur une offre de stage : « Concevoir, Développer et Tester la solution en utilisant des nouvelles technologies : Java, Tapestry, Spring, MySql, Maven2 »

De nouvelles technologies ?

  • Java : 23 ans d'âge
  • MySQL : 18 ans
  • Spring : 10 ans

Je suppose que ça ne concernait que Tapestry et Maven2, 7 et 8 ans…

Oubliez votre lien d'administration avec Javascript !

Parfois, il faut quelque chose de simple. Accéder à l'interface d'administration d'un CMS devrait être aussi simple que de cliquer sur un bouton. En fait, c'est déjà le cas dans plusieurs CMS, il suffit effectivement de cliquer sur le beau lien Administration.

Mais c'est peu élégant. C'est pourquoi beaucoup de gens décident de garder le lien dans leurs favoris. C'est bien, mais pour peu que vous changiez de navigateur ou décidiez de poster depuis l'ordinateur de votre belle-tante, retrouver le lien d'administration devient compliqué.

C'est pourquoi ce petit bout de Javascript vous permettra d'accéder à l'administration en tapant simplement trois fois d'affilée la touche Entrée. Il s'agit de Javascript vanilla, mais j'ai mis en commentaire la ligne à changer pour le rendre jQuery :


function keyboardAuth(redirection) {
	var enterCount = 0;
	
	//$(document).keypress(function(event){
	document.addEventListener("keypress", function(event) {
		var keycode = (event.keyCode ? event.keyCode : event.which);
		if(keycode == '13'){
			enterCount++;
			if(enterCount >= 3){
				enterCount = 0;
				window.location = redirection;
			}
		setTimeout(function(){ enterCount = 0; },2000);
		}

	});
}
	

Notez que vous n'aurez que 2 secondes pour appuyer trois fois sur la touche Entrée, ceci pour éviter que quelqu'un écrivant un commentaire ne soit redirigé vers la page d'administration pour avoir simplement voulu mettre en page son commentaire…

Tout ce que vous aurez à faire ensuite, c'est appeler cette fonction avec le lien de votre interface d'administration :


keyboardAuth("/admin/");
	

À propos de ce blog

Certains ont des carnets de notes, les développeurs web ont tendance à avoir des blogs. Ça leur permet de partager leurs découvertes, de garder une trace de leurs hacks beaucoup plus simplement. Voici le mien.

Vous trouverez ici pas mal de trucs de geek, principalement des bouts de code en développement web, mais également quelques scripts bash pour faciliter l'utilisation quotidienne de GNU/Linux (je tourne sous Linux Mint 17.1 actuellement). La catégorie Veille comporte quelques articles d'actualité, mais rien de bien folichon.

Si l'envie vous prend de me contacter, vous trouverez toutes les informations utiles dans le footer (le bas de page, pour les burnes en anglais), ou bien vous pouvez utiliser la page de contact dédiée.

Enfin, si vous trouvez ici des informations utiles, n'hésitez pas à m'offrir un café en cliquant sur le bouton :

Offrir un café  
-----BEGIN GEEK CODE BLOCK-----
  Version: 3.20
  GCS dx s:- a- c+ C++ B+++ 7-- w E- O- L++ M- u++ W+++$ 
  H++++ Z+++ F--- PS+++ PE-- Y+ PGP++ T++ S J+++ t@ X- 
  R+++ m+ !tv b+++@ DI? D++ G e* h+ A- r y++
------END GEEK CODE BLOCK------
					
Haut de page