Posts Tagged With 'HTML5'

Nouveau site en ligne !

Nouveau site en ligne !

Presque deux ans après la création de ma petite entreprise, le site de Karanbole fait sa mue !

Tout en gardant le concept « page unique », j’ai voulu utiliser au mieux les technologies du moment: HTML5, CSS3 et beaucoup de jQuery pour la présentation, et le CMS WordPress pour la gestion du contenu.

Résultat: un site qui reste assez minimaliste dans l’approche, mais plus dynamique et plus adapté au référencement. A noter également que le support de IE6 n’est plus assuré: le prix à payer pour une expérience plus conviviale …

Je vous laisse découvrir le nouveau site, ses nouvelles références … et me faire part des bugs que vous auriez pu trouver !

Bonne rentrée !

Read More

All is not lost, le dernier clip de OK Go en HTML5

All is not lost, le dernier clip de OK Go en HTML5

Karanbole aime le HTML5 et Ok GO.

Pour leur dernier clip en forme de soutien au Japon, le groupe a encore une fois cherché à étonner avec une expérience interactive réalisée entièrement grâce aux possibilités de HTML5.

OK Go - All is not lost

All Is Not Lost, de leur dernier album (au passage: si ils ont l’intention de faire un clip pour tous les chansons de Of the Blue Color of the Sky, ils en sont presque à la moitié), se découvre exclusivement sur Google Chrome. Si vous avez déjà vu The Wilderness Downtown, réalisé par Chris Milk pour Arcade Fire (sur le son de « We Used to Wait »), vous serez en terrain connu: multi-fenêtrage, musique, un peu d’interactivité… En revanche, pour les costumes, c’est du seyant.

Je vous laisse découvrir! Le Chrome Experiment de Ok GO, c’est ici.

Read More

Une application pour localiser ses stations de Vélo’v ça existe! (bientôt)

Il y a des fois comme ça où l’on se lève le matin avec l’envie de faire quelque chose de sa journée.

Photo sans titre par Antonio (licence Creative Commons)

Fervent utilisateur des Vélo’v lyonnais, ça fait quelques jours (depuis que j’ai un iBidule en poche, en fait) que je me demande si il existe une solution pour trouver des stations disponibles à proximité. Car malgré ses milliards d’avantages, l’utilisation des vélos en libre-service est parfois pénalisée par le problème dit « stations pleines / stations vides ». Quoi de plus énervant que de ne pas pouvoir déposer son Vélo’V alors qu’on est déjà en retard à la fac ? Ou que pour pallier à une grève des TCL, on constate que sa station la plus proche s’est fait piller  dès 6h du matin??

D’où ma quête d’une application qui, selon toute probabilité, existe… ou pas. Et pourtant, les autres métropoles françaises sont toutes dôtés d’un système du genre, qu’il soit officiel (à Paris) ou non (Bordeaux, Rennes, Toulouse …). Et pourquoi pas à Lyon, alors que nous avons été les précurseurs de ce système génial ??? Apparemment, c’est la faute à un système qui serait différent des autres villes.

Et pourtant, il existe une solution: tout simplement le site officiel, qui propose une carte de Lyon avec les stations à proximité, ainsi que les vélos / places disponibles. Cette solution a toutefois des inconvénients non négligeables:

  • pas adapté aux smartphones et autres téléphones mobiles (même sur les meilleurs d’entre eux)
  • navigation peu pratique, malgré les nombreuses options (par adresse, par arrondissement …)
  • pas de géolocalisation

D’où mon idée du mercredi matin: et si je réalisais cette petite application sans prétention ? Tous les éléments nécessaires sont là:

  • l’excellent Google Maps, accompagné de ses API ultra-documentées
  • la géolocalisation grâce aux recommandations du W3C (via GPS ou WiFi)
  • jQuery Mobile, bien qu’en version de test, pour l’ergonomie, le support du HTML5 et la compatibilité avec les plateformes mobile

J’ai d’ores et déjà posé les bases de cette application web, et celle-ci pourrait être opérationnelle très très rapidement. Une version de test sera mise à disposition, pour les courageux qui voudront expérimenter et m’aider dans cette expérience ! Si vous êtes intéressé, n’hésitez pas à laisser un commentaire ci-dessous. Et n’oubliez pas de faire passer le message ! :)

Read More

Microsoft veut abandonner IE6 à marche forcée … et c’est tant mieux !

La peur des transitions

Dans le monde de l’informatique, s’il y a bien un mot redouté, c’est « transition ». Quoi de plus effrayant que d’avoir à changer ses habitudes, laborieusement acquises au fil du temps ?

Alors que les PC actuels sont tous équipés du dernier Windows 7, une grande majorité des ordinateurs en entreprise fonctionnent sous Windows XP – un système d’exploitation vieux de plus de 10 ans. Pourquoi une telle inertie ? Tout simplement parce que les responsables de parcs informatiques sont frileux et préfèrent quelque chose qui marche à une évolution trop hasardeuse qui casserait une machine jusqu’alors bien huilée … Mais on peut également observer la même tendance chez les particuliers, qui cherchent à garder leurs repères, même s’il renouvellent leur matériel.

Read More

Lettre à Boris

Cher Boris,

Permets moi tout d’abord de te souhaiter une très bonne nouvelle année. Paix et prospérité, gloire et réussite, bref, tout le meilleur et surtout beaucoup de bonheur dans tout ce que tu entreprendras.

