Les actualités du Jeudi 23 avril 2015 dans les métiers du web - Marmits.com - Reims

Le: 23 04 2015 à 22:45 Alsacreations.com - Actualités Auteur: jojaba

Voici une idée simple et efficace (comme je les aime) qui fait son chemin : le format .json. Ce format, provenant du monde JavaScript et représentant un objet, s'apparente au .XML, dans sa fonction du moins : il permet de stocker des données textuelles (mais pas des données binaires) de manière structurée.

Il a été créé par Douglas Crockford qui l'a décrit en 2006 par la RFC4627 de l'IETF. Cette référence a été mise à jour en 2014 dans la RFC7159.

Avantages et inconvénients

Vous allez vous rendre compte que ce format ne présente pas beaucoup de défauts (mais peut-être ne suis-je pas tout à fait objectif en disant cela), principalement parce qu'il reste vraiment très simple à lire, comprendre et utiliser.

Les plus

  • Langage compréhensible par tous (humain et machine). Aucun apprentissage n'est requis puisque la syntaxe n'utilise que quelques marques de ponctuations (nous le verrons plus tard).
  • Ne dépend d'aucun langage (format d'échange de données ouvert).Comme ce format est très ouvert, il est pris en charge par de nombreux langages : JavaScript, PHP, Perl, Python, Ruby, Java,...
  • Permet de stocker des données de différents types : chaînes de caractères (y compris des images en base64), nombres, tableaux (array), objets.
  • Sa structure en arborescence et sa syntaxe simple lui permet de rester très "léger" et efficace.

Les moins

  • Ne convient pas au stockage de données sensibles.
  • Le fait que la syntaxe soit rudimentaire peut être un inconvénient dans certains cas. Par exemple, contrairement à XML, il n'y a pas d'identification précise des données (sous forme de balise par exemple), la structure doit donc être connue avant utilisation.

La syntaxe

Je vous parlais précédemment de quelques signes de ponctuations qui permettent de structurer les données dans un fichier .json. En voici la liste (vous ne serez normalement pas dépaysés puisqu'ils sont utilisés exactement de la même manière dans d'autres langages, comme JavaScript par exemple) :

  • {...} : les accolades définissent un objet.
  • "language":"Java" : Les guillemets (double-quotes) et les double-points définissent un couple clé/valeur (on parle de membre).
  • [...] : Les crochets définissent un tableau (ou array en anglais).
  • {"id":1, "language":"json", "author":"Douglas Crockford"} : Les virgules permettent de séparer les membres d'un tableau ou, comme ici, d'un objet . A noter : pas de virgule pour le dernier membre d'un objet, sinon, il ne sera pas valide et vous aurez des erreurs lors de l'analyse du fichier.

C'est tout ? Ben oui, c'est tout ! Une dernière précision cependant, et elle n'est pas anodine : tout doit être encodé en utf-8.

Il est temps de découvrir un exemple de fichier .json basique :

{
    "titre_album":"Abacab",
    "groupe":"Genesis",
    "annee":1981,
    "genre":"Rock"
}

Suffisamment simple pour ne pas avoir à donner d'explications, non ? Un fichier .json contient un objet ({...}) qui, ici, contient 4 membres identifiés par leurs paires clé/valeur. Les valeurs possibles sont :

  • Une chaîne de caractères : "titre":"Le format json", "description":"Le format <strong>simple</strong> et <strong>léger</strong>, "contenu":"<p>L'avantage de json est son incroyable simplicité d'apprentissage et de mise en oeuvre. C'est le \"Petit Poucet\" de l'échange de données.</p>"
  • Un nombre (pas de guillemets requis dans ce cas) : "pi":3.14, "g":9.81, "v_son":340
  • Un tableau : [...]
  • Un objet : {...}
  • D'autres valeurs possibles : un booléen (true ou false), null, rien ("alsanaute":true, "autrenaute":null,"bisounaute":"")

Sachez qu'il est possible d'ajouter autant d'espaces (au sens large du terme, c'est à dire que les retours à la ligne et les tabulations sont également considérés comme des espaces) que l'on veut. Le fichier ci-dessus pourra donc également s'écrire de la manière suivante, par exemple :

{
    "titre_album"
       :"Abacab",
    "groupe"
       :"Genesis",
    "annee"
       :1981,
    "genre"
       :"Rock"
 }

Voyons à présent un exemple plus complexe contenant des objets et des tableaux :

{
  "fruits": [
    { "kiwis": 3,
      "mangues": 4,
      "pommes": null
    },
    { "panier": true }
  ],
  "legumes": {
      "patates": "amandine",
      "poireaux": false
    },
    "viandes": ["poisson","poulet","boeuf"]
 }

Dans cet exemple nous pouvons observer qu'il y a 3 membres (fruits, legumes et viandes). fruits est constitué d'un seul membre qui est un tableau de 2 objets : le premier objet contient 3 membres et le second un seul. legumes est défini par un objet constitué par 2 membres. viandes, quant à lui, est défini par un tableau de 3 éléments.

Cet exemple démontre l'extraordinaire récursivité (illimitée ou presque : 512 niveaux acceptés !) de ce type de format, encore une grande qualité à mettre à l'actif de .json !

Visualisation et validation

