Twitter change de style

Au premier regard, on pourrait penser que seule l’interface a été revampée, mais quand on y regarde d’un peu plus près, on se rend compte que Twitter vient de subir un profond changement et ceci pour le plus grand confort de ses utilisateurs. Gazouiller devient, avec les innovations récentes apportées sur le site, un jeu d’enfant pour n’importe quel néophyte qui souhaite publier et suivre des fils qui l’intéressent.

Fly, le nouveau visage de Twitter

La nouveauté qui capture l’attention, c’est Fly. Nom de la nouvelle interface unifiée conçue aussi bien pour le web sur ordinateur fixes et mobiles que pour les applications pour mobiles telles qu’Androïde ou iOS, Fly épate.
Auparavant, Twitter ne brillait pas tellement par son interface graphique plutôt basique. Twitter a donc remédié à cette critique en rendant la navigation de ses utilisateurs plus agréable et surtout plus conviviale. C’est d’ailleurs une grande réussite ! En effet, Fly permet de réduire le nombre d’actions à effectuer, ce qui simplifie au mieux l’utilisation du service. Au chapitre des nouveautés, il y a une réorganisation plus logique et bien plus simple des fils de discussion et suivre une conversation est désormais d’une grande simplicité. Aussi, le changement de l’emplacement des informations contextuelles, qui se situent maintenant à gauche du flux principal, sont organisées de façon beaucoup plus intuitive.

Comment se présente Fly ?

La nouvelle interface est découpée en quatre rubriques qui sont : Accueil, Connecter, Découvrir et Compte. Chaque rubrique apparait sous la forme d’un onglet.
Nous avons donc :
- Un onglet Accueil (symbolisé par une maison). Là, vous retrouvez votre flux d’informations principales, en l’occurrence, les « tweets » ou « gazouillies » des personnes que vous suivez, ainsi que le menu contextuel que vous connaissiez déjà, mais qui se trouve maintenant à gauche.
- Un onglet Connecter : Vous y trouverez aussi bien vos actualités personnalisées en fonction de votre localisation et de vos centres d’intérêt que des outils pour effectuer des recherches de catégories ou de contacts qui pourraient vous intéresser.
- Un onglet Découvrir : Cet onglet contient les choses dont on parle sur Twitter en ce moment, ce qui vous permet de garder un œil sur les tendances du moment en fonction de vos HashTags et de votre localisation.
- Un onglet Compte : Cet onglet vous donne accès à tous les paramètres de votre compte.

Les projets de Twitter ne s’arrêtent pas là. Des messages promotionnels doivent prochainement faire leur arrivée sur l’interface, ainsi que des pages dédiées aux marques pour les entreprises, un peu dans le genre des « fan pages » de Facebook. Avec ces pages, les entreprises pourront avoir des en-têtes personnalisés avec un logo et elles pourront aussi avoir une plus grande présentation de profil, avec un ou plusieurs visuels comme cela se fait sur Google+ et Facebook.

Liens utiles:

http://pro.clubic.com/blog-forum-reseaux-sociaux/twitter/actualite-464016-web-mobile-twitter-inaugure-interface.html

http://blog.e-marketing.fr/twitter-lance-sa-nouvelle-interface/

http://www.web-paradise.fr/twitter-lance-sa-nouvelle-interface-2335

Drupal 7 : Facile, flexible et rapide!

Drupal 7, la suite attendue de Drupal 6, s’impose aujourd’hui comme un CMS (Content Managing System) de poids grâce à plusieurs innovations majeures. Drupal 7 est un CMS qui se compare avantageusement à WordPress et à Joomla grâce à sa plate-forme intuitive, rapide, facile à personnaliser, ses modules efficaces et sa communauté active.

Qu’est-ce qu’un CMS?

Un CMS est un logiciel qui permet aux utilisateurs de gérer et faire évoluer leur site, le tout sans avoir besoin de faire appel à un programmeur. Avec un CMS, la création et la gestion d’un site Web deviennent presque un jeu d’enfant.
Drupal tire sa grande force de ses modules!

