Blog Informatique

Comment désactiver les fonds Google (bing like)

Internet   31 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Depuis aujourd'hui en france nous avons droit des arrières plans très colorés qui tournent aléatoirement sur la page d'accueil de Google. Cela perturbe fortement la lisibilité et détourne l'attention pour pas grand chose, c'est d'ailleurs tout à fait étonnant de la part de Google qui nous a toujours habitués à la simplicité.

Une mauvaise idée déjà présente sur Bing, le moteur de recherche de Microsoft (mais pas en plein écran).

Edit : Google semble s'être loupé sur la mise en production de cette fonctionnalité puisque chaque utilisateur aurait du pouvoir désactiver ces fonds facilement. En attendant de corriger ça, Google a préférer revenir sur la page blanche :

Due to a bug, the explanatory link did not appear for most users. As a result, many people thought we had permanently changed our homepage, so we decided to stop today’s series early. We appreciate your feedback and patience as we experiment and iterate.

Comment les désactiver

Pour virer ces fonds, plusieurs solutions s'offrent à vous. » Lire la suite

Utiliser un fond aléatoire pour votre blog

Javascript et Css   7 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

But : utiliser des fonds aléatoires sur un blog/site (démonstration).

On m'a récemment demandé s'il était possible d'utiliser un fond (background) aléatoire sur un blog. La réponse est oui, c'est même très simple.

Avant tout, sachez qu'il existe bon nombre de méthodes pour y parvenir, des plus simples aux plus saugrenues voir lourdes pour votre serveur.

La solution pour laquelle j'ai opté ne consommera aucune ressource supplémentaire vis-à-vis d'un fond unique. Elle est également compatible avec tous les systèmes de cache existants (WP-SuperCache inclus) puisque le code javascript s'exécute sur la partie cliente, c'est à dire le navigateur de l'internaute.

Pré-requis

Il vous faut bien évidemment créer vos fonds et les placer de préférence dans le même répertoire, bien que ce ne soit en rien une obligation.

Pour l'aspect pratique nous utiliserons un chiffre pour distinguer les fonds : fond1.jpg, fond2.jpg, fond3.jpg, etc.

Une pincée de CSS

Nous allons tout simplement jouer sur le contenu de la feuille de style. L'image de fond va être appliquée directement sur la balise BODY.

Nous devons dans un premier temps définir les différents attributs pour le fond :

Puis, créez X classes CSS, X correspondant même nombre que vous avez de fonds :

Enregistrez et envoyez votre fichier CSS sur le serveur, puis passons à la suite.

Un grain de javascript

La dernière étape consiste à ajouter une ligne de code Javascript pour permettre l'appel aléatoire d'une des classes CSS, chacune faisant appel à un fond différent.

Remplacer votre balise "<body>" par :

C'est fini !

Conclusion

Enregistrez et envoyer tous les fichiers modifiés, pensez à vider votr système de cache si vous en utilisez-un.

Cette méthode est simple mais fonctionnelle. Vous pouvez tout à fait utiliser jQuery, mootools, ou tout autre framework JavaScript si vous êtes à l'aise avec. N'hésitez pas à partager votre code dans les commentaires.

Voir la démonstration.

[Anniversaire – Lot Final !] Cadre photo numérique

Le blog   6 réactions »
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 5,00/ 5)
Loading...

Voici le 36 ème et dernier lot dans le cadre de l'anniversaire Blogmotion (lien du tirage au sort en fin de billet) !

A gagner : 1 cadre photo numérique 7 pouces offert par Weesk

Leader dans les fonds d'écran collaboratifs de qualité, Weesk offre un cadre photo numérique Kodak !

cadre-photo-numerique » Lire la suite

Weesk : des fonds d’écran communautaires + 50 invitations

Internet   6 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 5,00/ 5)
Loading...

Weesk lance une première version (bêta) de sa plateforme originale de fond d'écran communautaire (social wallpaper). Weesk est né d'un constat simple : peu de sites francophones sur la toile ne proposent de fonds d'écran haute résolution adaptable à celle de votre écran.

50 invitations en fin de ce billet pour vous permettre de tester le service avant tout le monde.

C’est l’occasion pour les artistes et graphistes de promouvoir leur travail. Avec des outils ergonomiques et simples, ils publient en un instant leurs derniers fonds d’écran qui seront rapidement commentés par la communautée. L’auteur pourra alors savoir si son travail plaît et s’il est dans l’air du temps.

Blogmotion a l'honneur de vous présenter le service en avant-première, puisque Julien a choisi d'accorder l'exclusivité à Blogmotion pour vous présenter ce service novateur.

Le site reste accessible à tous, seule la partie membre étant en bêta fermée, c'est donc sur cette partie que va porter mon billet.

Une fois identifié dans la partie membre, il est très facile d'envoyer ses créations personnelles :

Tout semble avoir été prévu pour lutter contre les fonds d'écran plagiés et/ou volés à sur la toile, puisque vous devez cocher la provenance de votre fond. Il sera donc très facile pour Weesk de trier les fonds, et de retirer d'éventuels fonds que leur auteur ne souhaite pas voir diffuser, suivant la licence rattachée.

Chaque fond d'écran est soumis à validation, puis apparaît ensuite pour que chaque membre de la communautée puisse voter :

» Lire la suite

Une collection de textures photoshop

Graphisme   3 réactions »
A ce point ?PassableIntéressantYeahExcellent! (5 vote(s), 4,00/ 5)
Loading...

Les textures jouent beaucoup sur le design d'un site, d'un blog. Créer une texture soit même est loin d'être évident, d'autant plus qu'il faut parfois que la texture se répète.

» Lire la suite

Une histoire de scroll

Divertissement   Réagir »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 5,00/ 5)
Loading...

Je suis aujourd'hui tombé sur un site qui propose une sorte de navigation via le scroll (cf. scroll) de la page, très impressionnant.

Ne tardez pas à visiter ce site si vous êtes dans le développement web, je suis sûr que vous serez curieux de savoir comment ça fonctionne ! Tout réside dans un jeu de transparence sur des images au format PNG (en voici une par exemple).

Bien que techniquement rien ne soit complexe, l'idée est pour le moins originale 🙂

PS : les billets se font un peu plus rares en ce moment à cause de la période estivale et d'un emploi du temps bien chargé 😉