Développement | TuniBox

Livecoding.tv, Regarder des développeurs coder en temps réel !

Hichem — Fri, 13 Mar 2015 18:02:42 +0000

Vous pouvez acheter un bouquin ou suivre des tutoriels sur le net pour améliorer vos compétences en développement… Mais vous pouvez aussi perfectionner vos compétences en regardant en direct ce qui se passe sur l’écran d’un développeur expérimenté pendant qu’il travaille!

C’est ce que propose Livecoding.tv, une approche différente de l’enseignement classique basée sur l’expérimentation interactive. L’apprenti peut également poser des questions au développeur pendant qu’il travaille.

Trois niveaux d’accès sont proposés; débutant, intermédiaire et expert. Il est également possible de choisir parmi les langages proposés comme PHP, JavaScript ou Java et d’autres langages communs. Vous pouvez découvrir les vidéos proposées ici livecoding.tv/videos/

The post Livecoding.tv, Regarder des développeurs coder en temps réel ! first appeared on TuniBox.

TuniBox de retour! Découvrez la nouvelle version

Hichem — Wed, 21 Mar 2012 11:29:29 +0000

Elle est là ! la nouvelle version de ~~TuniBOX~~ TuniBox est en ligne depuis hier, après une période d’inactivité assez longue. Bloguer et proposer un contenu original et authentique est un véritable travail de réflexion et de veille continue, et ce n’est pas toujours évident de maintenir à jour et de publier fréquemment lorsqu’on administre plusieurs sites (TuniBox, lesaviezvous.net, archiverevolution…) en plus d’une activité professionnelle riche et intense, une vie de couple, deux abonnements de cinéma et de salle de sport, des amis merveilleux qu’on a envie de voir de temps en temps et les tentations d’une belle ville comme Paris ! Tout est une question de planning et de rigueur que j’essaye de maintenir malgré des dérapages fréquents

Je reviens alors avec une nouvelle version et un nouveau thème authentique que j’ai personnellement bricolé L’ancienne version du Blog tournait sur une mouture WordPress 2.3 datant de 2007 !! Les erreurs des débuts avec WordPress comme la modification des cores des plugins rendaient la version impossible à mettre à jour…

Le passage direct à la dernière version 3.3.1 était long et fastidieux à cause de l’implémentation de nouvelles fonctionnalités au fil des versions comme les images à la une ou la gestion des menus. L’environnement a aussi changé, PHP5 oblige. J’ai alors entamé le chantier de refonte motivé par la nécessité de changer le look, utiliser les nouvelles fonctionnalités de WordPress et surtout éliminer les risques des failles de sécurité.

C’était très important pour moi de conserver les quelques 300 billets du site et les 1200 commentaires de mes lecteurs mais surtout le référencement des articles et le classement des mots clés. Personne n’aimerait perdre 2000 visiteurs par jour Parmi les nouveautés :

Un nouveau logo remis au gout du jour
Élargissementde la zone de texte pour une meilleure lisibilité
Utilisation de Google Web Fonts pour un rendu plus sexy
L’intégration des images à la une et d’un nouveau widget jQuery (récents, tags et populaires)
De nouvelles catégories et sujets en perspectives comme WordPress et Android
Un forum en cours de préparation
…

Soyez donc les bienvenus et et n’oubliez pas de laisser un commentaire au passage si vous avez une remarque ou si vous voulez me féliciter

The post TuniBox de retour! Découvrez la nouvelle version first appeared on TuniBox.

100 thèmes WordPress gratuits et de haute qualité

Hichem — Fri, 29 Oct 2010 16:06:54 +0000

WordPress est sans doute le meilleur moteur de Blogs. Il est de plus en plus utilisé par les blogueurs et les entreprises grâce aux innombrables extensions et plugins mais aussi grâce à la qualité des thèmes professionnels disponibles en téléchargement gratuit et réalisés par les meilleurs web designers du monde. Cet article présente une liste récente des plus beaux Templates WordPress gratuits…

Thèmes pour galeries et portfolios

Cumulus (Version gratuite) (démo)
Cumulus est un thème propre pour portfolios. Avec un large bloc pour les projets et une navigation intuitive des articles dans la sidebar.

Imbalance (démo)
Style moderne et minimaliste. Adéquat pour les blogs, les magazines en ligne et les portfolios. Supporte les menus WordPress 3.0, un widget twitter, galerie JQuery et support des WP Miniatures.

Shaken and Stirred (démo)
Si vous avez besoin d’un portfolio ou d’un site avec une grille unique, Shaken&Stirred est le thème qu’il vous faut. Avec une excellente intégration du plugin jQuery Masonry.

AutoFocus+ (démo)
basé sur un design 800px, ce thème intègre une belle typographie pour une aisance de lecture.

