Synerg'heBlog le blog de la Junior-Entreprise spécialiste du web » Actualité et veille numérique

1
Le 25 août 2011 à 11h08 par Rémy Gazelot

Manipuler l’historique du navigateur

Les technologies innovantes fleurissent de jours en jours sur Internet avec HTML5, CSS3 et j’en passe. Voici une nouvelle technologie qui fait beaucoup parler d’elle en ce moment, la manipulation de l’historique du navigateur en Javascript. Cette méthode permet de naviguer en Ajax de page en page, en changeant les URLs du navigateur et en enregistrant votre navigation. Ainsi, les boutons précédents et suivants seront utilisables et vous permettront de naviguer, toujours en Ajax ! On se rapproche de plus en plus de la fluidité qu’apporte Flash, en corrigeant petit à petit les manques du Javascript. Une nouvelle grosse étape vient d’être franchie.

Mais qu’en est-il réellement et quelles sont les limites de cette utilisation ?

Lire la suite »

Le 17 juin 2011 à 15h06 par Rémy Gazelot

Réaliser un Google Doodle

Bonjour à tous ! Aujourd’hui nous allons parler Doodle. Alors qu’est-ce que le Google Doodle pour ceux qui n’en ont jamais entendu parler ? Le Google Doodle est une adaptation temporaire du logo de Google sur sa page d’accueil. Cette version modifiée est affichée pendant une journée et elle célèbre des événements, anniversaires ou encore fêtes nationales. Ces derniers temps, Google innove de plus en plus sur la technologie de ses Doodles avec HTML5, CSS3 et Javascript. Les animations n’utilisent pas Flash, mais ont un rendu néanmoins impressionnant.

Nous allons voir ensemble comment réaliser le Doodle du 117ème anniversaire de Martha Graham’s du 11 Mai 2011. Ce Doodle est une animation de Ryan Woodward dont vous pouvez avoir un aperçu de ses travaux sur son site www.ryanwoodwardart.com. Il faut savoir que tous les Doodles sont conçu différemment et la technique utilisée pour réaliser celui-ci n’est pas à 100% celle utilisée par Google mais en reprend les grandes lignes.


Lire la suite »

Le 31 mars 2010 à 09h03 par Henry Lim

Ajaxy : un CMS simple et élégant

illustration du cms ajaxy

Développé par Julien Nicault, Ajaxy est un outil de création de sites qui se concentre sur la simplicité d’utilisation et l’élégance de son interface.

Sa principale particularité réside dans le fait que utilise nativement des librairies AJAX. Celles-ci permettent de donner à votre site, l’apparence d’une application web sans rechargement de pages. Elles offrent également de jolis effets de transitions lors de la navigation (carrousel, lightbox, cube 3D…)

Essentiellement destiné à la création de sites vitrines et de portfolios, l’approche de l’auteur est de fournir un outil de gestion de contenus (CMS) très simple d’accès pour ses utilisateurs, qui sont jusqu’à présent des clients et amis peu familiers avec les outils internet.

Le CMS est également conçu pour simplifier le travail d’intégration graphique du site grâce un système simplifié de templating.
Des champs de personnalisation des URLs et balises méta permettent quant à eux, l‘optimisation du référencement naturel.

Enfin, l’outil intègre aussi une interface pour les smartphones tactiles, la gestion des statistiques et l’envoi de newsletter.

Actuellement en version de test, Ajaxy est un outil gratuit et open-source qui nécéssite un hébergement PHP/MySQL.

Henry Lim
Billet publié par Henry Lim
dans CMS
Le 13 décembre 2007 à 11h12 par Etienne Maujean

Quand JS remplace l’ActionScript…

La marque de vêtements Victoire vient de mettre en ligne la nouvelle version de son site e-commerçe. Sans trop entrer dans des considérations esthétiques (après tout, on aime ou on n’aime pas) mais le ton est bien donné. On est clairement dans l’univers de la mode, et les rappels à Paris sont bien marqués. Soit.

Ce que je trouve le plus intéressant n’est pas tant son design épuré, s’appuyant principalement sur des photographies plein écran (reprenant un peu le principe de danone.com), ni même l’utilisation massive d’effets de transitions ou de transparences. Non, ce qui me semble remarquable, c’est que cette fluidité donnée par ces animations est intégralement réalisée en JavaScript. Et oui, aucun fichier flash là dessous.

Victoire-paris.com

Plus que le défi technologique, j’apprécie que le site soit compatible avec tous les navigateurs courants, et entièrement consultable dans un environnement privé de support JS (à priori, seul le zoom sur un produit ne fonctionne pas). Alors certes, le contenu apparait assez bas si l’on désactive la feuille de style, mais le travail est quand même remarquable.

Bravo donc à l’agence Nurun et notamment Emmanuelle Fillassier (CP) et Sébastien Valléry (Dev/intégrateur).

Etienne Maujean
Billet publié par Etienne Maujean
dans Veille techno