All posts in “Découverte”

[#1]Créer un compteur en CSS

Hop ! J’ai parlé la semaine dernière d’une série d’astuces qui porterait sur tout ce qui touche au web sur mon twitter. Je vous présente donc le premier volume : la propriété counter en css !  Amusez-vous bien !

Utilisation de cette propriété :

  • Slider
  • Présentation
  • Mise en page avec php
  • Javascript(effet grâce aux numéros)
  • etc …
http://www.dailymotion.com/videoxmgr0u

A bientôt !

[Concours] Video2Brain #FINI !

Druck

Les gagnants sont : Loudakota, Spykrew07 et Camille ! Je vous contacte dans la journée pour vous dire comment recevoir votre formation !

Salut à tous, on vas entamer ce nouvel article par la présentation du site Video2Brain, un des leaders du e-learning européen qui propose des formations de qualitée pour un moindre coût. Plutôt que de patauger et d’essayer de vous concocter une description completement naze, je vous copie/colle celle de Video2Brain :

video2brain propose des formations vidéo en ligne et en DVD pour les logiciels et les langages de programmation. Les formations de video2brain sont élaborées et réalisées par les plus grands experts qui s’emploient à rendre votre apprentissage le plus didactique et efficace possible. Collaborant étroitement avec les fabricants de matériels et de logiciels, video2brain est en mesure, dès la parution d’un nouveau logiciel, de proposer rapidement des tutoriels actualisés en français ainsi qu’en allemand, anglais et espagnol.
L’équipe de video2brain France est une équipe dynamique et passionnée qui met tout en œuvre pour ajouter au minimum 3 nouvelles formations par mois à son catalogue et propose des formules adaptées à vos besoins ! Que vous optiez pour une formation individuelle, un coffret ou un abonnement, vous progresserez à votre rythme, où et quand vous le souhaitez. video2brain est toujours à la pointe de la technologie et intègre les dernières avancées technologiques dans ces formations. Ainsi depuis fin 2010, video2brain propose des formations consultables sur iPad et iPhone 4.

Voilà, je n’ai plus que deux choses à faire :

1) Vous recommandez chaudement ce site, les formations sont tout simplement superbe et les formateurs sont top !

2)L’url du site, http://www.video2brain.com/fr

Maintenant, place aux concours.

Je vais vous laisser jusqu’au 28 23h59 (:p ) pour déposer votre commentaire, mais attention, Pour éspérer remporter les lots (surprise ! :p), il vous faudra me proposer une idée de tutoriel à tourner, et celle-ci devra tourner autour du monde du web, soit sur le design, soit sur la programmation. Je choisirais aléatoirement les gagnants.

Récapitulatif :

  • Le concours est ouvert du 21/06 à 10h jusqu’a 28/06 à 23h59
  • Il faut donner une idée de tutoriel dans un commentaire (vous remplirez aussi avec une adresse mail valide le formulaire)

Les lots :

Le moment que tout le monde attends, que gagnez-vous?

Eh bah tout simplement 3 codes Video2Brain pour vous offrir la vidéo de votre choix ! C’est pas un super cadeau ça?

Allé, au boulot, bonne chance à tous !

Gros P.S:

Vous souhaitez augmenter vos chances de gagner un lot?

Allé faire un tour sur identitools !  http://identitools.fr/actu/5-formations-video-a-gagner-video2brain/ !

Les bases du PHP

bases

Salut tout le monde ! Ca va bientôt faire deux mois que je n’aurais publié aucun article, le manque de temps se fait ressentir !En tout cas, aujourd’hui, je reviens avec un p’tit tuto sur les bases du php. Bien sur, ce tuto sera complété par un tuto vidéo, avec la toute nouvelle intro de site-waide . A toute suite !

Sommaire

  1. Php, pourquoi, comment,où?
  2. Les variables
  3. Les conditions
  4. [Théorie]Les différents systèmes de stockage