Quand on débute dans un langage, le fait d'avoir à disposition des outils permettant de visualiser et de valider le code est d'une grande aide. Là encore .json est doté de tout ce dont vous avez besoin. En effet, plusieurs visualiseurs/validateurs sont disponibles en ligne. Un des visualiseurs les plus connu est jsonviewer.stack.hu. Le grand avantage de cet outil est qu'il intègre toutes les fonctionnalités utiles pour l'analyse d'un fragment de code .json : un validateur (très basique puisqu'il ne fait qu'indiquer si le code contient des erreurs), un visualiseur, un minificateur. Le principe est simple, vous collez le code dans la fenêtre "Text" puis vous cliquez sur l'onglet "Viewer". S'il n'y a pas d'erreur dans votre code, l'arborescence de votre .json sera affichée. Copie d'écran pour le dernier exemple traité :

Visualiseur de fichier json

Pour la minification, Il suffit de cliquer sur le bouton "Remove white spaces". Pour revenir à la version formatée ou pour formater un fichier non formaté, cliquez sur le bouton "Format".

Le validateur se contente d'indiquer qu'il y a une erreur dans le code analysé, c'est un peu léger pour le débogage, qu'à cela ne tienne, il existe d'autres outils plus performants pour cela (ils indiquent l'endroit où se trouve l'erreur). Un exemple parmi d'autres : JSONLint.

D'autres outils disponibles en ligne :

PHP et json

Généralités

Le format .json est une notation héritée de JavaScript que l'on peut considérer comme un objet, c'est donc dans ce langage-là qu'ont été développés en premier des fonctions de prise en charge, notamment pour AJAX, pour lequel il permet de linéariser des données de requêtes. Rodolphe nous avait concocté un article à ce sujet : « Le format JSON, AJAX et jQuery ».

Mais, comme dit au début de ce tutoriel, beaucoup d'autres langages prennent en charge .json. Parmi eux, PHP.
Dans un premier temps, il était nécessaire d'installer une bibliothèque sur le serveur afin d'obtenir des outils de traitement, mais à présent (à partir de la version 5.2), ces outils sont intégrés dans le noyau de php, du moins les deux fonctions de décodage et d'encodage json entre autres : json_decode() et json_encode() . Nous utiliserons la première fonction dans le cas d'étude qui va suivre.

json pour la traduction de chaînes

Nous connaissons différents langages permettant l'internationalisation de fichiers, le plus connu d'entre eux étant gettext de la Free Software Foundation (FSF) (uniquement développé à des fins de traduction et utilisé notamment par différents CMS tel que WordPress), mais également d'autres langages pas uniquement dédié à cela comme XML, YAML. Ils ont tous fait leur preuve et sont donc fiables. Cependant, ils se trouvent être assez "lourd" et demandent donc des ressources certaines lors de leur analyse. C'est pourquoi, opter pour un (ou plusieurs) fichier .json semble être une alternative intéressante dans le cadre de "petits" projets à traduire. Il est léger, très rapide à analyser et garde les avantages de lisibilité qu'ont les moyens énumérés précédemment.

Nous allons donc voir comment mettre en place un système d'internationalisation de fichier en utilisant ce format. Voici le code du fichier que je vous propose de traiter :

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Alsacreafans</title>
        <meta name="description" content="Communauté des fans d'Alsacreations.com">
    </head>
    
    <body>
        
        <header>
            <h1>Les alsacreafans</h1>
            <p>Nous pensons qu'Alsacreations est une initiative d'<a href="http://vosdroits.service-public.fr/associations/F1131.xhtml">utilité publique</a> !</p>
        </header>
        
        <main>
            <article>
                <header>
                    <h2>Vos avis</h2>
                </header>
                <p>Quelques commentaires des fans :</p>
                <blockquote>
                    <p>Des tutoriels très clairs, des articles toujours à la pointe de l'actualité !</p>
                </blockquote>
                <blockquote>
                    <p>Vous obtenez des avis de "pros" dans le forum d'Alsacreations.com !</p>
                </blockquote>
                <blockquote>
                    <p>Ma veille technologique passe par le flux RSS et la timeline Twitter d'Alsacreations.com !</p>
                </blockquote>
            </article>
        </main>
        
        <footer>
            <p>
                © Alsacreafans.com 2015 | Cet exemple de page html n'est pas de la responsabilité d'Alsacreations.com et n'a été mis en place que pour des raisons didactiques.
            </p>
        </footer>

    </body>
</html>

Nous allons donc créer un fichier fr.json qui stockera les chaînes en français, le voici (il faudra faire de même pour les autres langues, dans la démonstartion ci-dessous, un fichier en.json) :

{
    "head_title":"Les Alsacreafans",
    "head_description":"Communauté des fans d'Alsacreations.com",
    "site_h1":"Les Alsacreafans",
    "site_description":"Nous pensons qu'Alsacreations est une initiative d'<a href=\"http://vosdroits.service-public.fr/associations/F1131.xhtml\">utilité publique</a> !",
    "page_h2":"Vos avis",
    "page_content":"<p>Quelques commentaires des fans :</p><blockquote><p>Des tutoriels très clairs, des articles toujours à la pointe de l'actualité !</p></blockquote><blockquote><p>Vous obtenez des avis de \"pros\" dans le forum d'Alsacreations !</p></blockquote><blockquote><p>Ma veille technologique passe par le flux RSS et la timeline Twitter d'Alsacreations !</p></blockquote>",
    "footer_text":"© Alsafans.com 2015 | Cet exemple de page html n'est pas de la responsabilité d'Alsacreations.com et n'a été mis en place que pour des raisons didactiques."
}

