Aujourd’hui c’est le DZ Blog Day, une journée nationale ou tous les blogueurs algériens vont traiter d’un thème unique pour promouvoir le blogging en Algérie. Et pour cette première édition, le thème retenu est : l’éducation.
Agence 84 va essayer d’apporter sa pierre à l’édifice, mais avec une approche un peu différente. Nous pensons que réfléchir et débattre c’est bien, mais agir, c’est mieux.

C’est pour cela que nous avons décidé d’écrire un article de  5 étapes/conseils, aux jeunes algériens et autres, désirant de faire du Webdesign leur métier, et cela,  par l’auto formation.

Pour devenir un « Bon » Webdesigner donc, il faut…

1 – Être passionné :

Avant toute chose, pour moi, la chose la plus importante pour devenir webdesigner, c’est d’être vraiment passionné par le web. Si vous cherchez juste un métier pour remplir votre CV, ou trouver rapidement un job, passez votre chemin, ce job n’est surement pas fait pour vous.

2 – Choisir sa spécialité :

C’est bien de maitriser beaucoup de choses, mais on est dans un marché ou le spécialiste est le plus prisé. et cela pour une raison toute simple, un spécialiste dans un domaine, fera quelque chose de meilleure qualité qu’un généraliste. De la même manière, un webdesigner concevra un meilleur site web que quelqu’un qui prétendra faire du webdesign, du développement web, de l’intégration, du développement logiciel, de l’administration réseaux … le tout à la fois
Alors notre conseil, choisissez votre voie, Webdesigner ou  Développeur Web, la où vous avez le plus de talent, la où vous vous sentez le mieux.

3 – Maitriser les logiciels adéquats :

C’est bon, vous êtes sûr du métier que vous voulez, et votre cœur est rempli de passion et d’amour pour le magnifique outil qu’est l’internet alors on peut commencer notre Auto formation
Si vous voulez être un bon webdesigner, voici concrètement quelques formations qui vous aideront à le devenir, et qui s’adressent au néophytes.
Vous les trouverez soit sur internet (lien à coté) ou bien dans votre magasin informatique préféré (pas celui qui vend des CD gravés hein )

- Photoshop : l’outil essentiel pour la retouche d’images, pour moi le logiciel avec lequel vous devez commencer avant tout autre.
Formations : FormaCD, Elephorm, Tuto.com

- Illustrator : beaucoup de Webdesigners travaillent carrément leurs maquettes avec Photoshop, mais les meilleurs d’entre eux (comme moi ) , utilise Illustrator, beaucoup plus flexible je pense,  et beaucoup plus orienté mise en page (ce qui au final, est mieux adapté à un site web vous serez d’accord )
Formations : FormaCD, Elephorm, Tuto.com

- XHTML/CSS : Après avoir maîtrisé ces deux logiciels essentiels, l’étape suivante consiste à rendre votre maquette graphique fonctionnelle. Et pour cela, il vous faudra vous mettre au XHTML et au CSS (et bientôt, si ce n’est maintenant aussi, au HTML 5 et au CSS3).
Pour cela je vous conseille les formations  suivantes : Elephorm, Tuto.com ainsi que l’excellent livre Réussir son site web avec XHTML et CSS

Voila, normalement avec ça, vous aurez les bases requises pour devenir Webdesigner, mais ce n’est pas tout

4- Se documenter et s’inspirer sur le web :

Internet est le meilleur moyen que l’homme n’ait jamais créée pour s’informer, et nous avons une chance énorme d’être à ce moment la de l’histoire de l’humanité. Et pour un domaine qui change aussi rapidement que le web, il faut sans cesse mettre à jour vos connaissances.
Pour cela, je vous conseille de choisir un bon agrégateur RSS, que ce soit un site en ligne, comme l’excellent Netvibes, ou Google Reader pour les puristes. Ou bien un logiciel de bureau, comme Snackr, ou bien NetNewsWire ou Reeder si vous êtes sous Mac.

Pour ma part, les sites que je vous conseille sont : l’incontournable Smashing Magazine, le très technique Six Revision, ou en vrac  Webdesign Depot, Think Vitamin et Hong Kiat

Et pour votre inspiration, visitez régulièrement les galeries Creattica, CSSMania et Web Creme

Bien sûr, ceci est une liste non exhaustive, faite rapidement, et à mesure que vous prendrez de l’expérience, vous vous constituerez votre propre collection de sites d’information et de documentations.

5- Avancer grâce aux critiques et encouragements des autres :

Après vous être formé au webdesign et commencé à faire des sites web que vous aimez, il serais bien de voir la réaction de gens envers votre travail, car ne l’oublions pas, le web design est un métier artistique, et si personne n’aime votre travail, même si vous trouvez que vos sites sont les plus beaux qui soient, en réalité, il faut l’avouer, vous n’êtes pas un bon webdesigner … pour l’instant, car il ne faut pas désespérer, et au contraire prendre les critiques des gens pour avancer

Je vous conseille donc de montrer votre travail aux gens qui vous entourent, et de préférence aux professionnels du domaine, car c’est eux qui vous aideront le plus à avancer.

Pour cela il y a beaucoup de forums dédiés au webdesign, ainsi que des sites pour avoir un feedback d’autres webdesigners. Voici un excellent article de UnderWorldMagazine.com regroupant 22 sites web qui vous aideront à avoir un feedback sur votre travail.

Conclusion :

Le métier de webdesigner est un métier assez récent, et qui a beaucoup d’avenir, et en cette journée de DZ Blog Day dédié à l’éducation, j’espère que ce petit article, écrit très rapidement, aidera chaque algérien passionné par le web, à s’initier, et à se former réellement aux métiers du web.