Fotofolio Landscape (démo)
Un beau design foncé, avec une navigation verticale et support de lightbox pour les images. Un bon choix pour les photographes, qui veulent mettre en valeur leurs travaux en ligne.

FolioGrid (demo)
Transitions et redimensionnement automatique, ce thème fluide et minimaliste a tout pour plaire.

Mansion (démo)
Idéal pour les galeries, Mansion est un thème pour les photobloggeurs. Très flexible et personnalisable, il met en valeur les images mais aussi les articles occasionnels.

SimpleFolio (démo)
Très riches en options, SimpleFolio permet de personnaliser les différentes pages du blog et propose différents types de widgets pour les commentaires et le contrôle des images.

Smashing Multimedia (démo)
Spécialement conçu pour les podcasts et les photos. Il facilite l’intégration de vidéos et d’images, avec possibilité de vote. Les sources PSD sont dans le package ainsi qu’une documentation visuelle et riche.

Fullscreen (démo)
Fullscreen est un thème gratuit à une seule colonne pour une meilleure présentation des photos et des vidéos. la navigation est très intuitive et ergonomique.

Brave Zeenat (démo)
Un thème propre idéale pour les photographes et les artistes pour présenter leur book.

Monokrome (démo)
Ce thème est basé sur une grille et dispose du support Twitter et l’intégration de Flickr. La largeur de la colonne s’adapte à la largeur des images et de la fenêtre du navigateur.

Portfolio WPESP Theme (démo)

Selecta (démo)
Un thème frais qui convient à des blogs où la vidéo est le thème principal. Les cadres plus larges autour des miniatures et des vidéos évoquent un esprit rétro des vieux films de famille.

Work-a-holic (démo)
Idéal pour les dessinateurs, photographes et artistes, ce thème à deux ou trois colonnes met en valeur les réalisations visuelles.

BlueBubble (démo)
Ce template WordPress riche en options utilise un formulaire jQuery/PHP prêt à l’emploi. Compatible WordPress 2.9+.

Thèmes pour blogueurs

Lap of Luxury (démo)
Ce thème doré, avec un style noir et blanc. Utilise des espaces larges et un design propre.

Katana (démo)
Style basé sur les anims japonaises et les jeux, idéal pour les blogs autour des mangas. Très riche et complet, il comblera différents besoins comme l’intégration des annonces adsense.

Koi (démo)
Menus multi-niveaux, intégration des réseaux sociaux, commentaires… Configurations étendues du footer… Compatible WordPress 2.9+.

Bueno
L’un de mes thèmes préférés, Bueno est un template WordPress propre et minimaliste avec un style typographique séduisant. Il intègre la gestion des bannières et 7 différents schéma de couleurs.

Notepad Theme (démo)
Inspiré de l’application Notes d’iPhone, ce nouveau thème supporte toutes les possibilités d’un blog moderne, avec une compatibilité irréprochable avec différents navigateurs. Il utilise en plus le CSS3!

Strukture (démo)

Peacekeeper (démo)

The Seven Five (démo)
Thème noir et blanc avec une excellente intégration des réseaux sociaux.

Simplo (démo)

Galaxy (démo)
Thème WordPress sur deux colonnes, avec gestion des annonces 125×125. idéal pour les blogs personnels.

Aparatus (démo)

Zexee (démo)

Cyangant Elegant (démo)

Obscure (démo)
Idéal pour les sites communautaires, ce thème foncé style magazine peut être utilisé pour tous domaines.

Designpile (démo)

Différents schéma de couleurs, intégration des annonces et des flux Twitter avec un style foncé séduisant.

Obscorp (démo)

The Side Blog Theme (démo)
Un thème gratuit avec pleins de possibilités de personnalisation et de gestion de contenu.

Thèmes E-Commerce sous WordPress

e-Commerce: Kelontong (démo)
Design très pro et style simpliste. Intégré avec WP e-commerce et slideshow pour les produits.

Dangdoot (démo)
Dangdoot est un template WordPress gratuit pour e-commerce.

AppCloud (démo)

Thèmes propres et simplistes

Blissful Blog (démo)

idéal pour un journal personnel.

The Ideal Website
Basé sur une étude pour l’aisance visuelle et la facilité de navigation.

Un.complicated (démo)
Thème à trois colonnes. Comme son nom l’indique, rien de compliqué!

Voidy (démo)

Clear (démo)
Clear est un thème idéal pour les auteurs. Il est propre et très simpliste avec une seule colonne.

Delicate (démo)

Boldy (demo)
Un template très séduisant, compatible WordPress 3.0, avec gestion de menus, slideshows, formulaires jQuery et l’intégration de Twitter.