Quelques commentaires à propos de ce fichier :

  • Les clés sont écrites en anglais, langue de référence pour les traducteurs. Elles sont écrites en minuscule et les mots sont séparés par des "underscores" pour faciliter la sélection au double-clic. Il est tout à fait possible, d'après mes tests, d'utiliser des espaces dans les noms de clé. Par exemple, "The site header" est une valeur valide.

    Attention, les clés sont sensibles à la casse ("Site_H1""site_h1")

  • Dans notre exemple, la valeur de page_content ne doit pas comporter de retours à la ligne qui rendent le fichier invalide. Cela peut arriver lorsque l'on fait un copier/coller de la source.
  • Les commentaires ne sont pas pris en charge par le format .json. Mais une petite astuce pourra faire l'affaire : il suffit d'ajouter un membre assez visible et qui ne sera pas pris en compte pour la traduction. Par exemple : "Top_page_infos":"##########################"

Le fichier à internationaliser (qui est en fait un fichier .php) sera modifié de la manière suivante :

<?php
$lang = $fr_class = $en_class = '';
/* Récupération de la langue dans la chaîne get */
$lang = (isset($_GET['lang']) && file_exists('lang/'.$_GET['lang'].'.json')) ? $_GET['lang'] : 'fr';
/* Définition de la class pour les liens de langue */
if ($lang == 'fr')
    $fr_class = ' class="active"';
else
    $en_class = ' class="active"';
/* Récupération du contenu du fichier .json */
$contenu_fichier_json = file_get_contents('lang/'.$lang.'.json');
/* Les données sont récupérées sous forme de tableau (true) */
$tr = json_decode($contenu_fichier_json, true);
?>
<!DOCTYPE html>
<html lang="<?php echo $lang ?">
    <head>
        <meta charset="utf-8">
        <title><?php echo $tr['head_title'] ?></title>
        <meta name="description" content="<?php echo $tr['head_description'] ?>">
    </head>
    
    <body>
        
        <header>
            <h1><?php echo $tr['site_h1'] ?></h1>
            <p><?php echo $tr['site_description'] ?></p>
        </header>
        
        <nav><a<?php echo $en_class ?> href="?lang=en">en</a> <a<?php echo $fr_class ?> href="?lang=fr">fr</a></nav>
        
        <main>
            <article>
                <header>
                    <h2><?php echo $tr['page_h2'] ?></h2>
                </header>
                <?php echo $tr['page_content'] ?>
            </article>
        </main>
        
        <footer>
            <p>
                <?php echo $tr['footer_text'] ?>
            </p>
        </footer>

    </body>
</html>

