rand(Ø)

> beautiful code & photos

about <

Posts tagged: development

CSS: Quick tip to test your design responsiveness

By Joris Berthelot Published April 29th 2012 Tagged css, design, development, english, hack, news, wp-imported

Meanwhile I'm finishing my photography portfolio, I was wondering how could I test my design responsiveness as my screen resolution is 1440x900 max so I figured out a work around...

For low resolutions, it's quite easy because you only have to resize your browser window or use Web Developer extension which provides some predefined common window sizes.
But what about 1600x1200 resolution when your laptop screen is 1440x900 (for my example)?

You could either use tool like Responsive Design Testing by Matt Kersley OR, you could use your native browser functionality if your design is well done. I mean if

> Continue Reading

Introducing: joris.me

By Joris Berthelot Published November 30th 2011 Tagged code, design, development, english, news, php, semantic, wp-imported

Hi! I'd like to wisely introduce you my new online resume. I worked hard to reach this level of quality so I'm kinda proud of it.

Features

  • HTML5 + CSS3
  • Spritted CSS images
  • Smooth scrolling using jQuery
  • Full responsive layout (from 320x240 to... whatever!)
  • Mobile version (goes with responsive layout)
  • Supports IE7+
  • 98/100 on Google Page Speed
  • A Grade on YSlow
  • HTTP caching + compression
  • Twitter Bootstrap
  • Semantic HTML5 design
  • RDF/XML + Dublin Core metadata

It took some time for me to realize it because I'm not a designer and I didn't know what I really wanted... Wanted something very neat,

> Continue Reading

PHP: Projet Silex - Ecriture de tests fonctionnels

By Joris Berthelot Published August 12th 2011 Tagged closure, code, development, français, php, phpunit, project, silex, tdd, test, twig, wp-imported, unit-testing, php-project

Si vous découvrez le projet, je vous invite à commencer par ici, je pense que ce sera mieux pour vous plutôt que de prendre en cours de route.
Pour les fidèles, on retrouve notre road map habituelle :

Road map du projet

  1. Pré-requis et architecture
  2. Configuration de Silex
  3. Jouons avec Silex
  4. Ecriture de tests fonctionnels
  5. TDD pour le code métier
  6. Templating

J'espère que vous avez bien apprécié l'article précédent car aujourd'hui, on va avancer le projet (un peu). Et pour cela, je ne sais pas du tout si vous avez travaillé dans le même répertoire que le projet mais étant donné

> Continue Reading

PHP: Projet Silex - Jouons avec Silex

By Joris Berthelot Published June 1st 2011 Tagged closure, code, development, français, php, project, silex, wp-imported, php-project

Si vous découvrez le projet, je vous invite à commencer par ici, je pense que ce sera mieux pour vous plutôt que de prendre en cours de route.
Pour les fidèles, on retrouve notre road map habituelle :

Road map du projet

  1. Pré-requis et architecture
  2. Configuration de Silex
  3. Jouons avec Silex
  4. Ecriture de tests fonctionnels
  5. TDD pour le code métier
  6. Templating

Contrairement à la dernière fois, nous n'allons pas avancer sur le projet aujourd'hui car nous allons essayer de comprendre un peu comment fonctionne Silex et nous allons essayer de faire ressortir quelques petites astuces afin de mieux utiliser le framework

> Continue Reading

PHP: Projet Silex - Configuration de Silex

By Joris Berthelot Published May 17th 2011 Tagged code, development, français, monolog, project, silex, twig, wp-imported, php-project

L'introduction de cet article est PHP: Projet Silex – Présentation, pré-requis et architecture. Je vous invite à le lire si vous prenez le train en route.
En attendant, un petit rappel de notre avancement :

Road map du projet

  1. Pré-requis et architecture
  2. Configuration de Silex
  3. Jouons avec Silex
  4. Ecriture de tests fonctionnels
  5. TDD pour le code métier
  6. Templating

La dernière fois, nous avons préparé l'environnement de notre projet en configurant Apache et PHP puis en téléchargeant Silex, Twig et Monolog. Aujourd'hui, nous allons entrer un peu plus dans le vif du sujet puisqu'on va configurer Silex et faire un bon vieux Hello

> Continue Reading

PHP: Projet Silex - Présentation, pré-requis et architecture

By Joris Berthelot Published May 12th 2011 Tagged code, development, français, php, silex, wp-imported, php-project

Beaucoup de nouveaux outils sont sortis ces derniers mois voir années et je n'ai pas vraiment eu le temps de m'y intéresser de plus près donc j'ai pris la décision de mettre à l'écart le développement de Smak et de me former sur Silex.

Si vous ne connaissez pas Silex, je vous invite à aller faire un tour parce que je pense que cela en vaut la peine pour des tout petits projets comme celui que je souhaiterais développer avec vous.

Smak était un tout petit loader de fichiers sans vraiment parler de template car le code utilisé dedans restait

> Continue Reading