Smooth (démo)

Inuit Types (démo)

Modernist (démo)
La typographie et l’ergonomie de ce thème ont été optimisés pour intégrer différents types de contenu.

Titan Theme (version gratuite) (démo)

YouAre Theme (démo)

Simple Organization (démo)

Neutra (démo)
Un template WordPress simple et élégant.

The Erudite (démo)

Thèmes style magazine

The Columnist
Inspiré des journaux traditionnels, The Columnist est un thème idéal pour les blogs style magazine grâce à sa typographie irréprochable. CSS3 et animations jQuery sont au rendez-vous.

Furvious (démo)
Furvious intègre une administration étendue et 5 styles de couleurs.

Newspress (démo)

Thèmes minimalistes

Manifest
Pas de sidebar, pas de widgets… Une seule colonne 500px. De quoi être vraiment minimaliste !

Miniml Press (dèmo)

Functionalism (démo)

LifeStreaming White (démo)

Vostok (démo)
Écrit pour respecter les standards. ce thème a été conçu pour assurer une aisance de lecture et éviter la fatigue des yeux.

Mini (démo)

Thèmes WordPress pour téléphones mobiles

iPhonsta WordPress theme (démo)
Conçu pour une compatibilité iPhone, il est aussi utilisable sous d’autres terminaux mobiles.

WordPress Mobile Pack

WordPress Mobile Theme

Möbius
Möbius est compatible avec iPhone, iPod, Android, Blackberry, Windows, Palm Pre et Symbian pour téléphones tactiles.

News Press Mobile
Une solution simple et élégante pour créer des blogs ou des sites de news compatibles iPhone. il est complet et propose toutes les fonctionnalités WortdPress de base: recherche, login, catégories, tags, archives, photos et plus…

Carrington Mobile

Thèmes pour Pré-lancement

Pour aller plus loin avec WordPress

GuruQ (démo)
Système de questions-réponses sous WordPress.

Driftwood Contact Manager (démo)
Thème gratuit pour la gestion des clients et des contacts.

Aggregator (démo)
Agrégateur attractif pour gérer différents flux.

GTD (Thème privé pour équipes et collaborateurs)

MiniCard (démo)
MiniCard supporte les microformats hCard et vCard. il supporte presque tous les réseaux sociaux.

LiveTwit (démo)

Paul Andrew : Freelanceur et Webdesigner. Administrateur de Speckyboy – Design Magazine, blog pour ressources de Webdesign, développement et graphiques. Source : smashingmagazine.

The post 100 thèmes WordPress gratuits et de haute qualité first appeared on TuniBox.

Créer un formulaire de contact rapide et sécurisé sans plugin avec PicIy

Hichem — Wed, 19 Aug 2009 14:57:33 +0000

Le formulaire de contact est un moyen élégant et sécurisé pour permettre aux visiteurs de vous contacter. La communication directe d’une adresse Email est un risque de se faire spammer. Personnellement, j’utilise l’excellent plugin riche et complet cformsII pour WordPress. Dernièrement, je suis tombé sur PicIy, un site qui permet de créer un formulaire de contact simple et élégant en moins d’une minute et ne nécessitant l’installation d’aucun plugin puisqu’il génère un simple script. Je vous explique dans ce qui suit les étapes avec un exemple final fonctionnel...

Remplir les informations

La première étape consiste à remplir quelques informations basiques :

Votre Email (sur lequel vos utilisateurs vont vous contacter)
Personnaliser le bouton d’ouverture du formulaire (le bouton par défaut est déjà beau mais en anglais)
Message d’entête…
Message de remerciement à la fin de l’envoi.

Copier le code

Et c’est tout, vous pouvez maintenant copier le code généré et l’utiliser comme j’ai fais ci-dessous.

Attention! (utilisateurs de WordPress)

Le texte formaté dans l’éditeur de WordPress ne permet pas d’insérer du JavaScript. Pour remédier à ce problème, vous pouvez utiliser le plugin inline-js qui permet d’insérer du JavaScript facilement en utilisant cette syntaxe d'exemple dans le code :

Résultat :

Lien : http://piciy.com/

The post Créer un formulaire de contact rapide et sécurisé sans plugin avec PicIy first appeared on TuniBox.

Générer un thème WordPress à partir d’une maquette Photoshop à l’aide de Divine

Hichem — Mon, 17 Aug 2009 14:14:22 +0000

