Blog | Xbition-art

Vu sur le web #2 – Novembre

Xbition-art — Thu, 01 Dec 2011 13:08:58 +0000

Deuxième numéro de « Vu sur le web » qui reprend les mêmes bases que le premier. Vous y trouverez donc un maximum de ressources !

Ce mois de novembre fut riche comme toujours dans le web. Je vous laisse en juger par vous-même.

Pour information je vous informe que cet article est le 100ème du blog oui déjà ! Je vous remercie à tous de votre fidélité pour « Xbition-art»

Ouverture de « freebies.xbition-art.fr »

Xbition-art — Mon, 28 Nov 2011 22:52:53 +0000

Alors, il est vrai que j’avais dit que c’était terminé les mini projets mais avec celui-là vous trouverez en un clic toutes les ressources « freebies » proposés gratuitement par « Xbition-art »

Comme pour habitude le site est en html5 et celui-ci dispose d’une version mobile pour votre plus grand bonheur.

Je vous laisse le plaisir d’y jeter un œil, le prochain ajout en « freebies » sera un pack d’icons !

A très vite et merci de votre soutien sur le blog !

Version web :

Version mobile :

Vu sur le web #1 – Octobre

Xbition-art — Sun, 30 Oct 2011 20:37:22 +0000

Premier numéros de « Vu sur le web » qui vous sera présenté à chaque fin de mois. Vous y trouverez tous types de ressources, outils, astuces et inspiration.

Ce mois d’octobre très riche pour le web je vous propose une sélection de psd, fonts, outils pour webdesigner, inspiration webdesign, css3, jquery, des icons et du wordpress.

1. Free « psd » :

40 Free PSD UI Kits for Your Web Applications

40 Free High-Quality Web Button PSD Downloads

2. Free « fonts » :

60 Fresh Free Fonts You’d Consider Using In Your Projects

30 Free Serif Fonts to Download

3. Outils pour « Webdesigner » :

10 Online HTML5 Tools For Web Designers

5 outils en ligne pour webdesigner

4. Inspiration « Logo » :

33+ Killer Typography in Logo Designs for Inspiration

Logo Design: Sharks

5. Ressource « icons » :

20 Fresh Free Icon Sets

6. Ressource « css3 » :

CSS3 Image Styles

7. Ressource « jQuery » :

30 jQuery Plugins You Should Implement on Your Website

8. Ressource « WordPress » :

WordPress Cheat Sheet: The Loop Code Snippet

30 Excellent Free WordPress Themes

30 Fresh Minimal WordPress Themes (2011 Edition)

9. Thème « Tumblr » :

33 Excellent (and Free) Tumblr Themes for Download

10. Coup de cœur « websites » du mois :

www.beta.rallyinteractive.com

www.driver-club.uk.ubi.com

www.ds5.citroen.com

Voilà c’est fini pour ce mois-ci, n’hésitez pas à laisser un commentaire cela fait toujours plaisir.

Et bonne ressources ! A très vite.

Un template « vCard » pour vous.

Xbition-art — Thu, 27 Oct 2011 13:20:02 +0000

Bon il y a fort longtemps que je ne vous avez pas proposée une petite ressource. Cette fois me voici me voilà avec un template de « Card » pour vous.

Ce template contient :

- Un fichier « psd » qui vous permettra si vous le souhaitez modifier le design de celle-ci.

- Un autre fichier « psd » nommé « sprite.psd » qui contient les éléments du design regroupés dans un fichier (picto + networks).

- Toute une partie « html » avec le css, le js, l’habillage, les images et bien sûr le code source (code source commenté)

- Une version compatible « mobile » réalisé avec des « media queries »

Version web :

Version mobile :

Téléchargement de la source ici.

Voici quelques petites astuces si vous désirez changer la couleur du texte ou encore enlever des réseaux sociaux.

Pour changer la couleur du texte soit le « name » rendez-vous à la ligne 43 de la feuille du style css.

#header .name { color:#cfba2b; }

Pour changer la couleur du « A propos », rendez-vous à la ligne 51 de la feuille de style css.

#main .about { color:#cfba2b; }

Pour changer la couleur du « hover du mail » allez à la ligne 58 de la feuille de style css.

#main .informations li a:hover { color:#cfba2b}

Et enfin si vous mettez moins de « networks » vous vous apercevrez qu’ils ne sont plus alignés au centre. Pour y remédier allez à la ligne 64 de la feuille de style css et changer le « margin-left »

#footer .networks { margin-left:102px; }

Si vous avez des questions n’hésitez pas ! A très vite sur Xbition-art, le blog !

6 ans d’études dont 4 ans d’alternance…

Xbition-art — Sun, 25 Sep 2011 11:47:26 +0000

En septembre 2004 après un bac « STT » je commençais une école d’infographie multimédia nommée « ASC formation » qui plus tard s’est renommé « Pixem Institut ».

En 2004, mon but principal était de devenir une infographiste, mais j’ai très vite compris que d’autres perspectives s’ouvraient à moi.