C’est parti !

1- Php, pourquoi, comment, où?

Le php est un langage côté serveur, c’est à dire, que contrairement au html, au css, au javascript, il lui faut l’intervention d’une machine autre que votre ordinateur pour faire fonctionner ce langage. Pour utiliser le php, il nous faudra toujours coder (je sais que vous aaaaadorez ça :p ), mais avec un nouveau language, dont je vous laisse deviner le nom … LE PHP ! Il est par contre nécessaire de préciser que les « conventions » (la forme, l’utilisation) du html ne s’applique surtout pas au php. Le html est un langage de balises, le php, lui, est un langage de fonctions, algorithmique : Chaque étape se passe en fonction d’une autre. (Merci aux gens d‘innaStudio pour m’avoir fait « découvir » cette subtilité du langage!)

Nous avons donc affaire à un langage … nouveau ! (dans tout les sens du terme !). Le php, du fait de son exécution côté serveur, est un langage « dynamique » :  Pour le html, une page = un contenu, pour le php, une page = une infinité de contenu (ok, j’exagère un peu ^^ ). Enfaite, c’est surtout, qu’en créant une seule page (exemple, index.php), nous pouvons afficher tout les articles d’un blog grâce a des liens, nous saurons quel lien affiché grâce à l’url de la page. Voilà donc le côté « dynamique » : En fonction d’un paramètre, on affiche un contenu. En html, il n’y a pas de paramètre(s) à passer, si on veut en avoir un, il faut créer toutes les pages d’un blog une par une et faire tout les liens manuellement, or, en php, tout cela est fait grâce à une seule page ! (vous remarquerez que je ferais pas mal référence au html et au système de blog dans cet article !). Pour dire au serveur que l’on utilise du php, notre document dois commencer par « <?php » et se finir par « ?> » et utiliser l’extension .php (ex : index.php).

En php, une des notions la plus importantes, est les variables, je vous donne donc rendez-vous dans le chapitre suivant pour comprendre leur utilité et leur fonctionnement !

2- Les variables

Une variable, et cela dans tout les langages que vous rencontrerez, est une partie de mémoire. Cette partie de mémoire vous sert à stocker uniquement des chiffres ou des caractères alphanumériques. En php, une variable se déclare sous la forme suivante : $nomDeLaVariable = « Sa valeur »; . On note donc le « $ » devant le nom de la variable, le « = » qui sert à assigner une valeur à cette variable et le « ; » qui sert à dire au serveur que l’instruction est finie. Comme un exemple parle plus que des dizaines de phrases, en voici un :


<?php

$bar = 0; // Pour assigner un chiffre, on ne mets pas de guillemets

$foo = "site-waide.fr"; // Pour assigner des caractères alphanumériques, on DOIT utiliser les guillemets.

?>

Php sert aussi à « jouer » avec ces variables, par exemple, a la place de mettre une url en dur dans une balise « a », vous mettez la variable.


<?php

$foo = "http://site-waide.fr";

?>

<a href="<?php echo $foo; ?>"></a>

Décortiquons cela : Nous déclarons la variable $foo qui contient l’url de site-waide. Nous fermons ensuite le php pour créer une balise de lien, dans laquelle nous rouvrons le php pour le paramètre href, que nous remplissons avec la variable foo. Nous refermons a la fois la balise a et le php .

Autre chose à savoir, une variable, si elle est re-déclarée, aura comme valeur celle assigner à ça dernière déclaration, exemple :


<?php

$foo = 0; // la variable vaut 0

$foo = 1; //la variable vaut 1

//La variable, au final, vaut 1

?>

Voilà, vous connaissez la « base » des variables, leurs utilisation, leurs règles etc … Passons aux boucles !

3- Les conditions

Les conditions sont très importantes en php, dans ce chapitres, je vous en montrerai 2 sur 3 : if et else. (si, sinon)