Générer un thème WordPress à partir d’une maquette Photoshop PSD ! C’est ce que propose Divine, un Plugin Photoshop prometteur et un projet qui fera plaisir aux graphistes non chevronnés en CSS et HTML d’autant plus qu’il est gratuit. Divine permet de convertir les calques d’une maquette PSD en un modèle de thème complet et optimisé pour WordPress. Vous n’avez qu’à spécifier les différents éléments du Template (Date, nom de l’auteur, titre, commentaire…) à partir des calques et le plugin fait le reste ! Reste à voir si le résultat est vraiment correct car personnellement je ne l’ai pas testé… Pour l’instant je me contente de mon joli thème qui ne me pose pas de problèmes d'ergonomie. En tous cas Divine est à tester… Un projet récent mais déjà populaire et prometteur.

Lien : http://www.divine-project.com/

The post Générer un thème WordPress à partir d’une maquette Photoshop à l’aide de Divine first appeared on TuniBox.

Une semaine hors service à cause de la mémoire PHP !

Hichem — Tue, 27 Jan 2009 15:37:17 +0000

TuniBOX était en panne durant la dernière semaine! Une période d'inactivité assez longue et couteuse. La non disponibilité du site a naturellement engendré une chute du positionnement Google et une perte approximative de 3000 visiteurs. Je devrais doubler d'effort durant les jours à venir pour combler ce vide et réparer les "dégâts". Je vous explique dans ce qui suit les raisons du conflit et les détails de cette mésaventure désagréable... Les causes de l'arrêt étaient inexplicables au début, car aucune intervention particulière n'a été effectuée de ma part depuis l’installation de WordPress. De plus qu'aucun module ou plugin n'a été ajouté récemment. Cependant, une erreur fatale de dépassement de capacité mémoire apparaissait à chaque entrée dans les pages du site !! J'ai rapidement eu recours à différentes solutions connues pour ce genre de problèmes :

Allocation de mémoire supplémentaire dans la page PHP du plugin posant éventuellement le problème (Simple Tags)
Modification du fichier .httaccess
Modification du wp-config.php

Mais en vain, le problème a persisté. J’ai cru que le plugin a posé un problème de plantage du à une mauvaise manip ce qui a engendré une boucle infinie ou un script bloquant. Je l'ai désactivé, mais le problème est passé à un autre fichier PHP, un fichier du WordPress Core cette fois !! Incapable de trouver une solution technique, j'ai finalement décidé de contacter le support client de mon hébergeur VIP DOMAINE. Je leur ai expliqué mon problème en exprimant mon doute à propos d'un changement possible de leur configuration Apache ou d'une surcharge éventuelle du serveur mutualisé. J'explique au passage qu'un serveur mutualisé est un serveur qui héberge plusieurs sites qui partagent les ressources matérielles. Dans le cas de mon hébergeur -comme dans le cas de la plupart des serveurs mutualisés dans le monde- la mémoire PHP est fixée à "8M" pour assurer une utilisation équitable des ressources et éviter les surcharges. Il est à mentionner que j'étais vraiment surpris par le professionnalisme du support client. Ma requête a été traitée en un temps très court et j’ai eu une réponse détaillée mais qui ne m'a pas aidé à résoudre mon problème. Le support technique accuse les plugins et me conseille de les virer. Ils m’ont informé que mon plugin était pauvre et mal codé, il causait le problème en consommant plus que 24M (d’après eux bien sûre)!! Mais avec tous mes respects pour le support technique, voila pourquoi je ne suis pas convaincu par cette réponse et pourquoi je doute encore -même après avoir résolu le problème- que ce n’est pas la vraie raison : En effet, j’ai décidé de procéder par élimination. J’ai déplacé tous les plugins du répertoire /wp-content/plugins pour les désactiver. Et comme par miracle, les erreurs ont disparues. Mais, à quoi sert WordPress sans plugins. C’est comme un système d’exploitation sans applications ! J’ai commencé par réinstaller les plugins un par un… Et à chaque fois le problème revenait. Je me suis trouvé obligé de trouver un compromis entre les plugins, tellement les limites étaient basses ou "sont devenues basses !". J’ai gardé les incontournables (Askimet, TinymceComments, All in One SEO Pack…) et j’ai du désactiver plusieurs plugins très intéressants comme :

Wp-Syntax (Coloration syntaxique et indentation des codes sources)
Sociable (Ajout des liens pour partager un article dans des sites communautaires)
Simple Tags (auto complétion et édition en masse des Tags)
…

Le plus étrange dans tout ça est que ces plugins sont loin d’être pauvres ou mal codés. Ils sont utilisés par une large communauté et recommandés par WordPress.org ! Pour conclure. Je dirais qu’un serveur mutualisé est un très mauvais choix pour l’installation d’un CMS sérieux et avec de grandes perspectives. Je passerais prochainement à un hébergement professionnel ou un serveur dédié ; Pourquoi pas ?

The post Une semaine hors service à cause de la mémoire PHP ! first appeared on TuniBox.