

Howdy partner!
I’m a french graphic + web designerLet me show you how this website works
Use your mouse,
finger or keyboard
↑ or ↓: change page← or →: change article
Click here anytime
to go back Home
You can click here as well
This icon will get you
to my portfolio
This one will provide you
with the latest articles published on my blog
Html5, css3 and javascript experiments
latest browsers often recommended
Click here if you want
to know more about who I am
Ready for action?
I can’t wait to discuss about your project!
Click this icon to watch
these instructions again
Don’t forget to like this website on facebook
You can also tweet about it
You might as well want to follow @daformat (me) on twitter
One last thing,
if you enjoy my work and happen to haveany spare Dribbble invite for me,
I would gladly take it :)




Illustration, web and UI design - Cookicaster.com




Printed design Corporate documentation - Maison Charaix

Greetings card design - Maison Charaix


Website design - Maison Charaix

Packaging for Les Miels de Joyeuse - Maison Charaix

Special packaging for Christmas Illustration by Kanako - Maison Charaix


Business card design for the Opera Garnier’s restaurant - L’Opéra restaurant

Webdesign - frontend - backend developpement for the Opera Garnier’s restaurant - L’Opéra restaurant

Logo design for the Opera Garnier’s restaurant - L’Opéra restaurant

Astase logo design


Business card design - Astase

Web design for UltraBackup Netstation

Web design for Astase Interactive

Vector illustration, some of the many cameras and objects drawn for Sylights.com

Sylights.com logo refresh - original logo by Anne Bellenger

Webdesign launchrock style placeholder for Agence Sportive

Logo design and visual identity - UrbanMood premium

Setting up an apache magic virtualhost for symfonyPosted on Wednesday the 18th of July 2012 | 3:58 am I didn’t take the time to switch from the awesome php framework symfony 1 to it’s newer sibling symfony 2 yet. I feel like I’ll be loosing a few stuff from symfony 1 that I very much love. However, with symfony 1, setting up a new virtual host for every new project can be a real pain in the ass. So here’s a quick little trick to save you from editing httpd.conf all the time: set up a magic (catch-all) VirtualHost that’s gonna do the job automagically! |
Happy anniversary, can’t wait for a decent png24-style...Posted on Tuesday the 17th of July 2012 | 4:06 am Happy anniversary, can’t wait for a decent png24-style equivalent, that would be awesome :)… |
A nicer Stats.js by Mr.doobPosted on Tuesday the 1st of May 2012 | 1:29 pm A nicer Stats.js by Mr.doob: I just commited on GitHub a few tweaks I made for Mr.doob’s awesome javascript perfomance monitor so it looks a bit better. You can see it live on my website at http://mathieujouhet.com in the “demo” section. Here is a preview: … |
Bootstrap v2 - from Twitter to the webPosted on Wednesday the 11th of April 2012 | 7:43 pm Bootstrap v2 - from Twitter to the web: There are so many exciting stuffs happening to the web these days. Responsive web design, html5, css3, LESS Css… So much topics to keep updated with. Fear not, the twitter awesome techies have released bootsrap (now v2), a tool designed to help you start any web project with a rock s… |
It’s always handy to have a template of an iPhone / iPad...Posted on Friday the 9th of March 2012 | 6:48 pm It’s always handy to have a template of an iPhone / iPad sitting somewhere on your computer. Today, I’m giving you the one I’ve drawn carefully. So enjoy the … |
Playing with deviceOrientation events and orientationchangePosted on Saturday the 28th of January 2012 | 3:49 pm With the rise of new devices, new javascript events can be triggered. deviceOrientation and orientationchange are some of them. For the undergoing redesign of my own website I wanted to play with them, here’s how. |


Pure css 3d flipping clock
Topics covered: Css 3d transforms, Css3 transitions
Browser needed: Safari (desktop + mobile), Chrome, firefox

M&Ms - Css 3D Particles with 3d transforms
Topics covered: Css 3d transforms, Css3 transitions, Javascript particles
Browser needed: Safari (desktop + mobile) Vanilla chrome is a bit glitchy, use Canary

Css 3D transforms
Topics covered: Css 3d transforms, Css3 transitions, basic javascript mouse following
Browser needed: Chrome, Safari (Mobile + desktop) Firefox, Internet Explorer 10

Mathieu Jouhet is a freelance graphic and web designer based in Paris, France.He has a serious passion for interactive design, html5, css3, javascript and is able to manage all kind of graphic and web related projects |
Webdesign, like no otherIt’s all about passion, I’m not just “making” or “building” websites, I’m crafting them patiently and carefully until everything is perfect. |
Looking for a stunning visual identity?Look no further, helping you illustrating what you are standing for is my job. Tell me who you are, I’ll show it to the others. |

the idiot looks at the finger.