Drupal doit sa grande force à ses modules qui lui confèrent une grande puissance ainsi que de nombreuses fonctionnalités. Pour trouver les modules, il suffit de visiter le répertoire des modules (http://drupal.org/project/modules). Tout y a été centralisé. Pour vous y retrouver, vous pouvez vous fier aux statistiques d’utilisation de chaque module. Vous pouvez tenir compte également de la date de sortie de la dernière version disponible et vérifier l’historique des problèmes et s’ils ont été fixés rapidement.

Quels sont les innovations proposées par Drupal 7?

Dans un premier temps, l’interface utilisateur a été remaniée et rend les tâches quotidiennes plus simples du fait qu’elle est très intuitive. Elle offre un panneau administrateur qui n’a absolument rien à envier à ses principaux concurrents. De plus, Drupal 7 est encore plus flexible et facile à personnaliser que jamais. Également, les néophytes disposent déjà de plus de 800 modules à intégrer à leur site web!
Votre site web réalisé avec Drupal 7 sera plus rapide, réactif et capable d’absorber sans problème un achalandage massif grâce à un JavaScript amélioré et un CSS optimisé. Les supports de base de données et des distributions ont été améliorés et la mise en forme est plus simple. L’intégration des images au contenu est désormais une fonctionnalité intégrée.
Enfin, fort de sa communauté de passionnés des premières heures ainsi que de tous ceux qui ont crus en lui jusqu’à présent, Drupal 7 s’impose maintenant comme un des meilleurs outils pour ceux (débutants ou professionnels) désirant créer un site Internet. Ces passionnés travaillent ensemble pour que Drupal se perfectionne encore plus chaque jour!

Commencez à utiliser Drupal 7 aujourd’hui!

Pour commencer votre apprentissage avec Drupal 7, il suffit de se rendre sur le site officiel (http://drupal.org/drupal-7.0) où vous trouverez de nombreux tutoriels et une communauté chaleureuse et accueillante.
Une fois que vous serez plongé dans le monde de Drupal 7, vous aurez l’impression d’être un constructeur. Vous prendrez un module par-ci, un module par-là, puis vous les imbriquerez à partir de l’interface d’administration et quand vous verrez le résultat, vous vous demanderez comment vous avez pu réaliser tout cela.
Si vous désirez plus d’information, consultez cette vidéo à propos de Drupal 7 sur YouTube (http://www.youtube.com/watch?v=oULi1ze1DpE).

Liens pertinents :
http://drupal.org/drupal-7.0
http://fr.wikibooks.org/wiki/Drupal_:_installation_et_configuration,_mode_d’emploi/Avant-propos
http://www.youtube.com/watch?v=oULi1ze1DpE

Open Directory Project, l’annuaire citoyen

Découvrez la république du Web

Comme vous le savez, le référencement est essentiel pour la survie d’un site. Parmi les méthodes très prisées dans le monde du recensement, on retrouve l’utilisation des annuaires Web.
La croissance exponentielle du Web a laissé sur le bas-côté beaucoup de moteurs de recherche et d’équipes travaillant sur des répertoires commerciaux, car il leur était très difficile de rester à jour en raison de la croissance très rapide de l’Internet. En réponse à cela est apparu l’Open Directory Project (ODP), qui est un répertoire du Web entretenu et édité par des êtres humains. Il est actuellement le plus complet et le plus grand répertoire Web entretenu par des éditeurs bénévoles.
L’Open Directory Project est aussi connu sous le nom de Dmoz, c’est un service entièrement gratuit, de l’utilisation des données à l’insertion d’un nouveau site. Bien entendu, tout est gratuit à condition de respecter la licence d’utilisation.
C’est un projet collaboratif dont le but est de devenir « Le » catalogue de référence du Web, tout en restant dans l’état d’esprit de l’open source. Il est actuellement le seul répertoire de cette importance à être totalement gratuit.

L’Open Directory Project est un projet mondial qui permet de naviguer dans les catégories thématiques, auxquelles l’on peut accéder dans différentes langues. Dmoz fonctionne comme un cerveau collectif, il est alimenté par le catalogage de contenu Web effectué par des êtres humains. Les répertoires de l’Open Directory Project fournissent aux plus connus des moteurs de recherche la base de données de contenu Web la plus diffusée. Grâce à la communauté d’éditeurs, chaque site proposé est vérifié par un être humain, ce qui donne une grande valeur aux résultats obtenus.

Qui sont les éditeurs et quel est leur rôle ?

Les éditeurs sont des bénévoles qui représentent la communauté mondiale de citoyens du Web. La volonté de ces citoyens est de participer à un projet en tant qu’éditeur afin de contribuer à l’organisation du Web. Il revient à chaque citoyen de gérer et d’organiser une petite part du Web. Pour ce faire, il conservera les meilleurs éléments, il supprimera les éléments inintéressants ou inutiles.
Le premier avantage qu’il y a à être éditeur est que l’on pourra classer avec précision son propre site, on pourra si c’est nécessaire créer soi-même une catégorie, si celle-ci n’existe pas déjà pour le site en question.
Le rôle d’un éditeur est de choisir, évaluer, décrire et classer des sites Web. La description des sites est basée sur les directives d’édition de l’Open Directory Project. Pour devenir éditeur de l’ODP, il suffit de remplir un formulaire, après examen de la demande on reçoit une réponse soit positive ou négative. Aucune qualification n’est requise pour devenir éditeur, tout le monde est bienvenu. Notez toutefois que l’honnêteté et l’objectivité sont les qualités les plus appréciées. On attendra de l’éditeur qu’il soit prêt à construire un répertoire libre de toute influence commerciale ou de favoritisme. Il n’y a aucune contrainte de temps et le moindre instant accordé à l’amélioration de l’annuaire sera grandement apprécié.

Liens pertinents :
http://www.dmoz.org/docs/fr/about.html
http://fr.wikipedia.org/wiki/Open_Directory_Project
http://www.youtube.com/watch?v=x_zFt_ZuXQE

Facebook passe à la vitesse supérieure avec Timeline

Facebook contre-attaque !

Avec la sortie de Google+, Facebook se devait de réagir, de proposer à ses 750 millions d’utilisateurs du renouveau et c’est chose faite depuis le 15 décembre 2011. À cette date, Facebook a officiellement déployé Timeline, la nouvelle version de Facebook.

Facebook Timeline va changer plusieurs éléments et habitudes dans votre vie d’internaute. Facebook reste définitivement orienté vers ce qui a fait son succès, le partage. Avec Facebook Timeline, c’est votre vie, votre histoire que vous partagez. Timeline se propose de vous aider à créer une biographie grandeur nature de … vous-même ! Vous aurez dès lors la possibilité de retracer votre vie depuis votre enfance, en classant tous les événements marquants par date. Mais le partage ne s’arrête pas là, vous n’allez plus partager que des statuts statiques et périmés. Maintenant, vous pouvez partager une chanson alors que vous l’écoutez ou partager une information que vous êtes en train de lire, en un mot, Timeline propose de vous livrer en temps réel.

Timeline est aussi connu sous le nom de Journal en France. Ainsi avec Journal, Facebook prouve qu’il n’oublie rien, la nouvelle interface très agréable et très conviviale vous guidera à travers son nouveau menu, vous découvrirez que le mur non content d’afficher vos derniers postes, affiche également tous vos postes année après année. Vous aurez aussi droit à de nouvelles fonctionnalités, vous pourrez voir s’afficher automatiquement ce que vous écoutez sur le moment chez des fournisseurs de services en streaming tels que Deeze ou Spotify, les vidéos sont mieux intégrées et plus visibles, de même que les photos et bien d’autres nouvelles fonctionnalités sont à découvrir.

Notez également que Timeline sera à votre image. En effet, vous aurez la possibilité de poster une grande photo de vous sur l’en-tête de votre mur et de la personnaliser. Vous allez sans doute devoir vous adapter au nouveau menu et surtout aux nouvelles options qui vous serviront à paramétrer avec précision Facebook Timeline.

Journal, le renouveau de Facebook

Timeline, c’est sûr, ne laisse pas indifférent. Facebook a fait en sorte de répondre à une partie de ses détracteurs tout en maintenant sa ligne de conduite axée sur le partage. Journal/Timeline est l’interface qui remplacera bientôt tous les profils Facebook, c’est une énorme avancée qui laisse en présager d’autres. En effet, cette refonte complète de l’interface n’est pas sans rapport avec l’apparition de Google+, on commence à voir apparaître les effets bénéfiques de la compétition. Et ce n’est pas seulement l’interface qui a changé, suite à des améliorations apportées à Open Graph, les applications Facebook ont vu leurs possibilités multipliées de façon impressionnante.

Liens pertinents :

http://camilledg.com/facebook-timeline/

http://www.ohmygoodweb.com/2011/09/la-timeline-facebook-comment-activer/

http://www.metrofrance.com/high-tech/facebook-timeline-mode-d-emploi/mklo!gTyEJlx8BNRfY/

Ce que vous devez absolument savoir au sujet de Google+

Qu’est-ce que Google+ ?

Google+ est un réseau social qui s’apparente à Facebook. Cependant, il propose des alternatives aux limitations de la plate-forme Zuckerberg en proposant à l’internaute le concept de « cercle d’affinité ». En effet, en organisant vos amis, votre famille, vos collègues de travail et vos autres connexions en cercle, vous pouvez publier/partager vos différentes activités avec les cercles de votre choix. De plus,Google + joue dans la plate-bande de Skype en proposant la fonctionnalité Bulles qui permet de discuter en vidéoconférence avec un cercle d’amis à l’intérieur même du fureteur. Aucun téléchargement nécessaire !

Comment utiliser Google+ ?

Le design de Google+ est très simple et très épuré, on constate que Google a fait de son mieux pour rendre sa plate-forme la plus intuitive possible. Vous pouvez sans grande surprise vous attendre à vous connecter et avoir la possibilité de voir immédiatement tous vos amis et leurs activités sans aucun effort. Cela est rassurant pour l’internaute qui vient d’adhérer.

L’écran d’accueil est d’une grande aide. Quand vous lancez Google plus, vous entrez dans le réseau social Google et dans ce réseau, on veut que le partage sur le web soit comme le partage dans la vie.Vous découvrirez « Cercles », qui annonce la couleur en vous informant que, sur Internet comme dans la vie, on ne partage pas n’importe quoi avec n’importe qui ! Ainsi, vous pouvez vous exprimer en toute liberté, vos amis sont dans un cercle, vos parents dans un autre et votre patron dans le sien, ainsi, pas d’interférence et pas d’ingérence. Les « Bulles » sont des petites fenêtres vidéo, vous pouvez en ouvrir jusqu’à neuf. Que vous soyez sur votre PC ou votre mobile, vous pouvez rencontrer des gens partager, discuter et échanger en directe.

Mais Google+ ne s’arrête pas là, la fonction « Recherche » vous permet depuis votre compte et en fonction de vos intérêts, de trouver rapidement l’information que vous cherchez, par exemple, retrouver le nom d’un restaurant, comment aller à la coupe du monde ou connaître les critiques sur le dernier film d’action au cinéma. Avec la fonction « Recherche », vous retrouverez en un instant les informations utiles pour vous et vos contacts. Ces informations proviendront du Web, de vos cercles ou des postes accessibles au public de Google+.

Google Plus surnommé « Facebook Killer »

Les fonctions Cercles, Recherche et Bulles sont les fonctions principales de Google Plus. Il vous faudra ajouter à celles-ci des fonctions telles qu’« instant upload », « messenger », « jeux » et bien d’autres gadgets et surprises, qui ont fait hériter Google+ du surnom de Facebook Killer. Et il faut le dire, tout a été fait chez Google pour mettre en ligne quelque chose de différent, pas un clone de Facebook, mais plutôt un nouveau concept, une nouvelle approche du réeau social en ligne et il faut croire que cela attire l’intérêt. En effet, depuis sa mise en ligne, le réseau social Google connaît une croissance exponentielle. L’intérêt pour le réseau social Google va-t-il continuer à grandir ou non ? Seul l’avenir nous le dira. En attendant, la rapidité avec laquelle Google plus s’est propagé sur le Web force l’admiration.

Liens pertinents :

http://www.huffingtonpost.com/2011/07/12/google-plus-guide-tips-for-newbies_n_896350.html

http://www.google.com/+/learnmore/

http://www.newbreedmarketing.com/blog/

https://plus.google.com/117388252776312694644/posts/bGJPTALDkDe

Sources of inspiration

I have been in web design and development industry for more more than 10 years now. I believe that we can learn a lot by observing the work of great artists. In today’s post I would like to share some new sources of inspirations I came across on the Behance Network , a platform where creative professionals from all overt he world share their great work.

I would like to start by discussing my feelings about “Minimalist effect in the maximalist market ” project of Mehmet Gozetlik . In his project Mehmet Gozetlik is showing us how the packaging of a brand name would look like if it was simplified. In some instances when packaging is too simple I get the feeling it is a no name brand or if the packaging was done way back in time.  i.e. The more simplified variation of the packaging of “Nutella” and the fourth variation of  “Vanish Stain Remover” are great examples. If this package and a no name brand was side to side I would probably buy the no name brand since it is cheaper. On the other hand the simplified variations of the packaging of “POLO” candies, “Evian” water and “Schweppes”  seem to create a sense of clarity. And as a buyer I would be much more tempted to buy this variation of packaging rather than the original packaging.

“Insects” project of Max Kostenko is a project that has been prepared for Volkswagen.  When I look at these illustrations I truly get the illusion that I am watching an animated movie.  Characters are extremely well drawn. Watching the process is a great pleasure. The video makes one think that it is so easy to create such illustrations. But of course,  anyone who has tried to create an illustration in Adobe Photoshop  can very easily see how talented Max Kostenko is.

“Illustration 2010” project by Denis Zilber is a set of commercial and editorial illustrations. All illustrations are extremely well drawn. While I was looking at each illustration I felt that I was in a different world. The old saying  an image being worth 1000 words is certainly applicable to these illustrations.

“A work in progress – Solitude 2010/2011″ project of Joe Fenton is a great example of how great artists could be so patient. Seeing this master at work while he creates a 8ft across & 5ft  high master piece is certainly a true source of  inspiration to all of us.

This post has been written by Metin Galimidi the proud owner of I.T. Montreal Web Design

Why JQuery?

Jquery is a JavaScript Library that helps make the web more interactive. We have seen its use increase tremendously in the past few years. In this post I will try to explain just a few of the  reasons why it became so popular.

Before I even begin I would like to mention that there are some other famous JavaScipt libraries such as  YUI, DOJO, MOO TOOLS . They are being used. But not as much as Jquery.

Jquery library is also extremely small and fast. Which means that pages load at lightning speeds. Further more it is cross-browser compatible. Certain mobile devices such as IPHONE or IPAD don’t show Flash based websites. Jquery is a great alternative to flash based websites because not only it helps to create web pages that load fast it can help create the necessary interactions and make the site design look much more dynamic than a web page that doesn’t move.

In my opinion the number one reason is the fact that it provides a lot of easy ways to enhance the interaction between the web site and the users. True, Flash used to provide a lot of those interactions but they were not easy to implement. JQuery enables any programmer to create great usability on a web site . Here is a very simple example: Validation of forms and providing graphical hints to end users via Jquery is extremely easy.

The community of Jquery is very strong.  I think another very important reason why Jquery dominates the JavaScript library usage is the amount of plug-ins it offers. The richness of it’s plugin base help keep its existing users loyal and attract new users.

Check out the JQuery home page to learn more!

This post has been written by Metin Galimidi the proud owner of I.T. Montreal Web Design

List 10 Things to check for after your website goes live

Sometimes we, web designers and developers, have a strict deadline to respect so we go live with a site as soon as  it matches our clients expectations. There is nothing wrong with this approach.  However, web development requires perfection. And for this reason even after a website goes live it may need some fine-tuning to be perfect.

Here is a list of items to check for once your website goes live:

1 ) Re-read the content of your website and make sure it makes sense. Don’t forget to rigorously spell check the text that is on your website.

2 ) Click on all the links and make sure each link / button functions as expected. Check the site for 404 error using automated tools.

3 ) Check to make sure all forms work as expected.