Durant cette année j’ai effectué deux stages dont un, dans une webagency de Reims le studio « 800600 » et là, moi qui aimais déjà réaliser à l’époque des maquettes de sites je me suis dit : « Je veux devenir Directrice artistique dans le web coute que coute ! »

Mon diplôme d’infographie en poche me voilà donc partie pour faire une prépa multimédia afin d’acquérir plus de culture générale dans diverses domaines comme la culture de l’image, l’histoire de l’art, la communication visuelle… L’école étant assez cher j’ai fait un petit tour en tant que technicienne support junior (hotline orange) pendant 8 mois en 2006 pour me payer la prépa multimédia à « Itécom art design »

C’est donc pour la rentrée 2006 / 2007 que j’arrivais à « itecom art design » mais aussi que je faisais mes premiers pas dans Paris. À cet époque sans TGV ce qui me prenais environ 1h40 de train de Reims !
Ma prépa multimédia s’étant très bien passée, il était donc naturel que je me dirige vers la section webdesign en alternance pour une durée de 2 ans.

Nous sommes maintenant en 2007 / 2008 qui correspond à ma première année de webdesign en alternance dans l’entreprise « Car and Boat Média ». Au sein de cette entreprise j’occupais le poste de graphiste-web, dans lequel je m’occupais du site de « annoncesbateau.com » et de diverses mini sites. Cette expérience fut pour moi la première professionnelle dans le web. Tout c’était très bien passé pour moi, car j’avais une bonne équipe ainsi qu’un bon tuteur. J’ai appris beaucoup sur le travail en équipe et le « webdesign » en travaillant sur des sites de bateaux. Sur le plan personnel, je dirai que cette expérience ma fait mûrir et ma permise de m’affirmer un peu.

En 2008 / 2009 lorsque j’étais en deuxième année de webdesign en alternance, cette année fut plus difficile pour moi car j’ai commencé dans l’entreprise « Néalite », puis je suis partie pour diverses raisons (que je n’évoquerai pas ici) dans l’entreprise « Linescort ». Dans cette agence j’étais dans le service webdesigner-graphiste dans lequel je réalisais des maquettes de site à l’aide de brief, et j’aidais sur quelques intégrations de sites web.

Une fois mes 2 ans de webdesign en alternance terminées, et malgré un rythme soutenu entre les cours et l’entreprise (3 semaines de travail,1 semaine de cours par mois), je décide de poursuivre mes études en licence professionnelle concepteur intégrateur web multimédia. J’ai voulu réaliser cette licence pour approfondir mes connaissances en termes de développement web, un domaine que j’apprécie toujours autant. Pendant cette licence j’ai effectué mon alternance avec « Steaw » une webagency pure player où j’ai appris énormément de choses sur l’intégration grâce à mon tuteur CSS, ainsi qu’en webdesign. Ce fut pour moi une année d’alternance très enrichissante.

Une fois ma licence obtenu, me voilà repartie dans ce qui fut enfin pour moi ma dernière année à l’école du multimédia en formation chef de projet multimédia. On pouvait dire que la mission de chef de projet, planning budget n’avait plus de secret pour moi. J’étais en alternance chez « TBWA/Corporate » et je le suis toujours à ce jour au poste de Directrice artistique et Intégrateur multimédia. Le tout dans une ambiance extraordinaire que je ne suis pas prête d’oublier.

Aujourd’hui, quand je vois le parcours que j’ai réalisé pour en arriver là où je suis, je ne regrette rien. J’ai eu beaucoup de moments de doutes mais à chaque fois ma passion et ma motivation reprenait le dessus. Effectivement, alterner cours plus entreprise me procurais beaucoup de fatigue à certain moment.

Et maintenant, la suite après les études, je me lance en tant que Directrice artistique et Intégrateur multimédia. Je vais bientôt avoir un cdi, puis acquérir un yorkshire, faire quelques voyages et je serai toujours aussi geek. Bref affaire à suivre !

Je tiens à dire un grand merci à tous mes tuteurs que j’ai eu durant mes 4 ans d’alternance, Marie, Dominique, François LP, François M et Philippe (the best), merci beaucoup à eux !

A très vite sur Xbition-art, le blog !

Blog | Xbition-art

Vu sur le web #2 – Novembre

1. Free « psd » :

2. Free « fonts» :

3. Inspiration « Logo » :

4. Ressource « icons » :

5. Ressource « css » :

6. Ressource « jQuery» :

7. Ressource « WordPress » :

8. Coup de cœur « websites » du mois :

Ouverture de « freebies.xbition-art.fr »

Vu sur le web #1 – Octobre

1. Free « psd » :

2. Free « fonts » :

3. Outils pour « Webdesigner » :

4. Inspiration « Logo » :

5. Ressource « icons » :

6. Ressource « css3 » :

7. Ressource « jQuery » :

8. Ressource « WordPress » :

9. Thème « Tumblr » :

10. Coup de cœur « websites » du mois :

Un template « vCard » pour vous.

6 ans d’études dont 4 ans d’alternance…