Développement Article

Utiliser PostgreSQL avec MAMP et PhpPgAdmin

02 Fév , 2014 2 commentaires

Voici un petit article rapide sur une façon simple d’utiliser PostgreSQL avec MAMP. La dernière version de PostgreSQL 9.3 est disponible en tant qu’application pour Mac. Voici donc la marche à suivre : 

Installer PostgreSQL 

  1. Télécharger l’app : http://postgresapp.com/
  2. Drag & drop l’app dans le dossier Applications
  3. Lancer l’app et c’est partis

Le nom d’utilisateur est le nom de l’utilisateur de votre Mac sans mot de passe.

postgres

Installer PhpPgAdmin

  1. Télécharger le code : http://phppgadmin.sourceforge.net/doku.php?id=download
  2. Placer le code dans le répertoire de votre « HTDOCS » pour moi c’est Sites
  3. Editer le fichier conf/config.inc.php
  4. Changer le paramètre : extra_login_security à false (pour permettre la connexion sans password)
  5. Avec MAMP Pro vous pouvez créer un Host pour moi ce sera pgadmin.app
  6. Aller sur le Host et entrez le nom d’utilisateur sans mot de passe
  7. Vous voilà connecté au serveur PostgreSQL

Voilà, vous avez maintenant PostgreSQL utilisable avec MAMP et PhpPgAdmin. Si vous avez des questions, comme d’habitude, utilisez les commentaires 🙂 

Aller sur la page de l'article

Photos d’insectes en macro

17 Sep , 2013 Aucun commentaire

Voici un post rapide pour partager une belle collection de photos d’insectes en macro. La galerie est impressionnante, ça fait d’ailleurs un peu peur, imaginez si ces insectes était de taille humaine, on serait pas mal dans la merde !

Pour voir la totalité des photos cliquez ici.

 

 

 

 

 

Aller sur la page de l'article

Jquery – évenement redimension du navigateur

22 Juil , 2013 2 commentaires

J’ai récemment eu un problème à gérer en Jquery. Je voulais pouvoir redimensionner une fenêtre et récupérer la largeur de la fenêtre (après redimension). Pour éviter le lag du calcul à chaque « mini » redimension, la solution est d’agir une fois que l’on a fini de redimensionner la fenêtre. Voici comment faire : 

Créer un nouvel évènement jQuery (à utiliser comme une fonction) : 

$(window).resize(function() {
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger(‘resizeEnd’);
    }, 500);
});

Mettre ce code dans le document ready : 

$(window).bind(‘resizeEnd’, function() {
    var wdt = $(window).width();
    alert(wdt);
});

Voilà c’est assez simple mais ça peut servir dans certain cas un peu fucké comme je viens d’avoir ! J’espère que ça vous servira 🙂

Aller sur la page de l'article

Petit transfert entre amis

20 Juil , 2013 Un commentaire

WeTransfer est un site qui permet d’envoyer des fichiers à des amis de façon très simple. Le site a été bien pensé et est orienté facilité d’utilisation.

Avec WeTransfer, vous pouvez envoyer jusqu’à 2 Go de fichiers jusqu’à 20 personnes différentes. Vous pouvez aussi l’utiliser aussi souvent que vous voulez!

Puisqu’une vidéo vaut 1000 mots, voici comment utiliser , c’est vraiment SIMPLE : 

Comment utiliser We Transfer pour envoyer des fichiers à vos amis

[youtube]https://www.youtube.com/watch?v=LXLTTv44OLQ[/youtube]

Aller sur la page de l'article

11 thèmes incroyables pour Bootstrap

18 Juil , 2013 2 commentaires

Vous avez un projet intéressant mais peu de temps à y consacrer? Bootstrap est l’outil qu’il vous faut! Je vous réfère à mon article présentant Bootstrap si vous ne connaissez pas bien l’outil.

