Aujourd’hui une petite création tiré du jeu Crysis  développé par Crytek

Ce jeu a été pour moi une grosse d’inspiration, les graphismes d’origines étant d’une qualité extrêmement haute!

Je suis donc parti, de ce sublime wallpaper!

Et j’en suis arrivé à cela :

ça permet d’entretenir, la retouche photos et de garder son esprit créatif en activité!

Le plus dur pour un infographiste, c’est de garder l’esprit ouvert, rien n’est pire que le manque d’inspiration.

Au fils de longues balades sur le net, à la recherche de telle ou telle ressource nécessaire à la réalisation de mes projets, j’ai relevé pour vous certaines petites adresses plutôt intéressantes et ce dans des thèmes plutôt varier, comme PHP, Photoshop mais encore jQuery ou WordPress.

C’est pour vous un moyens facile, pour gagner du temps et d’augmenter votre rapidité de développement et de raccourcir le temps avant la mise en production de vos créations, donc sans plus attendre commençons notre liste!

1. TimThumb PHP script
   • Est un script utilisé dans de nombreux thèmes WordPress et réalisé par Darren Hoyt, auteurs de plugin notamment connu pour le thème WordPress MIMBO (magazine), utilisable sur n’importe quel site web vous permettra de des miniatures d’images à la volée, pour votre plus grande joie (avec système de cache)
2. Online PHP Editor – PHPanywhere.net
   • PHPanywhere comme son nom l’indique est un éditeur en ligne qui vous permettra de, créer, modifier, etc… votre code directement en ligne et ce dès que vous vous trouvez un un ordinateur quel qu’il soit, moyennant bien entendu qu’il comporte une connexion internet
3. UserCake – Opensource PHP user management system
   • Script PHP Opensource pour gérer un espace membre

1. 79 tutoriales para crear plantillas en PSD
   • 79 tutoriels pour apprendre à créer ses designs web 2.0
2. Create a Clean and Colorful Web Layout in Photoshop
   • Créer un web design sobre élégante et coloré avec photoshop
3. 70 Of The Best Photoshop Actions For Enhancing Photos
   • 70 « Best » méthodes photoshop pour embellir vos photos
4. 75 PSD to HTML Resources for Web Designers
   • 75 ressources photoshop pour web desginers (.PSD)
5. 40 Amazing Photoshop Brush Directories and Collections
   • 40 collections de brush photoshop

1. Build a Simple Password Strength Checker
   • Fabriquer simplement un vérificateur de sécurité de mot de passe
2. Validatious 2.0 – Easy form validation with unobtrusive JavaScript
   • Validation de formulaire en javascript, valide, fonctionnant avec ou sans framework js
3. 15 jQuery slideshow/gallery plugins
   • 15 plugins jQuery pour faire des diaporamas (slideshow) facilement
4. 10 Awesome Techniques and Examples of Animation with jQuery
   • 10 techniques et exemples d’animations jQuery
5. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
   • Vous avez toujours rêvé de faire un diaporama similaire à ceux d’Apple ? Oui ? Alors ce Slideshow Jquery est fait pour vous!
6. Facebook Connect JavaScript SDK
   • Librairie javascript pour vous aidez à intégrer FaceBook Connect sur vos sites
7. Simple Draggable Element Persistence with jQuery
   • Rendre un élément « draggable » avec jQuery, puis mémorisation via PHP/Mysql
8. 30 Amazing jQuery Plugins To Play With Tables
   • 30 plugins jQuery pourvous amuser avec vos tableaux html
9. How To Parse XML Using jQuery and Ajax
   • Comment parser du XML via jQuery
10. Plugins And Tutorials To Enhance The Images Of Your Website With jQuery
    • Plugins et astuces pour améliorer l’affichage et le défilement de vos images grâce à jQuery

1. 70 Themes (temas) gratuitos de alta calidad para WordPress
   • 70 thèmes wordpress de haute qualité pour WordPress
2. Kubrick On Crack – Free WordPress Theme
   • Thème wordpress gratuit élégant et aéré qui améliore le thème par défaut de wordpress