PS : pour découvrir tous les articles du DZBlogDay, rendez vous sur Bloginy.

WordPress, notre CMS préféré à l’agence, vient de sortir dans sa version 2.9

Au chapitre des nouveautés, et pas des moindres, l’édition d’images directement dans l’espace admin.

Une fonctionnalité qu’on attendait depuis longtemps, et qui va surtout soulager nos clients. Plus de Photoshop, ni de Piknic pour recadrer, inverser, redimensionner les images !

Autres nouveautés :

- Insertion plus facile des vidéos (en collant simplement le lien youtube par exemple)

- Mise à jour de plusieurs plug-ins à la fois

- Corbeille, en cas de suppression d’articles

- Réparation automatique de la base de données

Et plus de 500 autres améliorations et nouveautés ..

Un petit poste express, pour vous montrer une de mes polices préférées (si ce n’est MA police préférée), la célèbre Helvetica qui passe en arabe

Un superbe travail de la talentueuse « type designer » Nadine Chahine téléchargeable ici au prix (un peu fort) de 120 euros (quand on aime on ne compte pas )

Agence84 est fière de vous annoncer le lancement d’Eva-mag.com : Le site branché de la femme algérienne

Alliant modernité et sobriété, il présente plusieurs rubriques : mode, beauté, santé, mariage, sorties, cuisine et décoration.

Ce portail est conçu pour embellir la vie des femmes et ce en :

- Permettant de prendre soin d’elles (conseils beauté, mode, santé, relooking)

- Facilitant leur vie quotidienne (bonnes adresses shopping, bons plans sorties)

- Constituant un espace de détente (forums, quizz, jeux concours, musique)

Ainsi toute la gente féminine y trouve son compte :

- Jeunes filles : adolescentes, étudiantes, jeunes cadres

- Femmes accomplies : actives, femmes au foyer

Alors Mesdames, mesdemoiselles (et messieurs aussi ) a vos souris !

URL : www.eva-mag.com

Vu chez Geoffrey de Graphism.fr, une belle selection des déclinaisons en arabe des logos les plus célèbres.

Aujourd’hui on s’est fait livrer les flyers de l’opération Fashion Planet qui commence demain, le nombre est de 100 000, et on croyait pas du tout que c’était aussi volumineux, alors on a voulu partager ça avec vous

Vous avez marre de faire appel a un designer pour avoir un texte avec fonds dégradé? C’est desormais possible de le faire simplement en CSS.
L’astuce est simple à intégrer à votre code, Le texte  en PNG  commence avec votre couleur d’arrière-plan (dans ce cas, nous utilisons le dégradé blanc).

Tout d’abord le code HTML mis en place. Chaque titre (de préférence les tags d’entête) utilise un élément imbriqué supplémentaire vide span.

Utilisez le CSS pour définir le style du h2. Vous n’aurez pas besoin d’utiliser le style de l’exemple. Utilisez le vôtre. La seule chose importante est de veiller à ce que vous ayiez défini la propriété position à relative.

Maintenant, le dégradé.

Nous mettons un PNG transparent comme image de fond pour l’élément span et définissons la propriété position à absolute pour qu’il puisse se placer au-dessus du texte.

Malheureusement, nous ne vivons pas dans un monde parfait et tous les navigateurs ne prennent pas en charge la transparence PNG. Donc, pour ces navigateurs, prenez-en compte.

Ainsi, le span vide est au-dessus du titre et il est allongé sur toute la largeur et la hauteur. Puisque le dégradé est inclus dans la couleur de fond du titre il ne sera pas visible dans l’écart entre les lettres rendant l’effet réel.

Voir le code en action : exemple.

Vue le rythme de travail de l’agence ces dernières semaines, DzMix a été un peu délaissé malgré ses 4000 visiteurs journaliers. Plus pour longtemps avec le restylage que nous avons effectué aujourd’hui
Plus aéré, plus léger, une meilleure ergonomie de la page d’accueil, et pleins de nouveautés pour les jours à venir, alors restez connecté

Toute l’équipe d’Agence 84 est fière de vous annoncer le lancement du premier portail Algérien de jeux en ligne DzMix.com. Un site qui vient enrichir le web algérien, avec une version en arabe pour le public arabophone qui est souvent délaissé par les développeurs algériens. Réflexion, action, tir, aventure … une centaine de jeux vous attendent, alors venez vite visiter le site

PS : un article sur le quotidien Echourouk est apparu hier pour annoncer le lancement du jeu de El Hadj Lakhdar

L’interface de Minority imaginée par Steven Spielberg vient d’être réalisé pour de vrai par Oblong Industries. Ils appellent ça : Spacial Operating System. impressionnant!

L’agence Bates141 d’Indonésie nous sort une jolie affiche pour le lancement d’Adobe Photoshop CS4. Le making-of est disponible sur Flickr

Quelques jours seulement après la mise en ligne du site, agence84.com s’affiche dans les plus belles galeries de webdesign du net !

Vous imaginer bien que c’est une grande fierté pour nous, et ça nous donne envie de nous surpasser pour nos futurs projets, en espérant décrocher d’autres prix plus prestigieux

Un grand bravo à toute l’équipe !

CssMania

CssContainer

MostInspired

Faveup

Screenalicious

CssRank

CmsShowcase

Dezinspiration

On commence les articles du blog avec cette magnifique publicité d’Adidas pour sa nouvelle compagne : Be Original. Un spot réalisé par David Dawoodi pour le compte de l’agence Independent.