J’ai appris que tu avais décidé d’apprendre à créer des sites Internet. C’est un excellent choix; cette corde supplémentaire à ton arc déjà bien fourni est désormais très appréciée des recruteurs, même si, contrairement à moi, tu n’en feras probablement jamais ton métier.

Comme tu le sais, j’ai créé il y a maintenant 17 mois une petite boîte de sites Internet, Karanbole. C’est peu d’expérience en comparaison de, mettons, Mark Zuckerberg. Mais comme c’est un jeune homme occupé, et que j’ai un peu de temps, je vais te parler brièvement de web design.

D’après ce que tu m’as dit, tu t’es formé toi-même grâce à des tutoriels, notamment ceux de w3schools. On commence tous par là! Au moins, tu as eu la présence d’esprit de ne pas utiliser d’outil WYSIWYG (what you see is what you get) comme Adobe Dreamweaver, qui ne sont pas adaptés à l’apprentissage, ni aux applications réelles, d’ailleurs… Car le développement d’un site web nécessite une vision d’ensemble, que l’on peut résumer en l’assemblage de 3 (ou 4) briques élémentaires:

  • le fond, (l’ossature du site) en HTML
  • la forme (le look) en CSS
  • l’interactivité en Javascript
  • et éventuellement, la personnalisation en PHP
Read More

Deux nouveaux sites Internet pour Karanbole: EBC et Opticima

Deux nouveaux sites Internet pour Karanbole: EBC et Opticima

Peu de posts ces derniers temps sur le blog… Et pour cause; deux nouveaux sites Internet ont vu le jour la semaine dernière!

Sans plus attendre, voici les présentations:

Opticima

Opticima est une solution de gestion des échéances pour les PME et les administrations. Simple et efficace, ce service permet de vérifier en un coup d’oeil tous les événements sensible de votre activité: renouvellement d’un abonnement, vérification périodique d’un équipement de sécurité… Le tout hébergé de façon sécurisée et accessible à tout moment.
La prestation de Karanbole pour ce site Internet était l’optimisation du code (HTML et CSS) pour un affichage constant entre les différents navigateurs du marché (Internet Explorer, Firefox, Safari, Chrome …), ainsi que pour la conception et réalisation de la page d’accueil « généraliste ».

Opticima - http://opticima.fr

EBC (Expérience Bilan Conseil)

Isabelle Moreno est une conseillère en VAE (Validation des Acquis de l’Expérience) et en développement professionnel depuis 2003. Professionnelle reconnue, elle a souhaité développer son activité grâce à un site Internet présentant son activité et ses services.
EBC.eu.com est le premier site réalisé par Karanbole en HTML5, tout en permettant une rétro-compatibilité avec les navigateurs ne supportant pas encore les derniers standards (notamment les versions d’Internet Explorer inférieures à IE9).

EBC, Expérience Bilan Conseil - http://ebc.eu.com

Développés en parallèle, Opticima et EBC partagent de nombreux éléments: JavaScript (grâce à jQuery) et compatibilité poussée avec les anciens navigateurs. Les possibilités CSS3 ont également été intégrées, notamment pour l’amélioration de l’interface et la légèreté de l’ensemble (moins d’images à charger).

A court terme, Karanbole proposera exclusivement des sites répondant aux standards HTML5, embrassant ainsi les standards ouverts et une compatibilité universelle (iPhone et iPad, terminaux légers…).

Read More

Le futur du web – Meetup W3C à Lyon

W3C Meetup @ Lyon - 4 novembre 2010
Cette semaine, du 1er au 5 novembre, Lyon reçoit le W3C pour une réunion de travail sur les standards de demain. Et ce jeudi, c’était « meetup » avec la communauté des acteurs du web, locaux ou non.
Au programme : des intervenants venus faire la promotion de ce beau fourre-tout qu’est HTML5, de Mozilla à Opera, en passant même par Microsoft! La conférence a rapidement affiché complet, et pour cause …
Petit résumé pour ceux qui n’ont pu s’y rendre; vous en avez, de la chance!

Read More

Meetup W3C à Lyon le jeudi 4 novembre (complet …)

Vous êtes lyonnais? Vous êtes professionnel de l’Internet ou tout simplement curieux des dernières technologies web à la mode?

Le W3C (World Wide Web Consortium) vous donne rendez-vous ce jeudi 4 novembre au Palais des Congrès de Lyon pour discuter standards web (HTML5, SVG …). Au programme, 6 conférences animées par des experts (j’imagine que ce sera en anglais) et l’occasion de rencontrer ceux qui préparent l’Internet de demain.

Le meetup se déroulera de 19h à 21h au Salon Pasteur; l’entrée est gratuite, et vous pouvez vous inscrire à cette adresse ARGH! Plus de places! [Pour le compte rendu, c'est par ici]
La conférence est apparemment victime de son succès… Une plus grande salle aurait pu contenir toutes les personnes intéressées, c’est pourtant pas ce qui manque au Palais des Congrès… Je ferai un compte-rendu sur le blog, pour tous ceux qui ne pourront pas s’y rendre en personne!

Cet événement est organisé par W3C et le Grand Lyon, en collaboration avec des partenaires universitaires et privés.

Plus de détails sur la page dédiée ou sur le Twitter du W3C.

See you there !

Read More