3. I Like This « WordPress Plugins
   • Plugin WordPress qui va vous permettre d’ajouter un bouton de vote (positif seulement)
4. Best of Best WordPress Custom Login Page Designs
   • Sélection des meilleurs pages de login WordPress
5. Top 30 Awesome WordPress Plugins That You Must Have In Building A New WordPress Blog
   • Le top 30 des plugins Worpdress à installer lors d’une nouvelle installation
6. 9 Useful Minimalist WordPress Themes
   • 9 thèmes minimalistes wordpress

Et nous en avons enfin, fini avec cette liste qui vous serra je l’espère utile.

@ Bientôt dans un nouvel article! ProgDez

Comme tout bon designer qui ce respect, je me doute que dès lors d’un nouveau défis graphique ou lors d’un création vous avez votre petit pack de brush, textures ou encore ressources PSD qui nous font gagner un temps fou!

Plus vous en avez et mieux s’est, et il faut toujours être en quête de nouveau pack qui vous permettrons de faire des petits merveilles avec votre imagination.

Alors voici, pour ceux qui n’ont pas notre chance, quelques petits pack à votre disposition gratuitement.

• 60 icônes/boutons format PSD (Gratuit)
• 100 textures HD (Gratuit)
• 100 Brush HD (Gratuit)

Donc, voila j’espère que ça vous aidera à nous délecter de vos plus belles créations avec ces petits packs!

Nombre d’entre vous passent beaucoup de temps à chercher des thèmes, templates HTML/CSS sur le net, tombant bien souvent, sur des sites internet proposant des templates  dépassés et/ou payants, ce qui est pour certains jeunes webmaster parfois un peu contraignant.

Voici donc 62 templates à réutiliser pour la création de vos sites et ce totalement gratuitement.

• 62 High Quality HTML / CSS Web Templates Of 2010 For Free Download (Gratuit)

Pour ceux qui voudraient plus de choix, il existe sur le web beaucoup de sites offrants des templates, tel que:

• http://opensourcetemplates.org/
• http://www.freecsstemplates.org/

Ils en existe beaucoup d’autre, une petite recherche sur google vous y mènera!

Bon développement à vous!

Aujourd’hui un petit tuto et sans plus tarder entrons dans le vif du sujet.

Souvent les webmasters qui utilisent les CMS du style de wordpress, ce sentent un peu pieds et poings liés en effet les possibilités déjà grande ce limite à quelques fonctionnalités standard, rédaction d’article et création de page.

Alors vous allez me dire : Oui, mais c’est bien beau tout ça sur les pages nous pouvons coller un peu de code (html/css) par-ci par la rédiger quelques lignes grâce au super éditeur wysiwyg mais si nous voulions réutiliser du code WP notamment pour afficher des articles [...]

Et bien je vous répondrais, que c’est le sujet du jour et plongeons nous donc dans cette tâche sans plus attendre, l’heure tourne!

Première étape création de la page qui va nous servir de modèle pour le template (ex: my_tpl.php).

Créer une page vierge et y copier le contenu du fichier template index.php ce trouvant dans /wp-content/themes/default/

Ce qui va donner ceci

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */

get_header(); ?>

 <div id="content" role="main">

 <?php if (have_posts()) : ?>

 <?php while (have_posts()) : the_post(); ?>

 <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>
 <small><?php the_time(__('F jS, Y', 'kubrick')) ?> <!-- by <?php the_author() ?> --></small>

 <div>
 <?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>
 </div>

 <p><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>  <?php comments_popup_link(__('No Comments &#187;', 'kubrick'), __('1 Comment &#187;', 'kubrick'), __('% Comments &#187;', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?></p>
 </div>

 <?php endwhile; ?>

 <div>
 <div><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>
 <div><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>
 </div>

 <?php else : ?>

 <h2><?php _e('Not Found', 'kubrick'); ?></h2>
 <p><?php _e('Sorry, but you are looking for something that isn&#8217;t here.', 'kubrick'); ?></p>
 <?php get_search_form(); ?>

 <?php endif; ?>

 </div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Attardons nous plus particulièrement sur ceci

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */

Nous allons le remplacer pour le faire reconnaitre comme fichier template, et ce comme ceci

<?php
/*
Template Name: MyTPL
*/

Uplodez votre fichier my_tpl.php dans /wp-content/thèmes/default/ nous allons maintenant créer la page depuis le tableau de bord wordpress.

Dans la liste déroulante « Modèle » vous allez rapidement vous apercevoir que OH! magie notre TPL est apparue avec comme titre « MyTPL »

Donc choisissez ce dernier, vous n’avez rien à entrer comme text ou quoi que ce soit et publiez l’article.

Rendez vous sur votre article et la Oh! magie un clone de votre page d’accueil.

Alors l’utilité ? de réaliser ceci aucune ?! Mais si, vous pouvez parfaitement modifier ce TPL pour qu’il corresponde parfaitement à ce que vous souhaitez.

Aller nous allons faire une modification de la page pour vous montrer comment!

Premièrement récupérez le numéro d’une catégorie de post que vous voulez afficher. Si vous regardez dans le code j’ai commenté les lignes nécessaires.

<?php

/*
Template Name: MyTPL
*/

get_header();
?>

 <div id="content" role="main">

 <?php if (have_posts()) : ?>

 <?php
 // on récupère les posts de la catégorie 1 et on ce limite à 10 posts affichés
 $lastposts = get_posts('category=1&numberposts=10');
 foreach($lastposts as $post) :
 setup_postdata($post);
 ?>

 <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>
 <small><?php the_time(__('F jS, Y', 'kubrick')) ?> <!-- by <?php the_author() ?> --></small>

 <div>
 <?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>
 </div>

 <p><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>  <?php comments_popup_link(__('No Comments &#187;', 'kubrick'), __('1 Comment &#187;', 'kubrick'), __('% Comments &#187;', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?></p>
 </div>

 <?php endforeach; ?>

 <div>
 <div><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>
 <div><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>
 </div>

 <?php else : ?>

 <h2><?php _e('Not Found', 'kubrick'); ?></h2>
 <p><?php _e('Sorry, but you are looking for something that isn&#8217;t here.', 'kubrick'); ?></p>
 <?php get_search_form(); ?>

 <?php endif; ?>

 </div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Sauvegardez et rendez vous sur la page, et vous allez voir que seul les posts de cette catégories ce sont affichés.
Si vous souhaitez en savoir plus sur les méthodes wordpress, veuillez vous rendre: ici

Voilà le tutoriel touche à sa fin!

Bonne continuation à vous,
ProgDez

Voici aujourd’hui une de mes créations et oui encore, j’ai nommé le site Scifi Univers.

Comme vous l’aurez sans doutes remarqué, c’est un site basé sur la science fiction, notamment au cinéma.

Ce site est le pilier du réseau Ultimate composé actuellement de 3 sites: scifi-univers.com, stargateultimate.com, sanctuary-ultimate.com

Merci de m’avoir lu,

Cordialement, ProgDez

Voici une petite création, pour le lancement de la v4 de mon portfolio.

C’est un fond basé sur le Thème du jeu Mass Effect 2, l’image de très grande qualité à l’origine permet de vraiment laisser aller son imagination vagabonder pour un résultat final plutôt satisfaisant.

Alors maintenant me diriez vous, pourquoi autant d’attente avant la réouverture ?

Et bien, le travail ne manquait pas et le temps libre lui par contre ce faisait rare.
C’est donc après de longues interrogations sur l’orientation de mon portfolio que nous en sommes arrivés ici sur un projet fini et abouti basé autour d’un mag’ et du portfolio en lui même.

Je vous présenterai mes travaux, mais pas seulement! Au travers d’articles dans la rubrique Mag’ je vous présenterai ma vision du web, les trucs et astuces ainsi que certains tuto concernant le web, la programmation, la gestion/administration de serveur et bien d’autres sujets.

Le tout va s’étoffer à mesure que je vais avancer dans la rédaction.

Cordialement,

ProgDez