Là encore quelques commentaires…

  • Le code php est pour le moins simplissime :
    1. Récupération du code iso de la langue dans la chaîne get ;
    2. définition de la class des liens de langue (pour le style des deux boutons selon l'état) ;
    3. récupération du contenu du fichier fr.json ou en.json;
    4. décodage du fichier ;
  • On retrouve toutes les valeurs sous forme de tableau associatif si on ajoute le paramètre true à la fonction json_decode(), sinon on les obtient sous forme d'objet. site_h1 par exemple, serait récupéré ainsi : $fr->{'site_h1'}.
  • On peut bien évidemment améliorer ce système d'internationalisation en créant des fonctions de traitement des traductions avant affichage à l'instar de la fonction _() de gettext.

Voir la démonstration

Ici, nous avons vu un cas très simple de décodage de fichier .json. La récursivité d'un tel fichier est tout aussi simple à prendre en compte, vous pouvez d'ailleurs vous aider des visualiseurs json pour retrouver les différents éléments de l'objet. Pour l'exemple json complexe, vous récupérerez la valeur de "mangues" par $fr['fruits'][0]['mangues'] (si vous utilisez le même code php que je vous propose ci-dessus).

Ressources

Le: 23 04 2015 à 19:04 presse-citron.net Auteur: Manu

Asus entre lui aussi dans l’univers des objets connectés en dévoilant sa première montre connectée VivoWatch.

Le: 23 04 2015 à 19:03 Journal du Net Développeurs

Après l'arrivée de Free, Orange, SFR et Bouygues Télécom ont baissé leurs tarifs pour éviter une fuite massive de leurs clients. Du coup, les MVNO, qui jouaient sur la différence entre leurs tarifs et ceux des NMO, ont été étranglés. Parallèlement, sur le marché du B2B (plus de 600 opérateurs déclarés), l'innovation n’a jamais autant offert d’opportunités commerciales, techniques et financières.

Le: 23 04 2015 à 18:57 presse-citron.net Auteur: Manu

Amazon, le géant du commerce électronique vient d’annoncer qu’il allait tester un nouveau système de livraison, directement dans le coffre de voiture de ses clients.

Le: 23 04 2015 à 18:45 presse-citron.net Auteur: Setra

Avant son lancement, on en parlait comme d’une révolution, d’un séisme pour la concurrence. Après son lancement, on évoquait un goût d’inachevé.

Le: 23 04 2015 à 18:29 korben.info Auteur: Korben

Hello tout le monde, Bon, je suis bien rentré du pays Breton et le soleil était bizarrement au rendez-vous. Plage, fruits de mer, balades et j'ai même fait un barbec avec un cyber-terroriste. La belle vie quoi. Et cette semaine c'est la course, car j'ai 100 000 trucs à terminer avant de partir à San […]

Cet article merveilleux et sans aucun égal intitulé : Edito du 23/04/2015 ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Le: 23 04 2015 à 18:13 korben.info Auteur: Korben

Si vous savez réaliser une copie de sauvegarde de votre disque dur et transférer des photos de votre téléphone sur votre ordinateur, vous êtes paré pour installer un SSD et améliorer instantanément les performances de votre système. Fondamentalement, l'installation d'un SSD s'effectue en cinq étapes : sauvegarde du contenu de l'ancien disque dur transfert des […]

Cet article merveilleux et sans aucun égal intitulé : Comment installer un SSD et vérifier sa compatibilité matériel ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Le: 23 04 2015 à 18:03 presse-citron.net Auteur: Setra

Si vous êtes sur le point d’acheter une Apple Watch, cette vidéo pourrait vous en dissuader.

Le: 23 04 2015 à 17:55 Journal du Net Développeurs

Avec déjà 10% du marché de la VOIP et l'ambition de connecter les quatre coins du monde, Mark Zuckerberg essaie petit à petit de mettre les opérateurs mobiles hors jeu.






Le: 23 04 2015 à 17:54 FrenchWeb.fr Auteur: La rédaction

La justice allemande a reconnu la liberté dont dispose les internautes de bloquer ou non les publicités.

Le: 23 04 2015 à 17:45 Web Design Shock Auteur: Yannick Quelennec

A beautiful, animated button made in CSS that once you click it, it transforms into a loading bar, and then into a confirmation button. It has a material style, and doesn’t require much time to integrate into your website. Created by Bhakti Al Akbar Pasaribu.

The post Animated Material CSS Loading Button appeared first on ByPeople.

Le: 23 04 2015 à 17:43 presse-citron.net Auteur: Setra

Surtout connu pour ses messages instantanés, Facebook Messenger dévorerait aussi des parts dans le domaine des appels VOIP.

Le: 23 04 2015 à 17:21 Web Design Shock Auteur: GabrielPebbles

Fara is a theme for WordPress sites with a masonry style, similar to Pinterest. It has a big featured header area with image background, logo and description, and then it shows the grid-organized blog posts. It uses Google font, it’s rated well and it’s free. The theme was made by WordPress user vladff.

The post Fara: Free Masonry WordPress Theme appeared first on ByPeople.

Le: 23 04 2015 à 17:12 FrenchWeb.fr Auteur: La rédaction

La start-up développe un banc à rouleaux climatiques mobile qui permet aux constructeurs automobiles de réaliser des tests de performance.

Le: 23 04 2015 à 17:10 Web Design Shock Auteur: BusinessDev

LSX is a WordPress framework which gives you the basic tools to create a complete theme. It already has the necessary components for a usable theme, so you don’t have to correct anything later. It is well documented, you can customize it live, and add custom branding. You can use it freely for any purpose.

The post LSX: Minimal WordPress Theme Framework appeared first on ByPeople.

Le: 23 04 2015 à 17:05 FrenchWeb.fr Auteur: Nicolas Bannier

le samedi 6 et dimanche 7 juin 2015 à Strasbourg

Le: 23 04 2015 à 17:01 Web Design Shock Auteur: ClemenceMaurice

Moderne is a free font with sharp edges. It is a sans-serif creation that comes as TTF and you can use it in both web and printed design. This font has uppercase, lowercase, numbers and some special characters. It can be used personally or commercially.

The post Moderne: Free Sans-serif Typeface appeared first on ByPeople.

Le: 23 04 2015 à 16:53 presse-citron.net Auteur: Setra

Les applications pour l’Apple Watch se font de plus en plus nombreuses. Certaines sont vraiment intéressantes.

Le: 23 04 2015 à 16:49 Web Design Shock Auteur: GabrielPebbles

Layzr.js is a small and modern JavaScript library that allows images, text and other content load faster on any website. It is also fast and easy to implement. The library is free to download and use, it’s licensed under MIT and it was created by Michael Cavalea.

The post Layzr.js: Small Lazy Loading JavaScript Library appeared first on ByPeople.

Le: 23 04 2015 à 16:43 open-source-guide.com Auteur: com@smile.fr (Samuel Deberles)

L’équipe de développement de la très populaire solution d’E-commerce Magento annonce la disponibilité de la version entreprise 1.14.2. Les nouveaux développements permettent d’étendre les capacités de la plateforme Magento et renforcent un peu plus le leadership de cette solution comme outil de croissance pour les entreprises.

Le: 23 04 2015 à 16:35 Journal du Net Développeurs

Le site qui permet de créer un journal personnalisé, lancé en avril 2013, cherche à lever 200 000 euros. Xavier Niel s'est déjà engagé à participer au tour de table.






Le: 23 04 2015 à 16:25 Journal du Net Développeurs

Blogueur, auteur, spécialiste des médias et de Google, le "gourou" Jeff Jarvis livre au JDN sa vision du Web d'aujourd'hui et de l'évolution en cours du métier de journaliste.






Le: 23 04 2015 à 16:21 Web Design Shock Auteur: SantiLopez

A free material UI kit made in PSD format, totally organized and ready to use as is or to be edited. The kit has the regular UI components like menu bars, profile widgets, charts, post previews & thumbnails, search bars, buttons, forms and many more. It also includes icons. The set can be used for personal and commercial projects.

The post Free Material Design UI Kit appeared first on ByPeople.

Le: 23 04 2015 à 16:05 FrenchWeb.fr Auteur: Sébastien Gestiere

Le jeudi 11 juin à 11h avec eGain

Le: 23 04 2015 à 15:44 presse-citron.net Auteur: Setra

Les vidéos Facebook sont sur le point de devenir une menace très sérieuse pour YouTube.

Le: 23 04 2015 à 15:43 FrenchWeb.fr Auteur: Nicolas Bannier

les 8 et 9 juin 2015

Le: 23 04 2015 à 15:15 FrenchWeb.fr Auteur: Nicolas Bannier

14 mai 2015 à Prague

Le: 23 04 2015 à 15:11 designm.ag Auteur: Jake Rocheleau

Advertise here with BSA


You ever hear the word haberdashery and just slip into a fit of laughter? Yes it may sound a little goofy, but it turns out those haberdashers are sewing up holes and mending fabric that all men need to survive in the real world. A more common phrase for this job is tailor which seems much more applicable in the modern world.

Bespoke tailors are hard-working artisans who create suits and suit accessories from scratch. Many of these tailors also build custom suits and sell them online. In order to attract a professional client base these tailors need a professional-looking website. So for all you designers and business owners I've put together this gallery of inspirational tailor websites. Inspiration comes in many forms and often times it is easiest to simply learn from the best.

Hiras

hong kong hiras tailor bespoke


Advertise here with BSA

Le: 23 04 2015 à 15:07 presse-citron.net Auteur: Setra

La version 4.1.2 de WordPress est là. Et vous feriez mieux de mettre à jour votre CMS dès que possible.

Le: 23 04 2015 à 14:31 presse-citron.net Auteur: Fredzone

Pas de doutes, le géant des réseaux sociaux n’en a pas encore fini avec nos téléphones.

Le: 23 04 2015 à 14:30 presse-citron.net Auteur: Manu

Ceux qui rêvaient de devenir commentateur sportif amateur en utilisant Meerkat ou Periscope vont être déçus. Les deux applications ont été interdites par la NHL.

Le: 23 04 2015 à 14:06 presse-citron.net Auteur: Fredzone

Si vous avez du mal à placer Paris ou Lyon sur une carte, alors ce jeu n’est peut-être pas fait pour vous.

Le: 23 04 2015 à 13:45 Webdesigner Depot Auteur: Emma Grant

Responsive design methods are very helpful to developers because they allow us to serve content to the widest range of devices without having to maintain separate versions of the site and without some of the negative drawbacks to other methods such as scaling and fluid layouts. This article will highlight the top 3 mistakes designers […]

Le: 23 04 2015 à 12:53 FrenchWeb.fr Auteur: La rédaction

Un secteur en pleine croissance, et des métiers dans l'e-commerce qui doivent se créer...Entretien avec Pierre Cannet, PDG de Blue Search Conseil.

Le: 23 04 2015 à 12:34 FrenchWeb.fr Auteur: Nicolas Bannier

L’avenir de la relation client à l’air du cloud Mardi 16 juin de 9h à 13h sur...

Le: 23 04 2015 à 11:25 powerpress.fr Auteur: adictphone

Le site Adictphone est un nouveau site en ligne de vente de coques personnalisées de téléphones, créé par un jeune étudiant de 21 ans. Soucieux de poursuivre ses études, il a créé ce site afin de les financer (logement, et école). Les produits proposés sont à petits prix, avec les frais de livraison gratuits et [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:25 powerpress.fr Auteur: seelegames

Seele Games,  groupe de développeurs indépendants français, annonce le lancement d’une application inédite dédiée à l’art de la sieste : Siesta Time. A retrouver dès le 24 Avril sur l’Applewatch et sur Iphone. _____________________ Dimanche après-­midi, soleil, pique-nique en famille et bonne humeur. Après un repas copieux vient le moment le plus important de la [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:25 powerpress.fr Auteur: ISTF - Formation de formateurs

Le secteur de la formation s’est vu révolutionné grâce au e-learning : un outil désormais indispensable. Cependant, le relationnel y est parfois délaissé. La classe virtuelle apporte des solutions à une telle problématique à plusieurs niveaux. L’apprenant est assuré d’un accompagnement régulier et personnalisé. Quant au formateur, il peut améliorer l’accompagnement des stagiaires et ses méthodes [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:24 powerpress.fr Auteur: iGraal

Le site de cashback et de bons plans iGraal.com lance prochainement la toute nouvelle version de son extension – barre de shopping – sur Chrome. À l’origine, l’extension iGraal permet la détection automatique de ses e-commerçants partenaires, offrant ainsi à l’utilisateur la possibilité de ne rien rater des bons plans, des réductions et du cashback [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:24 powerpress.fr Auteur: vendugeek

Vous avez des difficultés à déceler des cadeau qui sont originaux lors des anniversaires, ou célébrations et vous faites habituellement des offrandes qui ne charment pas forcément ?   Surprenez-les avec des cadeaux rigolos   Malgré cela, il ne vous suffirait de pas beaucoup pour encourager la flamme pour de bon. Une boutique geek sur [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:23 powerpress.fr Auteur: Quentin Jollivet

  OkoClick – La plateforme de publicité en ligne responsable !     La publicité en ligne peut-elle concilier éthique et performance ? Oui, il s’agit de l’engagement d’OkoClick, la régie publicitaire responsable !  www.okoclick.fr   Les valeurs de la publicité en ligne responsable sont : - la valorisation de l’engagement éthique et écologique des [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:23 powerpress.fr Auteur: heyjeffrey

La Start-Up « Hey Jeffrey » est une société de service née de l’association de deux amis d’enfance Jean-Charles Gallier et Ali Rahmani. Déterminés à rendre le quotidien des gens plus agréable, ils ont développé le service de conciergerie par SMS qui repose sur le même modèle que la start-up américaine Magic.  Qui est Jeffrey ?  Ce personnage, [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:23 powerpress.fr Auteur: PPM

Payer par mobile, une nouvelle tendance ? Depuis quelques mois, une petite révolution s’opère dans l’univers du paiement en ligne ! Que ce soit sous l’initiative d’Apple et l’Apple Pay à la sortie de l’Iphone 6, Snapchat avec Square Cash ou encore plus récemment Facebook grâce à sa nouvelle option via Messenger, transférer de l’argent depuis son [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:23 powerpress.fr Auteur: bconsulting

Paris, 14 avril 2015 – CDNetworks, fournisseur international de services de cloud computing accélérant la distribution des contenus Web, annonce son arrivée sur le marché italien pour développer la performance des sites et applications Web et e-commerce de la péninsule dans le monde entier. « L’exportation des produits italiens a augmenté de façon spectaculaire ces [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:23 powerpress.fr Auteur: srpresse

La Société Autrement lance RoomRoom.com, la première plate-forme pour vendre une réservation de chambre d’hôtel achetée avec un tarif non-annulable et non remboursable. Une petite révolution dans l’univers du voyage en ligne, mais aussi un bon plan pour l’acheteur qui paiera cette réservation de 30 à 80% moins cher que le prix public. « L’histoire commence [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:23 powerpress.fr Auteur: hello

La Start-Up « Hey Jeffrey » est une société de service née de l’association de deux amis d’enfance Jean-Charles Gallier et Ali Rahmani. Déterminés à rendre le quotidien des gens plus agréable, ils ont développé le service de conciergerie par SMS qui repose sur le même modèle que la start-up américaine Magic.  Qui est Jeffrey [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:23 freebiesbug.com Auteur: Icons8

300+ flat color icons SVG

A special pack containing 312 free SVG icons by Icons8, a very large archive of pixel-perfect icons.

The post 300+ flat color icons SVG appeared first on Freebiesbug.

Le: 23 04 2015 à 11:22 powerpress.fr Auteur: mmplay3

Avez-vous besoin de nouvelles sonneries pour votre portable ? Si c’est le cas, vous devriez sans plus attendre faire la découverte de la plateforme m.Mplay3. Vous y retrouverez des milliers de singles en MP3, ainsi que d’autres produits mobiles qui feront votre bonheur. N’hésitez donc pas et profitez de ce qui se fait de meilleur dans [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:22 powerpress.fr Auteur: Netcomgroup

Ce lundi le ministre de l’Intérieur a présenté son plan de lutte contre l’insécurité routière après un bilan 2014 où le nombre de morts repart à la hausse (3 388 tués contre 3 268 en 2013). Les équipementiers téléphoniques s’inquiètent de l’évolution future du marché en raison de l’interdiction du port d’oreillettes et autres écouteurs en voiture à partir de [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:22 powerpress.fr Auteur: PPM

Aujourd’hui, les commerçants dépensent souvent beaucoup d’argent en systèmes de caisse enregistreuse qui sont pour la plupart peu intuitifs et ne répondent pas spécifiquement à leurs besoins. C’est pourquoi la société Tiller Systems a lancé un nouvel outil innovant : une caisse enregistreuse connectée, baptisée Tiller, disponible sur iPad. Le concept ? Permettre aux professionnels d’enregistrer des [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:22 powerpress.fr Auteur: tisrenaultETHAN

Un produit à présenter ? Une réunion à annoncer ? une offre d’emploi à proposer ? Les occasions de faire des vidéos ne manquent pas dans la vie familiale et professionnelle. Encore faut-il pouvoir créer facilement une vidéo de bonne qualité. Ethan McGregor le permet dorénavant grâce à ses deux sites Bizmmov et Familymoov … [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:21 powerpress.fr Auteur: presscp

Alors que pour 84% des décideurs en entreprise le passage au numérique (ou digital) est un enjeu stratégique selon une étude menée par ROOMn* en janvier 2015, DIMO Software choisit DocuWare comme partenaire pour étendre son offre de dématérialisation des documents et des processus. Les deux acteurs souhaitent ainsi répondre au besoin des entreprises à la [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:21 powerpress.fr Auteur: Retrogram

Un événement étonnant s’est produit aujourd’hui… saurez-vous retrouver lequel ? FRANCE – 08 avril 2015 – Disponible dès maintenant, l’application Retrogram vous permet de découvrir chaque jour un événement improbable qui s’est produit il y a 3 ans, 3 décennies ou bien 3 siècles jour pour jour. Mais Retrogram ne propose que des titres décalés [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 11:07 Journal du Net Développeurs

Aux États-Unis, les DSI des grandes entreprises ne se posent plus la question de travailler avec des start-ups. En effet, celles-ci sont clairement identifiées comme un atout et des partenaires de valeur pour faire la différence face à leurs concurrents. En France, les choses évoluent plus lentement. Voici quelques pistes pour aider les jeunes pousses à convaincre les grandes sociétés hexagonales de travailler ensemble.

Le: 23 04 2015 à 11:02 blogduwebdesign.com Auteur: Benjamin SANCHEZ

Le: 23 04 2015 à 11:00 freebiesbug.com Auteur: Pasquale Vitiello

Interactive drag & drop mockup coloring

A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.

The post Interactive drag & drop mockup coloring appeared first on Freebiesbug.

Le: 23 04 2015 à 11:00 Journal du Net Développeurs

Créé par IBM, Novell, Philips, Red Hat et Sony, l’Open Invention Network a pour but de protéger les logiciels libres et open source de la menace que font planer les brevets.

Le: 23 04 2015 à 10:59 FrenchWeb.fr Auteur: Adeline Raynal

La FinTech est présente en Grande-Bretagne mais également aux Etats-Unis, où elle est en concurrence avec Lending Club.

Le: 23 04 2015 à 10:33 FrenchWeb.fr Auteur: Nicolas Bannier

En partenariat avec l’agence Search Marketing Synodiance, FrenchWeb vous propose cette formation consacrée aux stratégies de Synergie SEO / SEA.

Le: 23 04 2015 à 10:32 WebdesignerNews Auteur: Cameron

Egg.js makes it simple to add easter eggs to your site by watching your visitors’ keystrokes. It’s really easy to use, just by including the egg.js file on your page and adding the easter egg(s).

Le: 23 04 2015 à 10:30 WebLife Auteur: Baptiste

Fousquare : Application pour la Apple Watch dévoilée

Après avoir annoncé il y a quelques semaines que Foursquare pouvait être accessible sans créer de compte utilisateur et que les montres connectées se font de plus en plus nombreuses […]

Via

L'article Fousquare : Application pour la Apple Watch dévoilée est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.

Le: 23 04 2015 à 10:29 ballajack.com Auteur: Ballajack

Les codes postaux sont gérés par La Poste qui historiquement assure la distribution du courrier en France. La Poste est la seule à pouvoir fournir une liste mise à jour de ces codes postaux. Il s'agit d'une série de cinq chiffres dont l'objectif est d'identifier les communes qui disposent d'un bureau distributeur de courrier. En […]

Le: 23 04 2015 à 10:27 FrenchWeb.fr Auteur: La rédaction

Le mobile représente désormais 73% des revenus publicitaires.

Le: 23 04 2015 à 10:08 powerpress.fr Auteur: Adrien

Depuis le mardi 21 avril 2015, Google a changé son algorithme afin d’y introduire des critères de compatibilité mobile. En d’autres mots, cela veut dire que depuis cette date, les sites internet qui ne sont pas compatibles pour smartphones risquent de perdre énormément de visibilité dans les résultats de recherche mobile. Dans le but d’aider [...]

PowerPress - Communiqués de presse gratuits

Le: 23 04 2015 à 10:03 cssdesignawards.com

This is a special website of the kid’s event “50m Sprint Race Space Champions” which New Balance Japan will be hosting in April 2015. We have designed the space atmosphere in detail by using SVG animations for screen transitions from navigations and GIF animations on backdrops.

Le: 23 04 2015 à 10:00 WebLife Auteur: Romain

No iOS Zone : Une faille iOS pour faire planter n’importe quel équipement

C’est durant la conférence RSA 2015 qui se tient actuellement à San Francisco que deux chercheurs en sécurité (Adi Sharabani et Yai Amit) ont dévoilé une faille de sécurité importante […]

Via

L'article No iOS Zone : Une faille iOS pour faire planter n’importe quel équipement est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.

Le: 23 04 2015 à 09:38 korben.info Auteur: Korben

Si vous êtes sous Windows et que vous manquez un peu de mémoire pour être à laisse, y'a pas grand-chose à faire à part rajouter de la RAM. Enfin, pas grand-chose à faire, c'est certain, mais vous pouvez déjà commencer par désinstaller toutes les merdes qui prennent de la RAM pour rien et surtout, vous […]

Cet article merveilleux et sans aucun égal intitulé : Mem Reduc – Comment libérer un peu de mémoire sous Windows ? ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Le: 23 04 2015 à 09:30 WebLife Auteur: Romain

WhatsApp : Appels VoIP gratuits et illimités sous iOS et Android

C’est désormais officiel, WhatsApp est actuellement en train de pousser la mise à jour de son application mobile sur les différents stores. Cette nouvelle mouture apporte les appels VOIP illimités […]

Via

L'article WhatsApp : Appels VoIP gratuits et illimités sous iOS et Android est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.

Le: 23 04 2015 à 09:24 korben.info Auteur: Korben

Si vous aimez le JavaScript, autant que votre mère, alors je vous invite à jeter un oeil à BooJS. BooJS est un outil en ligne de commande qui permet d'exécuter du JS comme si vous étiez dans un navigateur. Il fonctionne au-dessus de PhantomJS, respecte les conventions Unix et permet donc de tester votre code […]

Cet article merveilleux et sans aucun égal intitulé : BooJS – Pour tester votre javascript directement en ligne de commande ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Le: 23 04 2015 à 09:15 korben.info Auteur: Korben

Si vous êtes comme moi et que vous jonglez avec environ 1 million d'onglets ouverts sous Firefox, voici une petite extension qui va vous intéresser. Ça s'appelle Smart Pause et une fois installé, ça permet de mettre automatiquement en pause les vidéos Youtube. Alors attention, pas les vidéos en embed sur les sites comme le […]

Cet article merveilleux et sans aucun égal intitulé : Un plugin pour mettre en pause les vidéos Youtube quand vous changez d’onglet Firefox ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.

Le: 23 04 2015 à 09:03 webappers.com Auteur: Ray Cheung

T3 is a client-side JavaScript framework for building large-scale web applications. T3 is different than most JavaScript frameworks. It’s meant to be a small piece of an overall architecture that allows you to build scalable client-side code. A T3 application is managed by the Application object, whose primary job is to manage modules, services, and […]

The post T3 JavaScript Framework for Large-scale Web Applications appeared first on WebAppers.

Le: 23 04 2015 à 09:00 WebLife Auteur: Anne

Facebook : Une nouvelle organisation de votre fil d’actualité

Comme vous le savez, Facebook choisit soigneusement quel contenu sera mis en avant dans votre fil d’actualité selon vos centres d’intérêts et vos relations. Jusqu’à aujourd’hui, vous pouviez voir apparaitre au […]

Via

L'article Facebook : Une nouvelle organisation de votre fil d’actualité est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.

Le: 23 04 2015 à 08:00 seomix.fr Auteur: Willy Bahuaud

L'ajax sur WordPress
Le guide complet et détaillé pour créer et mettre en place de l'Ajax sur n'importe quel thème ou extension WordPress. Un guide WordPress indispensable pour les développeurs et intégrateurs du CMS.

Accédez à l'article original : Ajax et WordPress : le guide.

Voici le début du contenu : L’Ajax est un produit d’entretien … mais pas seulement. C’est aussi une technique qui permet aux développeurs de concevoir des sites dynamiques. J’ai déjà abordé ce sujet au travers de plusieurs articles chez SeoMix et ailleurs, mais ceux-ci ne sont plus forcément à jour, la technique évoluant rapidement et sa prise en charge par les moteurs également. Il y a quelques semaines par exemple, Google a annoncé avoir arrêté le support de l’escaped_fragment, une méthode qu’il avait lui-même créé et incité à utiliser, pour permettre l’indexation de l’ajax. Alors quand Daniel m’a proposé de revenir parler de l’ajax, j’ai répondu présent. C’est une technique que j’utilise beaucoup sur les sites de mes clients, et dont j’aime bien parler. Aujourd’hui, je souhaite vous faire un récapitulatif assez complet sur l’utilisation de l’ajax dans WordPress et les bonnes pratiques associées. Le guide pour faire de l’ajax dans WordPress Qu’est ce que l’ajax ? Avant d’aller plus loin, il faut déjà saisir de quoi nous allons parler. L’ajax est l’acronyme de « Asynchronous Javascript And Xml ». Il s’agit d’une architecture faisant appel à plusieurs technologies afin de concevoir des applications web dynamiques, comprenez par là une page web dont le contenu change sans rafraichissement.…


Le: 23 04 2015 à 08:00 Blog du MMI Auteur: Maxime

Apart& 1 - le Mini-Ploy homemade

Hey folks ! Ici Max, le cadet de la fusée ! J’ai pas beaucoup écrit ces derniers temps, j’étais vraiment trop occupé à me la couler douce bosser dur pour bien terminer ma seconde année de MMI. Mais maintenant, tout va...

Le: 23 04 2015 à 07:58 jqueryrain.com Auteur: Admin

jQuery Date Range Picker is a jQuery plugin that allows user to select a date range. Requires jQuery 1.3.2+, Moment 2.2.0+ Supports IE6+, Firefox, Chrome, Safari and other standard HTML5 […]

The post jQuery Date Range Picker Plugin appeared first on jQuery Rain.

Le: 23 04 2015 à 07:48 jqueryrain.com Auteur: Admin

A small, fast, modern, and dependency-free javascript library for lazy loading.

The post Layzr.js : JavaScript library for Lazy Loading appeared first on jQuery Rain.

Le: 23 04 2015 à 07:30 WebLife Auteur: Baptiste

Google Project Fi : L’offre téléphonique en détails !

Nous vous évoquions à plusieurs reprises les dernières semaines l’arrivée prochaine de Google en tant qu’opérateur téléphonique. C’est désormais bel et bien le cas au travers du Projet Fi. Promesses […]

Via

L'article Google Project Fi : L’offre téléphonique en détails ! est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.