Commençons par la condition « if »: Cette condition est la base, elle permet de créer une condition de type : si … alors …, exemple, si foo = 2, alors tu affiches foo vaut 2 ! Mise en pratique:


<?php

$foo = 2;

if($foo = 2){

echo 'foo vaut 2 !';

}

Ici, vous avez la base des conditions, si foo aurait valu autre chose que 2, rien ne serait afficher, et nous allons justement remédier à cela grâce à la « condition » else, sinon.

Nous allons dire a php que si notre condition est fausse (que foo est différent de 2), d’afficher « foo ne vaut pas 2″, il suffit juste de rajouter après le bloc que nous venons de faire, un truc du genre : sinon affiche « foo ne vaut pas 2″. Mise en pratique :

</pre>
<?php

//bloc d'avant

else{

echo 'foo ne vaut pas 2';

}

?>
<pre>

Et voilà, la condition est bouclée ! Sympa non ? On vas maintenant passer a un petit paragraphe vous parlant des différents types de stockage !

4- [Théorie]Les différents systèmes de stockage

Pour moi, il existe principalement deux types de stockage, le premier étant la base de données (site-waide.fr utilise ce système). C’est une sorte de logiciel qui enregistre les données dans des meubles, qui contiennent différents tiroirs dans lesquels vous ferez des requêtes pour les récupérer. Ce système est utile lorsqu’il faut sotcker beaucoup de données, mais lorsque nous voulons juste stocker 2-3 bétises, je viendrait plutôt à utiliser le xml !

Ce système se présente sous la forme d’un fichier balisé, que nous parserons pour récupérer le contenu (je vous invite à vous informer sur ce terme, assez dur à définir ! Si quelqu’un a une définition à la fois simple et complètes, je prends !), ce fichier ce présente sous la forme d’un succession de balises de type : <titre></titre><contenu></contenu> etc .. Si vous suivez l’actu du blog, vous aurez vu que j’ai publié un kit graphique customisable, basé sur ce système.

Voilà voilà, cette partie était très théorique, car elle fera l’objet d’un tutoriel vidéo !

Je tiens à vous dire que cette présentation est très simple, PHP ne se borne pas a ça. Par exemple, dans les variables, je n’ai pas abordé les superglobales, les POST et GET etc .. Ne vous inquiètez pas, il y a de quoi bosser encore !

Allé, n’hésitez pas à poser vos questions et à faires des remarques !

Salut !

Allé, puisque je suis sympa, et pour les plus courageux, l’intro de site-waide, faites par mes soins sur after effect :

http://www.dailymotion.com/videoxidshg

Gaia10

gaia logo

Gaia 10 est un projet qui regroupe plusieurs artistes digital autour d’un même thème, celui de « célébrer la beauté de la nature » , ce qui revient indirectement à la sauvegarde de la planète bleu qui nous sert de maison.

Pourquoi parler de CE projet et pas d’un autre? Il y a plusieurs raisons:

  • Ce projet à une thématique vraiment superbe: la thématique est très large et floue, laissant beaucoup de place aux créateurs pour leurs travaux.
  • Les créations sont très belles, de plus, le site propose beaucoup de choses vraiment sympa, comme une playlist, des interviews, un forum etc..
  • Leur site est plutôt bien réalisé.

Si je devais résumer en une courte phrase ce projet, je dirais :Un projet fascinant, tant par les oeuvres de qualité que par l’idée, à voir !

Assez blablaté, je vous balance le lien !

http://www.gaia10.us/

Si je peux vous donner mon avis, la playlist vaut vraiment le détour

A la prochaine !

