J'ai rassemblé ici toutes mes réalisations graphiques en CSS. Toutes les apparences visuelles sont de mon cru, ainsi que le développement de la plupart de ces sites. La plupart de ces interfaces sont en HTML propre et CSS standard, sauf quelques uns datant de l'époque où je ne connaissait pas ou ne maîtrisait pas encore suffisamment ces techniques.
En stage de fin de DUT, j'ai eu l'occasion de réaliser le site internet de la société SJF Electronic Center. C'est mon premier « vrai grand » site. En effet, il utilise un grand nombre de techniques que j'ai pu apprendre les deux années précédentes et le design couvre un large nombre de rubriques, allant du menu à la barre de recherche, en passant par un style pour l'impression... J'ai réalisé une grande partie du design graphique et la moitié du code PHP.
Afin d'assurer la promotion de mon application Blocs notes BasKet, j'en ai réalisé le site internet.
J'ai aussi réalisé une version Web de cette application de prise de notes. Cela permet d'accéder à ses blocs-notes depuis n'importe quel ordinateur.
Visiter le site
Utiliser le compte de démonstration
Lors de mon stage de trois mois et demi en seconde année d'ingénieur à SUPINFO, j'ai réalisé une interface Web pour les machines AS/400 en utilisant la technologie Ajax. L'application Web est chargée une fois pour toute sur le client et fait appel à l'AS/400 lors des actions de l'utilisateur. L'AS/400 renvoi une description d'écran très courte, et l'interface construit donc les écrans dynamiquement. Cela m'a donné l'occasion de réaliser cette maquette graphique à la fois plaisante et professionnelle.
Voir une capture d'écran (pour des raisons évidentes de non divulgation d'information)
Lors de mon stage de quatre mois en première année d'ingénieur à SUPINFO, j'ai aidé à refondre l'intranet de la société en utilisant la technologie Ajax. La maquette graphique avait déjà été réalisée. Je l'ai implémentée en CSS.
Voir une capture d'écran (pour des raisons évidentes de non divulgation d'information)
Ce fut le premier site que j'ai conçu. Je n'ai commencé à apprendre et utiliser le CSS qu'au moment où j'ai arrêté le site. Mes faibles connaissances de l'époque couplées à la mauvaise structure du site d'une cinquantaine de pages générées par un outils visuel (WYSIWYG) aurait rendu la "mise aux standards" très fastidieuse. J'ai donc juste limité la casse : le code n'est pas du tout joli à voir. ;-)
Voici un habillage que j'ai dessiné pour l'application de messagerie instantanée de KDE, Kopete. Il est à la fois sobre et professionnel, moderne et très joli, élaboré sur le thème de la connexion entre deux personnes au cours d'une discussion .
Voir une capture d'écran (taille réelle)
Télécharger le thème (pour Kopete 0.12 et plus)
Elle a été réalisée pour le fun, entièrement en HTML + CSS + JavaScript. Le but principal étant de démontrer qu'il est tout à fait possible de réaliser des sites vivants qui ressemblent à des sites Flash, sans utiliser de Flash ! Il comprend de nombreuses animations, une barre de chargement, s'adaptate à la taille de l'écran, et la navigation au clavier fonctionne. La page est utilisable dans de nombreux navigateurs, avec ou sans JavaScript. Par contre, les autres pages (comme celle-ci) ne sont pas très belles car ce fut mon premier design CSS utilisant des images. Si ça peut m'excuser... :-) Je migrerai petit à petit les pages du site.
Afin de partager ces connaissances et le plaisir de faire du HTML propre avec la puissance du CSS, j'ai démarré un tutoriel HTML Strict et CSS. Ce tutoriel est bien avancé et peut déjà être très instructif. Ce tutoriel n'est pas encore terminé, je le continue petit à petit.
En seconde année d'ingénieur à SUPINFO, nous avons eu un TP noté en ASP.Net. Il consistait à réaliser une application pour gérer les tournois de ping-pong dans l'école.
L'un des projets de première année d'ingénieur à SUPINFO a été de faire une application Web pour administrer facilement un serveur Linux à distance, par des administrateurs Windows qui ne connaissent pas le fonctionnement de Linux. En voici le design graphique, vous pourrez aussi en observer les points forts de son ergonomie.
Voir le menu principal
Voir le module de partage de fichiers
À l'IUT, nous avons réalisé (en groupe) une application d'albums photos partagés. J'y ai réalisé (entre autre) le design CSS. Des modifications doivent encore être faites pour le rendre compatible avec Internet Explorer.
À l'IUT, nous avons créé, en groupe, un site sur les poursuites d'études. Ce fut la première fois où j'ai pu expérimenter l'utilisation du CSS.