Dans cet article, je vais vous présenter 11 thèmes vraiment incroyables et qui vous feront gagner un temps énorme dans vos développements. Ces 11 thèmes sont payants et sachez que si vous achetez un thème via un lien de mon site, je toucherais une petite commission. Ceci étant dit, je souhaite avec cet article vous faire découvrir les possibilités infinies de Bootstrap. L’un des avantages majeurs de Bootstrap est qu’il permet de gérer facilement le mode responsive (l’interface change en fonction de la résolution du navigateur). Ceci permet d’avoir un site facilement consultable sur tablette, mobile et ordinateur.

Thèmes Bootstrap pour les dashboard et backend

Detail AdminWB07061TJ

Ce thème est parfait si vous devez concevoir une application web ou un backend. Bootstrap prend toute son ampleur dans ce genre de thèmes. En plus d’être très deisgn, légé et bien réalisé, ce thème est aussi responsive.

Voir une démo du thème |  Acheter ce thème sur Wrapbootstrap

SimpliQ FlatWB0N1X0T1

Ce thème, très adapté pour une interface d’admin (backend), est une fois de plus très design, sobre et élégant. Ici, un design flat est utilisé. Petit plus, ce thème est prêt pour le retina display et intègre les icône Glyphicons Pro gratuitement (valeur de 59$).

Voir une démo de ce thème | Acheter ce thème sur Wrapbootstrap

Blue MoonWB0375140

Toujours dans la lignée des thèmes pour backend, ce thème est très complet. Avec pas moins de 7 variations de design et  25 plugins jquery intégrés, vous retrouverez dans ce thème tous les outils indispensables (datepicker, editeur WYSIWIG, timepicker, colorpicker, tooltips, popovers, notifications). Ce thème est aussi responsive.

Voir une démo de ce thème | Acheter ce thème Bootstrap sur le site WrapBootstrap

Clean CanvasWB02634G3

Ce très beau thème vous permettra de mettre en place un site vitrine ou un portfolio. Le thème se base sur belles grandes images pour donner un côté sobre et épuré. Il est livré avec un stock d’images différentes et un slideshow de type Parallax.

Voir une démo de ce thème | Acheter ce thème sur le site WrapBootstrap

 

UnifyWB0412697

Ce thème pour Bootstrap pour business ou pour monter un portfolio est livré avec Revolution Slider et le pack Glyphicons Pro (valeur de 59$). Une fois de plus, le thème est responsive.

Voir une démo de ce thème | Acheter ce thème sur le site Wrap Bootstrap

Mywaymyway

Myway est un thème basé sur l’effet Parallax. Le thème est en fait une unique page qui défile vers le bas. Excellent pour présenter un produit ou un service sans lasser le visiteur. Il vient en 2 couleurs : light ou dark.

Voir une démo de ce thème | Acheter ce thème sur ThemeForest

Square vCardportfolio-bootstrap

Ce thème permet de faire un très beau portfolio, un CV ou encore un site personnel. Il est très design et très original dans le mode de navigation. À utiliser donc pour un projet ou l’originalité doit être de mise.

Voir une démo de ce thème | Acheter le site sur le site ThemeForest

Thème pour WordPress construit avec Bootstrap

Yellow Projectbootstrap-theme-themeforest

Ce thème est un thème WordPress qui est construit avec Bootstrap. Il possède plusieurs qualités, dont une très importante : Il est codé en étant axé SEO. Viens avec les fichiers PSD. Couleurs facilement changeables.

Voir une démo de ce thème | Acheter ce thème sur le site ThemeForest

 

Alfietheme-bootstrap-responsive

Le thème Alfie est un thème responsive pour WordPress. Il est possible de monter un blog aussi bien qu’un portfolio. Ce thème est assez orienté business. Ce thème est très fourni en composantes accessibles via des shortcodes.

Voir une démo de ce thème | Acheter ce thème sur le site ThemeForest

Conclusion

Vous aurez remarqué la puissance de Bootstrap à travers ces thèmes. Étant donné les contraintes de budgets et de temps de développement de nos jours, baser son design sur une structure bien fondée est un atout à ne pas négliger.

Aller sur la page de l'article