Blog

  • micro-framework flightphp

    flightphpAujourd’hui, je vais vous présenter un micro-framework qui s’appelle « flightphp« .

    L’adresse du framework est flightphp.com. Pour le télécharger, vous pouvez aller sur github.

    C’est un outil qui permet de créer des sites internet avec une structure organisé.
    Il est très facile d’installation, il suffit de créer un HTACCESS avec les lignes suivantes :

    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php [QSA,L]
    

    Ensuite, il suffit de créer le fichier index.php. Le code minimal est :

    require 'flight/Flight.php';
    Flight::route('/', function(){
        echo 'hello world!';
    });
    Flight::start();
    

    Ce code permet d’afficher un « hello world » sur votre navigateur.

    Pour en savoir plus, il suffit de lire la documentation sur la page prévu à cette effet : http://flightphp.com/learn.

    Je conseille ce micro-framework si ne vous voulez pas utiliser de framework plus développé comme symfony ou zend, mais il peut vous permettre d’apprendre les bases pour les utiliser dans le futur.
    En tout cas, il vous permettra d’apprendre les architecture MVC et REST.

  • Comment utiliser Jquery UI et Bootstrap

    jquery-ui-bootstrapDans tous projets Web, que ce soit pour des sites internet, des intranets, ou des ERP, nous devons quelques-fois utiliser des bibliothèques CSS et JS pour nous aider.

    Mais certaines d’entre elles ne peuvent marcher ensemble sous leurs formes d’origine à cause d’une incompatibilité.

    Je vais prendre pour exemple les bibliothèques suivantes : Jquery UI et Twitter Bootstrap.
    Pour éviter les incompatibilité entre ces deux bibliothèques, il existe une solution proposé par 3 personnes : Addy Osmani, Gerits Aurelien, et Vijay Dharap.
    Vous pouvez trouver cette solution sur github, avec le titre jquery-ui-bootstrap.
    Des choix ont été effectué, et la solution marche correctement. Il suffit juste de prendre les meilleurs composants des deux bibliothèques.

    Vous avez une version de démonstration à cette adresse : http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/. La démonstration est très complète et contient des exemples pertinents.

    Si vous avez des exemples de solutions de ce type, n’hésitez pas à me les envoyer. J’en parlerai sur le blog.

  • Google Map et base de données – 2eme technique

    Google Map et base de données – 2eme technique

    Dans ce nouveau tutoriel sur Google Maps, je vous montre comment récupérer les informations d’une BDD pour les ajouter sur une Google Maps.

    Le tutoriel fait suite à un autre que j’avais fait il y a un peu plus d’un an (voir à cette adresse : Google maps API et BDD).

    Dans ce tutoriel, je vous montre une deuxième technique qui est plus directe. Tout se fait entre le PHP et le Javascript.

    Vous pourrez récupérer le code source sur ma page de téléchargement. Le code source a pour titre « BDD to Google Maps ».

  • Structurer un projet SASS

    SASSCes derniers mois, j’ai pu écrire des articles sur les langages de préprocesseur comme LESS ou SASS.
    J’avais même créé une formation sur LESS.

    Mais, a aucun moment, je n’avais jamais parlé de la manière de faire pour bien structuré un projet avec SASS.

    Ce sera fait aujourd’hui, avec le lien que je vais partager.
    C’est un article d’un blogueur anglais, qui parle de ça.
    Voici le lien de l’article : Architecture for a Sass Project

    En espérant que cette article vous sera utile dans le futur.

  • Site de proposition de template : html5up

    html5up-websiteAujourd’hui, je vais parler d’un site qui propose plusieurs template en HTML et CSS.

    Le site s’appelle html5up, et vous pouvez le retrouver à l’adresse html5up.net.

    Comme présenté sur le site, ces templates sont entièrement responsive (visible sur tous les supports), customizable et 100% gratuit (sous licence Creative Commons).
    Ils sont au nombre de 21, et vous pouvez les utiliser à l’infini à une seule condition : faire mention de l’auteur.

    Voici quelques images de template qui peuvent vous faire envie :
    [cycloneslider id= »html5up »].

    N’hésitez pas à mettre un commentaire pour me dire ce que vous pensez de ce site.