4 ) Optimize the images for load time. So that your website loads faster.

5 ) Make sure that www and non-www versions of your site are the same URL. This could be achieved by pointing the www to non-www or vice versa.

6 ) If you have the capability to enable compression on your web server enable it.

7 ) Check & fix HTML and CSS errors and warnings on your website.

8 ) Apply other optimization techniques to further improve the load speed of your website

9 ) Does your site have all the information ? Can you think of new FAQ? Have you double checked all the info for accuracy? Are the opening hours of your store correct? Is your company  name, address and phone number correct? If your website has a CMS go ahead and add more information or fix those issues right away.

10 ) Do you have a blog on your website? It is never to early to start blogging . Is your website connected to Twitter? it is time to tweet. IS your website connected to Facebook? Have you mention your colleagues, friends, family about your facebook page? Now is a good time to get the word out.

The list above is a quick and dirty list. The numbers don’t indicate the order of importance and it is in no way exhaustive.

Need help? Contact I.T. Montreal Web design today!

Is HTML 5 Ready for use?

I was tempted to think that HTML 5 is a new concept.  While reading the Wikipedia entry for HTML 5 I discovered the following : It has been in development ever since year 2004. Even though it is still work in progress as of August,2011 some features such as the canvas are said to be ready for use. Especially, after Steve Job’s commentary about why Flash was no longer necessary on IPHONE  it started gaining more and more popularity among developers after year 2010.

