Catégorie : Web

Articles reprenant une de mes créations pour le web.

  • Des outils Google à la pelle

    Des outils Google à la pelle

    Google, la firme de Mountain View, du haut de son Googleplex, nous arrose régulièrement de nouveaux outils parfois farfelus, mais souvent très utiles.

    Qu’ils soient développés pour les… développeurs, ou pour le commun des mortels, ils sont super connus ou totalement passés inaperçus.

    La mission de la société la plus connue au monde étant : « Organiser les informations à l’échelle mondiale dans le but de les rendre accessibles et utiles à tous. », je vous emmène faire un petit tour d’horizon de ces outils qui ouvrent le champ des connaissances.
    Attention, cet article ne liste pas TOUS les outils de Google, il y en aurait trop 🙂

    Outils Google

    Les outils Google commencent en fait bien avant d’avoir trouvé un quelconque lien vers un site satellite du géant américain. Dès le moteur de recherche vous avez accès à des outils très utiles :

    Aides à la recherche

    Guillemets : Si vous entourez votre recherche par des guillemets, vous n’obtiendrez que les réponses contenant l’ensemble de votre requête. Si vous saisissez la même recherche sans les guillemets, vous aurez les réponses concernant chaque mot de votre requête.
    Exemple : « mon potentiel neuronal pour apprendre » renvoi mon site comme unique réponse (avec une vingtaine de résultats). Si vous supprimez les guillemets vous obtiendrez plus d’1 million de résultats.
    Site : vous pouvez également limiter les recherches à un seul site grâce à ce type de requête « site : + le nom de domaine du site ciblé + votre recherche ».
    Exemple : Là ou le mot clone vous renvoi plus de 30 millions de résultats, la requête « site:gilles-aubin.net clone » n’en renvoi qu’une.
    Filetype : Grâce à la précision « requête + filetype:pdf » vous pourrez accéder à diverses ressources mise à disposition… ou pas.
    Exemple : « ne pas diffuser filetype:pdf » vous donne le loisir d’accéder à des documents qui ne devrait pas tomber entre toutes les mains.

    Mathématiques

    Pourcentage : saisissez « 7% de 345 », et hop, vous avez la réponse « 24.15 ».
    Conversion de devises : saisissez « 54,5 euros en pesos » = « 987,581013 pesos mexicains »
    Conversion de distance : « 54,5 mètres en mille nautique » = « 0,0294276458 mille nautique »
    Conversion de mesure : « 54,5 litres en centilitres » = « 5450 centilitres »

    Les outils Google

    [symple_column size= »one-third » position= »first »]
    Google Scholar
    outils-google_scholar
    Ce moteur de recherche spécialisé vous donne la possibilité de faire des recherches sur du contenu scientifique, des thèses, des citations ou des ouvrages scientifiques. Les fourmis par exemple 🙂
    Google Sholar et les fourmis

     

    [/symple_column]

    [symple_column size= »one-third »]
    Map’s Engine
    outils-google_maps-engine
    Tout le monde connait Google Map, mais depuis le changement d’interface de cette année 2013, l’outil est difficilement accessible. Cet outil c’est Google Map’s Engine.
    Google Map’s Engine

     

    [/symple_column]

    [symple_column size= »one-third » position= »last »]
    Public Data
    outils-google_public-data
    Public Data est une base de données géantes contenant des chiffres officiels comme le taux de chômage en Europe ou la consommation d’énergie par habitant. Vous remarquerez dans mon exemple que le plein emploi était presque atteint en 2007 par une dizaine de pays d’Europe.
    Google Public Data
     

    [/symple_column]

    [symple_column size= »one-third » position= »first »]
    Body Browser
    outils-google_body-browser
    Révisez vos cours d’atanomie avec ce « scanner » temps réel. Déplacez le curseur vertical pour voir apparaître les « dessous » du corps humain.
    Exploration du corps humain.

     

    [/symple_column]

    [symple_column size= »one-third »]
    Google Keep
    outils-google_google-keep
    Avec Google Keep impossible de louper vos rendez-vous ou événements… immanquables. En 2 clics hop, vous vous prévenez vous-même. C’est pas beau ça !
    Prise de note et rappel

     

    [/symple_column]

    [symple_column size= »one-third » position= »last »]
    Google Shortner
    outils-google_google-shortner
    Cet outil permet à vos adresse internet, de gagner en lisibilité en étant plus courte. C’est plus joli dans un statut Facebook.
    Raccourcir une adresse internet

     

    [/symple_column]

    [symple_column size= »one-third » position= »first »]
    Schemer
    outils-google_schemer
    Un outil qui permet de regrouper des « trucs à voir/faire/lire/etc » dans les lieux qui vous intéresse.
    www.schemer.com

     

    [/symple_column]

    [symple_column size= »one-third »]
    Google Trends
    outils-google_google-trends
    Qui est le plus recherché sur la toile ? Jon Snow, Robb Stark ou Daenerys Targaryen ? Essayez vite Google Trends pour le savoir.
    Google trends

     

    [/symple_column]

    [symple_column size= »one-third » position= »last »]
    Google Groupe
    outils-google_google-groupes
    Regroupement d’internautes sur des sujets spéciaux
    zerzepriezprzekrc ze z, , fze zerz,ezelk,rzlerùzer ùzerzùekrzùerùmzelùmrlzer ùzer zùelrùmzer ; ;ez;rzemrze z;e r;z ; z;er ze;r;Z;e;RZ§R;ez;rz:er§z:e
    Google Groups
    [/symple_column]

     

    Google History Location
    outils-google_history-location
    Vous ne vous rappelez plus ou vous étiez la semaine dernière ? Si vous avez un smartphone, un compte Google et activé « par accident » la géolocalisation, la firme de Mountain view se fait fort de vous le rappeler grâce à ce service.

    Google History Location

  • FraMindmap, la carte mentale facile

    FraMindmap, la carte mentale facile

    Framindmap, est un outil de création de carte mentale en ligne.
    Bon ok, mais d’abord c’est quoi une carte mentale ?

    framindmapC’est la représentation graphique d’un concept, d’une idée. On appelle ça aussi une carte heuristique ou du mindmapping.

    Partant du principe qu’une image est plus facilement retenue par le cerveau, par notre mémoire, ces cartes heuristiques peuvent être utilisées pour apprendre ses leçons, organiser les chapitres d’un livre que l’on écrit ou organiser un événement.

    Donc FraMindmap est en gros un outil de mindmapping :
    – en ligne ;
    – gratuit ;
    – sans inscription.

    Il est facile à prendre en main, éthique (aucune conservation de données) et la petite vidéo de la page d’accueil vous explique tout très bien.

    En route donc pour la découverte des cartes mentales avec Framindmap, un outil Framasoft.

    La route est longue, mais la voie est libre 😉

  • Interview dans 4h18

    Interview dans 4h18

    4h18
    4h18 est une source d’informations spécialisées dans le CMS WordPress (un moteur de blog utilisé par exemple sur le site que avez sous les yeux).

    Comme Masterfight.net, mon site principal fonctionne également avec ce moteur, j’ai trouvé naturel de répondre à une interview de Stéphane Briot le maître des lieux, sur l’usage que j’en ai.

    J’y explique pourquoi j’ai choisi WordPress et ce que j’en attends.

    Retrouvez l’interview complète sur 4h18 (avec une photo géante ^_^)

  • Peugeot fête ses 200 ans avec Euro RSCG et Yuksek

    Peugeot fête ses 200 ans avec Euro RSCG et Yuksek

    Yuksek musicalise peugeotLe clip de « la marque au lion » fait un carton, graphiquement et musicalement. L’agence c’est Euro RSCG et la musique c’est Yuksek (tiens, un site wordpress !).
    Euro RSCG n’ayant besoin de personne pour être connu, je fais cet article pour vous emmener voir le musicien : Yuksek. Il y a bien sûr une page facebook Yuksek ainsi qu’une Dailymotion TV
    (suite…)

  • 35 excellentes ressources pour le wireframe

    35 excellentes ressources pour le wireframe

    35 excellentes ressources pour le wireframeUn « wireframe » est en quelque sorte un croquis, une vue de votre futur site. C’est grâce à cette technique (qu’on appelle aussi mindmapping) que vous optimiserez l’ergonomie, la navigation et que vous mettrez en avant ce qui doit l’être… avant même d’avoir écrit une ligne de code. C’est avec cette base que votre infographiste pourra commencer à travailler sans se dire :

    « Dans 3 jours, ils se rendront compte qu’il manque un menu ».

    L’excellent Smashing Magazine nous propose une série d’outil pour arriver à démarrer nos projets avec LE wireframe qui tue, dans son article : 35 excellentes ressources pour le wireframe (en)

    Vous pouvez aussi essayer (100% gratuit) les 2 outils online que sont My Lovely Charts et Gliffy.

    C’est pas entièrement du wireframing, mais je viens de trouver un « plugin » InDesign qui permet de démarrer avec des modèles, dont certains modèles utiles pour la conception : Eightshapes Unify

  • BooneOakley sort un site Youtube !

    C’est le buzz du moment et Jean François Detout nous en fait profiter, et ça vaut largement mon coup de coeur (en plus ça fait trop longtemps que j’ai rien publié). La société BooneOakley, a sortit son site internet entièrement en vidéo.
    Comment ?
    En utilsant les outils fournis par le service Youtube. Une fois uploadé votre vidéo, vous pouvez créer un bouton qui renvoi vers un autre contenu, donc une autre vidéo. Ils sont ainsi liés plusieurs vidéos entre elles… et ça donne, un truc canon. Simple mais canon. Bref, d’une créativité bluffante.

    Et comme ça n’a aucun intérêt de vous mettre une vidéo isi, allez donc la voir directement sur le site BooneOakley.com

  • La BD Toolbar

    La BD Toolbar
    Une petite bafouille pour vous signaler que je viens de mettre à jour la page sur la création de bandes dessinées.

    En effet je viens de découvrir une petite barre d’outils qui sera bien utile aux accrocs des comics et manga pour se tenir au courant des dernières actus.

  • Firefox : record du monde

     

    Download Day 2008

    Inscrivez-vous sur Spreadfirefox, pour établir le Record du monde des téléchargements de Firefox, le navigateur open-source et gratuit (parce que c’est pas pareil).

    J’en profite pour vous faire une piqûre de rappel sur les logiciels libres en vous proposant de consulter le livret du libre en version HTML ou en version PDF. Vous y trouverez toutes les réponses aux questions que vous vous posez sur ce qu’est le logiciel libre.

  • Templates wordpress, flash inside

    Vous l’aurez remarqué, l’entête n’est plus figé il est en flash. C’est un test que je fais pour animer un peu le blog. Comme c’est un test, cela risque de ne pas rester, ou de se développer, je vais voir.

  • Un mini-site Bata, c’est le pied

    Entièrement en Flash, ce mini-site fût réalisé en étroite collaboration avec un freelance talentueux pour le code AS, un développeur non moins talentueux pour la partie PHP (t’as pas de site, dommage) et votre serviteur au graphisme.

    Bata Plus : l'animation technologique de Bata.com.
    Sélectionnez l’animation Bata Plus

    L’administration se fait par le biais d’une interface génèrant un fichier XML. Le moteur flash, incluant les animations principales, va chercher les infos textes ainsi que les différentes animations « technologiques », dans ce fichier XML.

    Regardez chaque animation de fond car elles sont toutes plus ou moins animées.