[My fav'] Sélection #1

Salut tout le monde !

Aujourd’hui, j’inaugure une nouvelle série d’articles, qui m’a l’air assez intéressante, j’ai nommé My Fav’ , alors, en quoi consiste cette série?

Tout simplement, Dès que j’aurai du nouveau,  je vous présenterais mes derniers « coup de coeur » qui se trouve dans mes favoris. J’ai décidé de répartir les favoris en 4 catégories pour l’instant(des nouvelles catégories feront surement leur apparition !) :

  1. web-dev’
  2. Graphisme
  3. Web-design
  4. Blogs

Donc voilà, certaines semaines, certaines catégories seront certainement vides (chui pas un dieu quoi ! )

Commençons!

Web-Dev’

Voilà. Je vouslais aussi vous demander cela: j’ai travaillé pour un site sur le slider cub3er à intégrer sur une page web html(donc adios le plugin wordpress)cela vous intéresserait-il de voir comment intégrer puis modifier le slider sur une page html? J’attends vos réponses dans les commentaires !

Graphisme

Web-design

Blogs

Pas de blogs cette semaine, avec la perte de mes favoris, tout perdu ! (les meilleurs sont dans la sidebar ! )

Voilà voilà, donc n’oubliez pas de répondre à cette question : un tuto sur cub3er ou pas? A plus !

Living Tuts

pres_livingtuts

Bonjour,

Encore une fois, je vais vous embêter  passionnés(toujours pas? :p) avec la « découverte » d’un site.

Ce site s’appelle LivingTuts, à l’origine du projet, se trouve Gaétan Weltzer (aka Design Spartan) et son ami Yoann Marie. Mais, pourquoi vous informer que ce site vient de sortir le bout de son nez? Tout d’abord, ce site regroupe(ra) un grand nombre de tutoriaux en français et en anglais, sur le matte-painting, le digital-painting, le dev’ web etc… . Ensuite, ce site semble très prometteur, déja en voyant le constat qui a lancé la création de ce site:

Gaétan Weltzer, qui a fait un mot accompagné de la plupart des rédacteurs(dont je fait partie :p), résume très bien le problème auquel nous somme confronté:

“Une idée qui a vu le jour dans ma tête il y a déjà plus de 2 ans après le triste constat que le monde francophone manque de tutoriels de haut niveau est aujourd’hui concrétisée. Ce projet me tient énormément à cœur et j’espère le voir encore grandir et évoluer avec vous.”

Voila, je vous invite donc à vous rendre sur livingTuts, et découvrir vous même ce site.

Lien: http://www.fr.livingtuts.com/

[graphiste] : 0ctans

Obilave  1440x900

Tchou!

J’avais envie de vous présenter un graphiste que j’ai découvert ce soir, grâce à twitter. Ce graphiste est surtout « spécialisé » dans les wallpapers(fonds d’écrans) abstraits.

J’avais peur au début, en voyant le mot « abstrait », que ça parte dans tout les sens, un peu brouillon! Mais je suis encore sidéré : une grande « propreté » dans ce type là, pas trop chargé, un peu « magique » ^^.

Mais, malgré cela, il ne s’arrête pas la : il fait aussi des icônes, toutes dans le même  « style » : propreté! On est pas dans le surplus, ni dans le moinsplus(ça existe? ), c’est le top!

Ses réalistions




Le contacter

Vous avez plusieurs possibilités :

Voila, donc!

Laisser un commentaire si vous êtes d’accord avec moi sur son talent :p

[découverte musicale]Tiësto

Salut,

J’ai découvert il n’y a pas longtemps cet artiste, un DJ néerlandais, qui fait des choses vraiment superbe :

Musique :

Tiësto a fait une 20aine d’albums, et il a dernièrement remixer l’album resistance de muse, son dernier album en date est kaléidoscope.

Ecouter Tiësto :

Pour écouter les morceaux de tiësto, vous avez plusieurs choix:

Sources

Alors, tout d’abord, je veux remercier UNE personne en particulier: dark-skyliner, dont voici son site : http://dark-skyliner.fr/ et son twitter : http://twitter.com/Darkskyliner (n’hésitez pas, followez-le !)

Voila tout, n’hésitez pas à dire ce que vous en pensez dans les commentaires !