As a programmer I feel confident about using HTML 5 in year 2011. Regardless of the fact that W3C might not officially approve of it until year 2022 . I believe that after, 7 years of development combined with all the knowledge we have gathered along the way from HTML 4 and its previous versions is sufficient enough for me. Thus, HTML 5 is more than ready for use.

I predict that the main area of application for HTML 5 will be smart phones for the next few years until it becomes a de facto standard for the rest of the internet browsers. True, modern browsers are able to process HTML 5 but one musn’t forget that it takes long time for users to let go of their old browsers. A great example is IE 6. Have you ever seen the website http://www.ie6countdown.com/ created by Microsoft? As of August 2011 9.7% of the world population still seems to not want to let go of IE 6. I wonder what is the percentage of IE 5.5 users these days? All this to show the difference why mobile phone market could afford much more easily to use HTML 5. As most of us change cell phones in less than 3 years the browsers of these smart phones stay much more up to date than an average pc user.

The main purpose of this post is to discuss the use of HTML 5 . Company names and product names used in this articles were used to show examples based on known facts at the time of writing this post. Main sources used to write this article have been linked in the post above. Article was written by Metin Galimidi the proud owner of I.T. Montreal Web Design

Time to pay respect to “CSS Zen Garden”

CSS Zen Garden  is an online resource all web designers should know about. This site was launched by Dave Shea , a web design guru from Vancouver, Canada back in 2003.  I believe that at the time when the site was launched the main aim was to show the world of designers how powerful CSS was compared to classic table based design. The site itself after 8 years is sure is a living legend. There have been many articles, blog posts , books and even a Wikipedia entry created about this website. But what is so fascinating about this  website is that it is still  able to attract and unite people from each corner of the world after 8 years.

I must admit that when I coincidentally went on the site for the first time couple of years ago I didn’t quite understand what it was all about. Even though the concept is well explained in great detail on the home page I thought it looked boring.  And to be completely honest I quit the page without even trying to understand the concept behind the creation of this site or looking at the at all the great design work of many artists. Only very recently during a video tutorial that I was watching about design I came to understand the power of this site. And what it meant.

The idea of being able to manipulate the design of a static web page via CSS is not what attracts me to this site today. It is mainly to learn from other designers and to get inspired I visit this site. Which I believe is why this site is still so popular today.

If you are looking for a source of inspiration check out http://www.mezzoblue.com/zengarden/alldesigns/ . Make your design live forever by publishing it at css zen garden and sharing with all the web designers from all around the world.

Thank you Dave Shea!

This post has been written by Metin Galimidi proud owner of I.T. Montreal Web Design .