Pirates ! Petit échauffement du lundi !

Pour bien commencer la semaine, un petit jeu entre ami. Munissez-vous de votre iPhone et regroupez-vous devant votre écran.
Capture d’écran 2010-06-07 à 10.25.36


The Pirata Boat Race

Un joli travail bien fini. Et une bonne pub pour cette agence.

Tour d’horizon web

Un dépoussiérage des RSS pour trouver des liens intéressants. Laissez-vous perdre dans les méandres du net.

jobs_gate

L’expérience utilisateur vu d’un point de vue psychologique. La mémoire est compliquée et créer l’attention n’est pas facile. Un bon article de UX MAG
http://uxmag.com/design/the-psychologists-view-of-ux-design

Encore un retour sur Lift avec un bon résumé sur le speach de Russell Davies sur ce qui est réellement intéressant http://www.internetactu.net/2010/05/20/optimiser-le-numerique-ou-lutiliser-pour-impacter-le-reel/

Les métaphores entre web et vie réelle dans les interfaces et leur adaptation en CSS3
http://www.smashingmagazine.com/2010/05/20/web-design-trends-2010-real-life-metaphors-and-css3-adaptation/

Dans le domaine des SIG, Plouarzel, une commune qui utilise Openstreetmap.
http://www.a-brest.net/article6002.html

Attention, en suivant ce lien, vous allez perdre du temps mais avec style
http://www.smashingmagazine.com/2010/05/25/bizarre-websites-on-which-you-can-kill-time-with-style/

Techniques CSS, un style différent selon la taille de la fenêtre. Une technique à explorer pour nos projets.
http://css-tricks.com/resolution-specific-stylesheets/

Un site spécial pour la ligne Zurich -> San Francisco de Swiss. Une grosse dose de com’
http://www.singfrancisco.com/home/?lang=4&

iPad + Velcro = Love (chez AS, on adore !)
http://www.swiss-miss.com/2010/05/ipad-velcro-love.html

Jobs et Gate se souviennent-t-ils ?
http://www.sadanduseless.com/2010/05/steve-jobs-vs-bill-gates/

Champ de recherche en CSS3
http://www.webdesignerwall.com/tutorials/beautiful-css3-search-form/

Mais où est donc passé flash ?
http://ffffound.com/image/599372d40f9ba1f417c164549025b83b54dcfc3f

Webdesigner : Pas tout le monde est sur mac !
http://devgrow.com/web-designers-not-everyone-uses-a-mac/

Des exemples de formulaires de contact
http://www.webdesignerdepot.com/2010/05/beautiful-contact-forms-for-your-inspiration/

Calendrier : Partager vos événements

agenda

Comment partager vos événements pour Google Calendar et Yahoo! Calendar via un bouton/lien.

Dans le cadre de l’un de nos projets, il était question de partager les événements d’un agenda vers Google Calendar et Yahoo! Calendar en cliquant sur un simple lien. Voici un article regroupant différentes ressources et documentations.

Google Calendar

Comme à son habitude Google offre une API bien documentée pour partager vos événements avec un ami et fourni même un générateur de bouton/lien.

Voici à quoi ressemble l’un de ces lien:

<a href="http://www.google.com/calendar/event?action=TEMPLATE&text=Debriefing+LIFT+2010&dates=20100517T150000Z/20100517T210000Z&details=Detail+de+mon+événement&location=Bureau+Antistatique.net,+Lausanne&trp=false">Ajouter à mon calendrier</a>

La liste des paramètres importants:

Nom du paramètre Valeur
action (obligatoire)

Cette valeur est toujours égale à TEMPLATE (toutes les lettres en majuscule).

action=TEMPLATE

text (obligatoire)

Titre de l’événement.

text=Debriefing Lift

dates (obligatoire)

Date et heure de l’événement, au format UTC. Ajoutez la lettre « Z » en majuscule à la fin des heures. Google Agenda interprète la date et l’heure en fonction du fuseau horaire de l’utilisateur.

dates=20100519/20100519 pour toute la journée du 19 mai 2010 dates= 20100519T183000Z/20100519T210000Z pour le 19 mai 2010 de 18h30 heures à 21h00

details

Description de l’événement. Code HTML simple autorisé.

details=Réunion informelle au bureau d’Antistatique.net pour un débriefing LIFT 10 :<br><br>Soyez les bienvenus!

location

Lieu de l’événement.

location=Antistatique.net, Rue de Sébeillon 9B, Lausanne

trp

Indique si l’utilisateur de l’agenda Google doit apparaître comme « occupé » pendant cet événement. La valeur par défaut est « faux » (false).

trp=true

Yahoo! Calendar

Concernant l’agenda Yahoo! ce n’est pas expressément documenté. Voici à quoi pourrait ressembler ce lien:

http://calendar.yahoo.com/?v=60&TITLE=Debriefing+LIFT+2010&ST=20100519T183000&DESC=Soyez+les+bienvenus&in_loc=Antistatique.net+Lausanne&URL=http%3A%2F%2Fwww.antistatique.net%2Fblog%2Flift10-connected-people
Nom du paramètre Valeur
v (obligatoire)

Cette valeur est toujours égale à 60 (en tout cas ça fonctionne ainsi…).

v=60

TITLE (obligatoire)

Titre de l’événement.

TITLE=Debriefing Lift

ST (obligatoire)

Date de début de l’événement, au format UTC.

ST= 20100519T183000 pour un événement commençant le 19 mai 2010 à 18h30

DESC

Description de l’événement. Le code HTML ne semble pas autorisé.

details=Réunion informelle au bureau d’Antistatique.net pour un débriefing LIFT 10 : Soyez les bienvenus!

in_loc

Lieu de l’événement.

in_loc=Antistatique.net, Rue de Sébeillon 9B, Lausanne

TYPE

Type de l’événement

TYPE=30 Pour un pot (une bière quoi!) ou 10 pour un RDV, …

Ressources:

Google Agenda: création des boutons rappel


Google Agenda: création des boutons rappel (+)


Adding events to users calendars, Richard Marr


Adding calendar events to Yahoo, Ryan McNallie


Merci…enfin nos clones

Général | Alberto | 12 mai 2010 | Commentaires (0)

teamA
Mais quel belle surprise ce matin, nos clones sont enfin arrivé.

Un grand Merci à Jonas Luthi, grâce à lui nous allons peut-être enfin tripler notre rythme de production, respecter nos délais et peut-être partir en vacances.
Plus d’infos concernant Jonas: http://www.twitter.com/jonasluthi ou sur son blog
team-b

Veille technologique

Être à la pointe est une priorité pour Antistatique.net, bienvenue dans notre espace d'échange sur les nouveautés qui nous passionnent.

Ce blog contient des articles sur nos domaines de compétences.

N'hésitez pas à consulter nos références et nos services. Nous sommes à votre disposition pour toutes questions ou remarques à hello@antistatique.net ou par téléphone au +41 21 623 63 03.

Plus d'info ...


Partager