RockMelt

Bonjour tout le monde,

Hier j'ai téléchargé RockMelt pour un peu tester un nouveau navigateur. C'est un navigateur basé sur Chromium. C'est pour cela qu'il ressemble très fort à Google Chrome.

RockMelt est navigateur parfait pour

Ses amis

A gauche nous avons une barre d'outil. RockMelt appelle cela un Edge. On y retrouve http://www.blogger.com/img/blank.giftous ses amis de Facebook. Alors il y a aussi un petit bouton magique. En poussant dessus un peu switcher enter les amis en ligne sur Facebook et vos amis favoris. Vos amis favoris vous pouvez les choisir évidemment. En cliquant sur l'ami on peut chatter avec lui. Un pause café s'impose alors. Ou on peut aussi regardez son activé récente.
Le nouveau réseaux social Path n'y est pas encore dedans. Donc pas encore possible dhttp://www.blogger.com/img/blank.gife consulter ses amis Path.

Twitter

Ne manquez plus jamais des updates dans votre timeline Twitter. A chaque fois que quelqu'un a écris quelque chose vous recevez une notification. Et en téléchargeant le widget PowerTwitter Twitter est parfait et complet! Il fait quoi? Il affiche d'office les photos TwitPic et yFrog sur votre timeline. Idem avec les vidéos. Les liens qu'on nomme est un vrai lien. Avec le nom est de la page et le nom du site. C'est vraiment Twitter³. Génial

Feed RSS

Idem pour les amis on peut choisis ses sites favoris où on RockMelt affiche les feeds. On ne manque plus aucun article.

Extensions Chrome

Comme RockMelt est basé sur Chromium on peut télécharger les extensions Chrome. Donc un navigateur complet. Ce que moi j'ai téléchargé pour RockMelt sont surtout des extensions pour développeur. Comme :

• CssScan


• Résolution test


• Lorem Ipsum generetor.


• Chrome Editor : start coding

Conclusion

A télécharger je trouve. J'ai 2 codes d'invitation. Si vous en voulez un contactez-moi.
tanguy@mafakjoeja.tk ou laissez un commentaire. Vous serez tiré au sort.
Je vais moins publier mes très chers amis parce que les examens commencent. Un période très chiante mais bon. Il faut y passer...
Bon journée encore...

Ce que moi j'en pense : The Social Network

Bonjour à tous et à toutes,

La semaine passée j'ai été voir un petit film au ciné pour me détendre. J'avais pas envie de regarder Panormal Activity 2. Ça m'avait l'air vraiment un film tiré au ridicule. Jackass 3D m'avait l'air super bien mais j'avais pas envie de voir. En plus c'est en 3D. Porter des lunettes et encore voir flou çà m'énerve. Donc pas de Jackass 3D. Wall Street : money never sleeps n'était pas en programmé. Donc j'ai été voir "The Social Network". Il y avait longtemps que j'avais envie de voir ce film. Enfin je l'ai fait! Et je ne l'ai pas regretté.Pour ceux qui ne le savent pas "The Social Network" parle de la naissance de Facebook.

Ce qui m'a étonné et que donc j'ai appris dans ce film c'est que Facebook est en fait un project volé. A la base Marc Zuckerberg devait créer un site web comme MySpace mais alors rien que pour son université Havard. Ceux qui n'étaient pas à Havard ne pouvaient pas se connecter. Évidemment Mark volait aller plus loin. Lui avec ses grands projets! Les auteurs de ce projet comptaient sur lui. Mail le premier n'est jamais venu aux réunions de Havard Connection. Pendant que les autres attendaient lui il programmait The Facebook.

Deuxièmement Facebook à été crée par deux personnes. Cette deuxième personne inconnue à été arnaqué par Monsieur Facebook. Il lui doit quelques millions. Mais de l'autre côté Mark doit payer 65 millions aux 3 inventeurs du projet Havard Connections. Mais que est 65 millions si on a 25 milliards. C'est comme si un personne "normale" payait un amande. Ça fait râler mais tu ne vas pas pas manger toute le semaine.

Le premier but de Facebook était de connaître des gens. C'était donc pour du fun. Mark ne voulait pas mettre de pubs sur The Facebook. Eh oui, au début il était trop tôt de gagner de l'argent avec son projet. Il savait tirer un plus grand coup un peu plus tard. Et c'est que il a fait. Maintenant il a de la pub et il a pleins de fric...

Au début il n'y avait pas de mur. Il y avait rien que les profils de gens. Donc on ne savait pas voir tout en un clin d’œil.

Et last but not least. Il programma sous Linux Kubuntu. Oui oui, le l'ai vu xD. Et sur sa carte de visite il y a "I am CEO, bitch". C'est génial. Moi aussi je veux une carte comme ça. Le seule problème c'est que je suis pas CEO.

Au fait, j'ai très bien aimé ce film. Mais quand je lis sur les forums c'est une autre histoire. Je lis par exemple

mouais ... sujet tres intéressant, captivant, et pourtant, c'est simple je me suis ennuyée durant tout le film! trop confus, complexe, il se passe bizarrement presque rien, du moins rien de passionnant, c'est lent et long, mais a la fois ca va trop vite, l histoire, les dialogues, ... bref, plutôt raté.

En effet ce film est compliqué. Il faut suivre. C'est la même chose avec Inception. Si tu suis pas tu ne comprends rien. En plus ce film n'est pas lent du tout. En plus les gens qui croyait qu'un projet est réalisé en 2 minutes se trompent. On montre toute la naissance de Facebook. Donc c'est vraiment pas trop lent. Et alors cela veut dire quoi "c'est lent et long, mais a la fois ca va trop vite". Là il faut qu'on m'explique.

Ce film est génial. Pas un seul instant de trop. Pas d'effets grandiloquents. Pas de parti pris manichéen. Tous les écueils sont évités et étrangement on se surprend à redécouvrir une histoire contemporaine dont on croyait déjà tout connaître. Les interprétations sont justes, simples et réalistes. Subitement, je ne regarde plus FB de la même façon.

+1. Moi aussi je regarde plus Facebook de la même façon.

Ah oui, à la fin du film on dit que le nom des deux créateurs est indiqué sur la page d’accueil de Faceook. Il faudrait me montrer ou il se cache ce nom du petit coco parce que moi je le vois pas.

Ah c'est déjà la fin! A la prochaine!

[Photoshop] Les brush

Bonjour à tous!

Quand vous regardez mon blog vous voyez des espèces de formes de plantes, et de lignes et pleins d'autres trucs. Aujourd'hui je vais vous expliquer comment je fais cela.

1. Les brushes

Oui ça s'appelle des brushes. Ce sont des formes. Oh, on a cela dans toutes les formes qu'on peut imaginer. Il y a des plantes, des arbres, la mer, des animaux et d'autres formes qui ne ressemblent à rien. Mais qui sont quand même très jolies! Moi je télécharger ces brushes sur Brusheezy (lien en bas). Cliquez sur download et vous avez un fichier .zip. Il faut extraire ce fichier et l'ouvrir. J'ai déjà remarqué que pour que Photoshop trouve ces brushes il faut que vous ouvrez le fichier .abr (le brush-même) Photoshop doit être fermé.

2. La transparence

Avant tout!!! Il faut faire la transparence. Pour faire un arrière plan par exemple je fais un fichier 1000 sur 1000px. Et choisissez l'outil gomme magique (E). Ceci est nécessaire pour la transparence. Il faudra évidemment enregistrer en .png. Comme ça on pourra ajouter une autre couleur dans le code CSS de notre site.

3. Dessiner avec les brushes

Maintenant il suffit d'avoir une idée. Puis je vais dans l'outil Pinceau (B) et en haut je retrouve tous mes brushes. Voir photo.

Choisissez votre brush et dessiner dans la couleur que vous voulez. Et dans la grandeur que vous voulez. Moi je choisi un calque par forme.

4. Les effets

Pourquoi un claque par forme? Parce que comme ça on peut ajouter à chaque forme un autre effet. Comme la lueur externe comme je vais ai expliquer dans le post précédent.

On peut ajouter

• de l'ombre interne / externe


• de la lueur interne /externe


• Ajuster l'opacité


• un contour

5. Enregistrement

Les fichier .JPG ne garde pas la transparence. C'est pour cela qu'il faut enregistrer en .png

6. Mettre l'arrière plan

Allez dans votre fichier .css. On va donc ajouter notre arrière-plan avec un petite couleur.

body
{
background : #ff9908 url('monimage.PNG');
}

Les liens

Brusheezy

[Photoshop] Lueur externe

J'ai beaucoup surfer sur internet pour trouver des tutoriels de Photoshop. Je suis tombé sur tout et rien. Parfois internet est vraiment de la grosse merde. Je tombe sur des sites où je peux avoir Photoshop pour 100 euros. Quelle grosse arnaque. Peu-importe. Puis je suis tombé sur tuto.com. C'est un site en ligne qui propose des vidéos sur tous les programmes d'Adobe. Ok, génial c'est que qui me faut. Ah non, c'est payant. Alors, en surfant encore sur Internet j'ai su avoir 3 vidéos gratuites sur tuto.com. J'en ai regardé une seulement pour l'instant. Un autre site que j'ai bien apprécié c'est le site d'Adobe même. C'est-à-dire AdobeTV. Bref, je vous explique c'est que j'ai appris. C'est bien parce que ce que je vais aussi vous montre on utilise beaucoup sur les sites web.

Lueur externe

D'abord c'est qui la lueur externe?
Example :
C'est la lumière autour d'un mot ou une image. On peut mettre ça dans toutes les couleurs et dans toutes les grandeurs. Comment faire? Je vous explique. (Il ne faut pas être un pro dans Photoshop. C'est tout simple)

1.Sélectionnez votre calque

C'est pas dur ca, hé! :) Juste cliquer sur le calque...





2.Style de claque

Il faut ouvrir la fenêtre "Style de calque". Calque > Style de calque > Options de fusion > Lueur externe
Quel options as-t-on?
D'abord le plus important la couleur. Quel couleur veut-on autour du mots ou d'une image ou de ...? On a le choix entre une couleur ou le dégradé de 2 couleurs ou même un motif qui peut comprendre plusieurs couleurs. Ici moi j'ai choisi un sorte de bleu foncé.
Opacité : la transparence. Assez clair.
Bruit : Le nombre de 'grains' dans l'image
Mode de fusion : il y a de différents modes. La lueur externe peut varier d'un mode à l'autre. Changez pour voir ce que cela fait. Moi je trouve le mode de fusion normal le plus beau. C'est à vous à voir.
Et puis il y a aussi la taille et le contour. Si on 'joue' un peu avec tout on apprends vite!

Liens

AdobeTV en Français
Le tuto.com avec beaucoup de vidéos

One more thing...

J'ai expliqué un seul truc de que j'ai vu ou appris. Dans un autre article je vous explique comment faire des beaux boutons et tout cela.

Bon après-midi!

Try { Photoshop } Catch(err)

Il y a plusieurs moyens de faire un blog ou un site web. Chaque méthode à ses défauts et ses qualités. En créant des sites web j'ai appris beaucoup de choses. Il faut avoir beaucoup de patience. J'ai commencé avec le HTML et le CSS. Pendant cette période l'HTML5 et le CSS3 ont été découverts. Cela permettait de faire déjà de beaux sites web dynamiques. Non, je ne dirais pas dynamique. Puis j'ai voulu aller plus loin. Je me suis engagé dans le PHP. Une langue de programmation pas la plus facile si vous demandez mon avis. Entre le HTML et le PHP j'ai un peu essayé le jQuery. Mais comme beaucoup diraient cela facilite trop la vie des développeurs. Sans avoir de connaissance Javascript ou CSS on pourrait faire des superbes site. Deplus ce n'est même pas ton code. Alors la fierté..
Maintenant j'essaie de créé un beau site web avec Photoshop et Fireworks. Je ne garantie rien. J'apprends! Au fait, on ne sait même pas faire un site complet parce que ces 2 programmes font que le visuels.

Photoshop

J'ai déjà commencé une petite partie de ce blog! Je vous expliquerai tout. Je veux dire comment je le fais. Ah ben oui, parce que je crée de superbes arrière-plans, boutons et bien plus. Je montrerai tout en vidéo. J'ai déjà appris beaucoup grâce à ça. Comme les déformations, les effets flou et la lueur externe. La lueur externe est un truc très simple à faire et très beau à voir. Plus d'explications dans un des prochains articles.

Fireworks

Fireworks sert à mettre en ligne. Même si je ne comprends pas pourquoi j'emploierai Fireworks et pas Dreamweaver j'ai vu et entendu dire qu'il faut utiliser ça. Si je me trompe dites-le. :) En plus ce que je n'aime pas avec Fireworks c'est qu'il ne prend pas toute la page. On va me dire ça dépend de ton fichier .psd et Fireworks laisse aussi 1px de blanc en à gauche et en haut de ma belle création Photoshop. Je voulais corriger cela avec Dreamweaver mais impossible d'ouvrir un fichier Fireworks (un fichier .png donc) avec Dreamweaver. Comment faire? Mon défis!

En fin de compte...

... je me demande si le HTML et le CSS ne sont pas plus faciles pour créer son site. En utilisant des Frameworks Javascript comme MooTools. Ah problème, je ne maîtrise pas encore cela! Temps à m'y mettre. Mais quand?

C'est par où? Je me suis perdu!

Aujourd'hui, j'ai regardé quelques vidéos sur AdobeTV. C'est un site créé par Adobe. On y retrouve des vidéos sur Adobe Illustrator, Photoshop, Flash, Dreamweaver, Indesign, Fireworks,... Moi, j'ai regardé sur Illustrator et Flash. Adobe Illustrator est un programme très préformant mais aussi très compliqué je trouve. C'est pas facile. En regardant ces vidéos j'ai vu que grâce à Illustrator et en passant par Fireworks on peut faire un beau site en Flash. Ouais, ça à l'air totalement fou ce que je dit! Je crois que j'ai regardé au moins bien 2 heures de vidéos de Illustrator. Je voulais bien continuer mais le reste est payant. Pourquoi l'acheter? Si je commence à réfléchir mon cerveau me dit non! Pourquoi ça? Des vidéos coûte quand même 50 euros. C'est pas donné. Est-ce que ça m'aidera? Je crois que oui. Mais est-ce que je vais utiliser ça. Mais surtout qu'est-ce que j'en ferai? Pour ceux qui s'embrouille avec tous les programmes d'Adobe : Illustrator est un programme pour dessiner. Fireworks est un programme pour dessiner, faire des vidéos Flash, et mettre ça en ligne. Flash sert à faire des vidéos en Flash. Et Dreamweaver sert à mettre le contenu, donc les dessins Illustrator et les Vidéos Flash, en ligne! Vous me suivez?? Ben, moi je ne suis non plus plus! Oui, j'en fais quoi de cette connaissance? Je m'amuse à dessiner sur un ordi? Ca sert à quoi? Je sais quand même rester dessiner pendant des jours? Et un site en Flash?

Pourquoi pas le jQuery et le HTML 5. Mais bon. J'ai pas de connaissance jQuery. Et j'en ferais quoi? Dans un an je suis quand même à l'unif et puis? Ca m'a servi à quelque chose?
Bon, peut-être c'est mieux de jouer des bêtes jeux sur Internet où il faut essayer de tuer le plus possible de personne. C'est utile ça? Non encore moins! Disons que je sache gagner de l'argent avec ma connaissance Adobe. En réfléchissant je ne vois pas comment! Je suis qu'un morveux de 17 ans. Le but de la vie c'est quand même être heureux. Pour être heureux faut-il de l'argent? Ben, si on est pauvre est-on heureux? Si, on vie sous le pont, est-on heureux? Je sais pas! Je ne vis pas sous un pont. Je vis sous un toit. Disons que pour être heureux il faut avoir de l'argent. Non disons que être heureux c'est grâce a l'argent. Quel métier faut-il faire? Être designer et web développeur. Mais il y en a déjà tellement. Faire l'unif, avoir un énorme diplôme. Ou peut-être le travail manuel. Il en manque. On peux gagner d'argent en masse. Mais est-ce que tout le monde veut faire ça? Cela n'a pas un grande réputation? Mais il a du fric et il est heureux. Alors sa réputation il s'en fou! Mais si tu connais Adobe Illustrator, Photoshop, Firworks, Flash, Dreamweaver et tous les autres programmes de Adobe et encore le jQuery, MooTools et tout ça. Tu peux faire quoi comme métier? Hein, je sais pas! Et lui est-il heureux. Celui qui fait tout ça? Ça s'embrouille hein!

Je fais quoi? Je fais quoi? Je suis perdu! Voilà,ce que je fais! J'aimerais crée des beaux sites web. Il faut d'abord avoir des idées. Comme j'en ai pas, je vais aller très loin! Je sais pas. Que reste-t-il à me faire?

Javascript Framework : jQuery

J'ai décidé d'un peu laisser de côté mon blog avec commentaire. Je vais encore juste le mettre en ligne un de ces jours. J'avais envie de quelque chose d'autre. Quelque chose de nouveau. Quelque chose de révolutionnaire. Là, j'exagère un peu. Comme le titre le dit, je vais m'attaquer au jQuery, un Framework Javascript.

L'installation

L'installation? Qui parle d'installer quelque chose? C'est simple comme bonjour.Ce n'est qu'un petit lien vers le script.

Get started!

Je commence tout doux avec le jQuery. Je vais commencer par manipuler le contenue. C'est-à-dire modifier la couleur du texte, mettre en gras, mettre en italique, voir le code (à la place du texte), regrouper des liens et des titres. A première vue cela ne sert à rien dans la vie de tout les jours.

Dans le code HTML il y a des buttons qui vont manipuler le texte. Quand on clique sur le bouton (grâce au onclick) il va appeler la fonction mettreTitres ou enleverLiens. Ces fonctions se trouvent dans le fichier Javascript.
On peut voir quoi dans ce code? Les fonctions! Oui mais elle vont faire quoi? Prenons la fonction enleverLiens. Le nom est très clair. Mais pourquoi elle va enlever les liens? Et quels lien?
Dans le 'span' qui a comme 'id' contenu il va 'remover' ('enlever') les a. Ah oui j'oubliais. Ici, le code HTML avec le texte. :D

 Lorem ipsum dolor sit amet, 
 consectetur adipiscing elit.Etiam facilisis 
 ultrices dolor, eu fermentum
  eros aliquet ac. Aenean varius ultrices nisi
  vel aliquet. Nam eu viverra sem. Fusce facilisis
  eros ac elit scelerisque molestie. Morbi
  lacus orci, interdum ac faucibus hendrerit,
  facilisis vel nunc. Sed in
  mauris lorem. 
 Integer facilisis, augue et suscipit molestie,
  lectus lectus pellentesque mi, 
 at condimentum nulla nibh ut turpis. 
 Cum sociis natoque penatibus et magnis dis 
 parturient montes, nascetur ridiculus mus. Etiam quis nisl 
 metus.Phasellusullamcorper posuere augue quis placerat. 
 Duis sed quamodio. Donec aliquam
  metus a ligula lacinia a tempor leo imperdiet.
  Cras augue purus, lobortis eu scelerisque sed,
  venenatis ut turpis. Donec quis
  magna sapien. Ut ut diam arcu. Suspendisse nec
  risus id lacus venenatis rhoncus. In vitae 
 justo tellus, vitae lacinia nunc
 . Aliquam erat volutpat.

Autre fonction! Vider button : avec .empty(). Fastoche! mettreTitres : il va 'wrapper'. Ici le jQuery va mettre la class titre1 en h1. Avec le wrap on peut mettre du texte en gras, italique et en couleur.

Explication en image

Example

Autre fonctions possible

• replaceWith() : replacerAvec


• replaceAll() : Replacer tout


• prepend() : Permet d'ajouter du contenu à celui existant AVANT


• append() : Permet d'ajouter du contenu à celui existant APRES


• insertAfter() : Permet d'ajouter du contenu à celui existant EN DEHORS des balises

Manipuler le décor

Après avoir manipuler le texte on va manipuler le décor. Hehe! Commençons par changer le 'background-color'. Oooh! Waaaaw!

Explication d'abord! On devras changer la 'class' de son texte. Donc il faut mettre 2 'class' dans le css

#contenu p
{
 background-color: #ff8;
}

#contenu p.rouge
{
 background-color: #f00;
 color: #fff;
}

On voit ici que normalement l'arrière plans du texte est jaune. Le but est que quand on clique sur le bouton, l'arrière-plan devient rouge et la couleur du texte blanc. Comme pour manipuler le texte ici aussi il faudrait appeler une fonction.

$(function(){

interchangerClasseParagraphe();

});

function interchangerClasseParagraphe() {
 $('p:first')
   .toggleClass('rouge')
   .hasClass('rouge')
     ? $('p:first span').text('Ce paragraphe est rouge. Ici la valeur est TRUE')
     : $('p:first span').text("Ce paragraphe n'est pas rouge. Ici la valeur est FALSE");
}

Que veut dire hasClass : hasClass renvoie la valeur True ou False. C'est-à-dire vrai ou faux. Si c'est vrai le texte est pas rouge. Si c'est faux le texte n'est pas rouge. Quand je cliquerai sur le bouton il renverra une fois True et une fois Faux, puis True,...
Ca c'est 1 truc. toggleClass jongle entre une ou plusieurs class. Ici entre deux.
Donc on ne doit pas rien que changer l'arrière-plan mais la grandeur du texte, le font,...

function interchangerClasseSurligner(){
 $('a').toggleClass('surligner');
}

function interchangerClasseRouge(){
 $('a').toggleClass('rouge');
}

}

Explication en image

Example

Voilà j'arrête pour aujourd'hui. Assez expérimenter! Demain on continue? On se retrouve ici? Ok ça me va! :D

A demain!

Waw!

Parfois, je me demande comment les gens font pour avoir des sites tellement beaux. Y a même pas de mots pour décrire!

Les images

Quand je vois ces images, la première question que je me pose est la suivante "Comment crée-t-il ses images. C'est tellement bien fait!" Adobe Indesign, Adobe Photoshop, Adobe Fireworks, Adobe Illustrator, Gimp, Paint Pro X? Eh ben, à cette question-là, je ne peux pas répondre. Et aussi combien de temps passe-t-il à faire ces photos? 1 jour, 1 semaine, 1 an, 1 seconde? Je ne sais pas!

Le CSS

Alors, ces gens-là doivent être des cracks dans le CSS. Mais combien de ligne de code ont-ils? A ça par contre je sais répondre. Il suffit de pousser sur ctrl + u dans FireFox, Chrome, Opera, Safari. Oui, dans IE il faut faire un détour. Trop long à expliquer. Si vous surfez sous IE, j'ai envie de dire : "Pourquoi utiliser IE? C'est tellement nul!" Bon, revenons au sujet. Le CSS, oui. Combien de lignes? Ah oui! Bon pendant que vous lisiez j'ai lu le code CSS. Rien d'énorme. Étonnant! Bon, c'est pas ça. Alors

Le Javascript peut-être?

Normalement le Javascript ne fait rien dans le design. Ou je me trompe? Ben, je me trompe! En cherchant un peu sur Internet j'ai trouvé qu'il existe des Javascript Frameworks. Cela fait des effets dans le webdesign. Ah, mais oui il y a le jQuery. Avec le dernier j'ai déjà expérimenté. Je vois ici qu'il y a aussi Dojo et MooTools! Hmmm, c'est quoi? Google est ton ami! Cherchons un peu! Ah, ici je lis que

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API

Ben oui vous comprenez l'anglais, je dois pas le traduire. Ben tiens! Il y a aussi l'Ajax! Encore! Comment veux-tu que quelqu'un comme moi s'en sorte? Une explication pour Dojo? Tiens!

Dojo saves you time, delivers powerful performance, and scales with your development process. It's the toolkit experienced developers turn to for building great web experiences.

Je vois que avec Dojo on peut faire pleins de choses, comme des graphiques, calendriers, dialogues. Au fait c'est très intéressant! Je crois que je vais un peu expérimenter avec ces frameworks.

Et l'HTML avec tout ça?

Giecheltje Pas de commentaire. Il fait rien que le platte tekst. Et quand on regarde dans le code source il y a jamais plus de 100 lignes. On voit leur textes. Et même cela est minime parce que le jour d'aujourd'hui on télécharge des fonts spéciaux et alors avec Photoshop on fait une image. Donc il y a même plus de texte dans le HTML. Ca sert à que on peut utiliser des fonts que ses lecteurs n'ont pas! Des fonts spéciaux font un peu le charme du site. Ce que je vois aussi beaucoup dans c'est que le HTML ne sert que auw liens... Mais littéralement rien que aux liens.

Alors résumons

HTML est faible, CSS est fort, Javascript est très fort, Musclor est très très fort! Non, mais ce que je veux dire c'est qu' on peut faire des très beaux sites grâce aux frameworks JavaScript (en un seul mot).">Javascript. Et c'est pas dur à faire. Dans le head il suffit de mettre le lien du Javascript et puis chercher des plugins sur internet. Au fait, on 'vole' le code des autres. Mais avec cela on a un beau site!

Les liens, les liens!

• jQuery
• MooTools
• Dojo
• Beau site 1 - WP Coder
  
• Beau site 2 - Jeff Sarmiento
• Beau site 3 - Pojeta
• Beau site 4 - 1024 media
• Beau site 5 - Moeller

Opera 11 Alpha

Ca fait déjà une semaine je crois que Opera 11 Alpha est disponible pour le téléchargement. Mais c'est seulement maintenant que moi je l'ai téléchargé. A première vue rien n'a changé, mais en regardant de plus près on aperçois que

L'arrivée des extensions

Il était temps que Opera ait des extensions. On peut y retrouver des extensions de traduction, blocage de pub, Facebook (comme le chat), Twitter, Opera Mini Simulator,... Il était temps que Opera s'y mettait aussi pour des extensions. La plupart des navigateurs en ont (Chrome, Firefox). Bon, considerons que Internet Explorer est un navigateur pas comme les autres, dans tous les sens du terme... La page des extensions est ergonomique, très clair et tout ce qu'on veut. On voit déjà quelques notes des utilisateurs. A première vue la plupart reçoivent 4 étoiles sur 5. Ce qui n'est pas mal.

Nouveaux support

• Le support des évènements HTML 5 provenant des serveurs (pour la transmission des nouveaux contenus en temps réel).
• Un support des standards du Web (W3C) qui se voit très étendu.
• Une page spécialement pour les bugs. On peut avertir la société des bugs dans leur navigateur.
  





Opera Mail



Un tout nouveau mail pour Opera 11 Alpha. Je ne l'ai pas testé parce que j'ai pas envie de configurer ma boîte mail sur Opera Mail.





Le meilleur pour la fin :)



Installation ne dure que 5 secondes!! Et le démarrage du navigateur est aussi très rapide. C'est exceptionnel.





Quelques test :

• HTML5test.com : passage de 159 à 179 sur 300. Ce qui est toujours très bas!
• Acid3 Test : 99/100 avant 100/100. Pourquoi cette différence?
• Pas de vulnérabilité

Il ne faut pas oublier que c'est encore une version Alpha donc tout peut encore changer. Et les tests peuvent s'améliorer.

Téléchargement

2 programmes pas mal

Bon quand je dis pas mal, mais avec ça je dis pas qu'ils sont 'utiles' :)

1) China Mood Meltdown
Téléchargement

Ceci est un programme pour faire une bonne blague.



2) Fences
Téléchargement


Un programme pour 'ranger' son bureau.

Test citation

"

je suis moi

Un blog avec commentaires : ça continue!

Bon, avant de commencer je voudrais reprendre ma liste avec toutes les tâches que je dois faire pour le blog. Hmmm, où est-ce que je l'ai mise? Ah ici!

• Faire le design
• Mettre les billets sur plusieurs page à l'aide d'un COUNT (*)
• Je voudrais aussi plus toujours aller dans phpMyAdmin pour changer ou ajouter des billets! - Ah bon?! I will fix you that - Euh Ok
• Protèger le point précédent avec un mot de passe
• Si le billet n'existe pas mettre un erreur à la place d'un page blanche...
• Les visiteurs doivent proposer des news! Mais il faut que je valide avant! Donc, X propose, je valide et news de X est sur mon blog.

Voilà se. Le vert c'est ce que j'ai fait. Tout en explication si vous continuez à lire.

On commence par quoi? L'erreur si le billet n'existe pas? Oké!

D'abord pourquoi faut-il mettre une page si le billet n'existe pas. La réponse est très simple. Quand on va vers un news on va vers l'adresse suivante : www.monsite.be/commentaires.php?billet=3. C'est adresse n'importe qui peut changer! Oui oui mais ma grand-mère =). Donc si on mets 33 à la place de 3 et ce billet n'existe pas il va afficher un page blanche. C'est pas très original ou même c'est pas très sérieux. On va faire une if-close. Quand les données sont OK on peut afficher :

if(!$donnees = $req->fetch())
{
           
  header('Location: erreurbillet.php');
}
else
{

} 

Via le 'location' on va une redirection automatique. Allons une fois voir ce qui se cache derrière erreurbillet.php

 pas de billets
  

Voila tout pour l'erreur d'un billet!

Deuxième truc. Les visiteurs peuvent proposer des news. Comme je l'avais dit avant on faut faire un nouveau champ dans la table. Ici je l'appelé valid. Si le news est validé -> 1 est il peut s'afficher sinon non. Ici on va utiliser la fonction WHERE.

$retour = mysql_query('SELECT * FROM newsbysdz WHERE valid=1 ORDER BY id DESC LIMIT 0, 5');

Avec cela on peut continuer et afficher nos billets. Affichage avec ECHO.

Dernier petit point. Le design. Rien de spéciale ici. J'ai mis un peu d'ombres, des bords arrondis,...

 -moz-box-shadow:  8px 8px 12px #aaa; 
         -webkit-box-shadow: 8px 8px 12px #aaa;  
         box-shadow: 8px 8px 12px #555;  

-moz-border-radius: 10px 10px 10px 10px;    
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;  

Quand tout sera terminé je mettre les codes sources et le blog en ligne. Ce sera à votre disposition.

Soluto : Démarrage windows

En surfant sur internet, je suis tombé sur un programme super sympa! Son nom? Soluto. "Mais qu'est-ce que je faisais sur internet quand je devais programmer mon blog?? :°"

C'est un programme qui analyse le démarrage de Windows et il vous propose d'enlever des programmes au démarrage, des programmes qui ne sont pas nécessaires. Comme ça moins de frustration au démarrage. En dessus à droite de votre écran vous trouverez les minutes (ou secones) qui sont déja écoulées.

C'est qui très bien fait par Soluto, c'est qu'il dit les programmes auxquelles on ne peut pas toucher, ceux qu'il enlèverait. Il vous informe aussi combien de temps chaque programme à part a besoin.

Le vert - enlevez-moi ce brol!

L'orange - enlevez si ça vous tente!

Le gris - n'enlevez pas!

Quand vous redémarrerez l'ordinateur. Il vous dira le changement. On est passé de 50 applications au démarrage à 45 et de 1 minute 50 à 1 minute.

Aussi un tres beau desgin. Y a rien à dire! Très simple mais très beau.

Un programme génial si vous demandez mon avis. A télécharger sur juste ici

BlogOfMafakjoeja : Bug résolu (plus au moins)

Bon, le bug de FF est résolu. Allez plus au moins parce que j'ai mis le code suivent pour de php

à la place de

Je ne sais pas pourquoi je dois faire ainsi. Mais maintenant je le sais :)

BlogOfMafakjoeja : Bug sur FireFox

Bon même pas 1 jour ce blog et j'ai trouvé un bug! Eh pas sur tous les navigateurs mais sur Firefox!


Ici un image prise sur IE (Même chose sous opera)

Ici un image prise sur FF!



En effet FF ne prends pas tout le code. Il affiche beaucoup moins. En plus c'est un code très très essentiel. En plus les couleurs ne sont même pas belles sous FF. Pour l'instant c'est encore un bug mais je vais essayer de les résoudre le plus vite possible! Plus d'info au long de la soirée. Mais je vous conseille Opera, un navigateur très rapide, sécurisé et très bien! A prendre!

Source code

Tous les projets que je fais ou que je suis en train de faire sont à retrouver sur mon sykdrive : http://cid-0ddf600a79b3b444.office.live.com/browse.aspx/Source%20Code

Je mettre déjà une partie de un blog avec commentaire dessus. A télécharger!!

Un blog avec commentaires (2)

Comme promis j'allais vous dire comment on fait pour ajouter ou écrire plutôt des commentaires sur un blog. Toujours en PHP évidemment. Je savais pas que j'allais encore le faire aujourd'hui. Même si vite au fait. Mais bon...

Déjà pour écrire un commentaire il faut un formulaire. Faisons cela d'abord!

	



 Pseudo :



Message :

Waw déjà là?? Ö
Alors on voit quoi ici? On voit que quand on poussera sur le button envoyer il va aller dans commentaires_post.php pour le billet ID. Pour le reste on voit le formulaire même avec name, label, id. Très important ça. Ici on prends le ID de ce billet! Toujours la même chose : pour qu'on publie chez le bon article.

Tsoufff! On va dans commentaires_post.php

Ici, on va simplement dire! "PHP, je t'ai encore besoin. Ajoute moi ça dans le tableau commentaires"

$req = $bdd->prepare('INSERT INTO commentaires(id_billet, auteur, commentaire, date_commentaire) VALUES(:id_billet, :auteur, :commentaire, NOW())'); 

Voyons... INSERT INTO, je pense que c'est clair ça. Puis dire ce où il doit ajouter et puis quoi.
Ici on ajouter :auteur ; :commentaire ; ...
Puis on doit dire ce que c'est :auteur . Comment? Comme ça!

 $req->execute(array(':id_billet' => $_GET['billet'], ':auteur' => $_POST['auteur'], ':commentaire' => $_POST['commentaire']));   

Dans auteur on doit poster auteur, donc de la page précédente. De nouveau très important c'est le ID billet. Ou doit-il mettre le commentaire. Donc on doit pas poster le ID mais le getter. Regardez dans le code il y a $_GET.

Une fois fais ça je trouve qu'il peut au moins nous ramener à notre billet! Non?

$adresse = 'commentaires.php?billet=' . $_POST['id_billet'];  header('Location:'. $adresse);

Finito mamito!
Alors pour amèliorer mon blog je dois encore :

• Faire le design
• Mettre les billets sur plusieurs page à l'aide d'un COUNT (*)
• Je voudrais aussi plus toujours aller dans phpMyAdmin pour changer ou ajouter des billets! - Ah bon?! I will fix you that - Euh Ok
• Protèger le point précédent avec un mot de passe
• Si le billet n'existe pas mettre un erreur à la place d'un page blanche...
• Les visiteurs doivent proposer des news! Mais il faut que je valide avant! Donc, X propose, je valide et news de X est sur mon blog.

Encore pas mal de points à faire! Allez au boulot!

Un blog avec commentaires

Hier, je vous ai parlé que j'allais créer un blog avec commentaires. Aujourd'hui je l'ai fait! Je n'ai pas acheté le nouveau 4x4. Pub ING laissez tombez. Donc j'ai déjà montré comment faire pour faire le blog. Mais normalement quand on fait un blog on veut qu'on puisse donner des commentaires. Donc un blog sans commentaires c'est comme, oui c'est comme un piscine sans eau...

Bon venons à l'essentiel.
D'abord il faut que qu'on clique sur commentaires que notre page va au bon article. Chaque article a un ID. C'est un numéro unique. Quand on clique sur commentaires on dit à PHP : "Dis, je voudrais aller à l'article ID 6. Peux-tu me la donner?". "Pas problème. Tiens ici!"

href="commentaires.php?billet=< ?php echo $donnees['id']; ? > 

Va dans la page commentaires.php au billet numéro ID

Dans la page commentaire.php il faut rappeler nos lecteurs quel article c'était et montrer les commentaires qui y sont déjà. On va donc

• Appeller le billet et les commentaires


• Montrer le billet et les commentaires

On commence pars le billet :

 $req = $bdd->prepare('SELECT id, titre, contenu FROM newsbysdz WHERE id = ? ORDER by ID');$req->execute(array($_GET['billet']));

Très important le WHERE. On veux rien que appeler (et donc montrer) le qu'on veut

Echo qui va nous montrer l'article. Partie billet fini.

Maintenant commentaires. Pour commentaires il faut créér une nouvelle table dans sa base de donné. Ici aussi appeller et montrer. COMMENTAIRE!!

$req = $bdd->prepare('SELECT auteur, commentaire, DATE_FORMAT(date_commentaire, \'%d/%m/%Y à %Hh%imin%ss\') AS date_commentaire_fr FROM commentaires WHERE id_billet = ? ORDER BY date_commentaire');$req->execute(array($_GET['billet'])); 

Ok c'est très bien ça mais comment moi j'écris un commentaire? Ah ben ça, ça vient dans le prochain artile! Ah dacodac

Un blog

Comme je disais, je fais un site en PHP. Le premier truc que je faisais c'est un "blog avec commentaire". J'ai déja fais une bonne partie. Index.php, commentaire, commentaires_post sont déjà fini. L'index appelle toutes les news. Non au fait les 5 dernières news avec ce code ci

 $retour = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 0, 5'); 

Il récupère donc les 5 billets descendant avec

ORDER BY id DESC LIMIT 0, 5

Je dit récupère parce que on a pas encore dit qu'il devait les montrer. Grâce à ce code on le dit

$contenu = nl2br(stripslashes($donnees['contenu']));
    echo $contenu;
 

Ici il affiche que la table contenu. Il faut donc faire la même chose pour titre et tout ce qu'on veut.

On affiche des news! Wouhouuu!

Euh oui, bonjour

Après une longue recherche j'ai choisi de faire un blog sur Blogspot. Le thème n'est pas très génial. Un peu simplet on dirait! Je crois que je vais pas le changer! C'est juste un blog provisoir si on peut le dire. Normalement en fin de soirée ou demain quelques widgets devraient apparaître... Oui oui!

Je voulais d'abord faire un blog moi-même en PHP, mais cela dure trop longtemps. Mais certes je fais le faire! Avec un espace membre et une section Admin... On pourra modifier et ajouter des articles sur le site-même. Plus besoin de passer pas PhpMyAdmin! Grand avantage si vous demandez mon avis!

Puis je suis passé par WordPress. C'est très sympa WordPress. Pleins de thèmes, extensions. Il y a beaucoup de fonctionnalités. Bref! J'ai cherché un bon moment à chercher un beau thème. Après avoir quelques problèmes pour le téléchargement je l'installe sur WordPress! Faire le menu, mettre un lien pour KriviWorld et Babeludadoglife, mettre quelques extensions et c'est picobello. Maintenant il restait plus qu'à le mettre en ligne. Ah non! Pas possible. Si possible, mais je n'ai pas encore trouvé le moyen.

Bon, venons à pourquoi j'ai créé ce blog. Je mettrai la progression de mes 'qualités en PHP, de bons petits programmes sympa et pleins d'autre brol sympa! Comme cela on sait toujours me suivre. My Social Life! Très important ces jours-ci. Je ne sais pas pourquoi mais c'est comme ça...

Ces vacances-ci j'ai décidé de m'attaquer au PHP. Pas facile je dois dire. J'ai commencé avec "un blog avec commentaires". Ce dernier fonctionne déjà à 90%. Explication en code bientôt... Au fait c'est déjà raté pour bien s'attaquer. Je suis déjà pas à la maison le 3, 4 et 5 novembre. Bruxelles m'attend de 8 à 17 heures. Il y a quelqu'un qui m'a inscrit dans le herfstkamp de Vrije Universiteit Brussel, pour que je voie ce que c'est l'unif! "Tu ne crois pas que j'ai encore quelques mois??" Bref, peu importe. Rien à faire. Pas a discuter. Het is eenmaal zo.
Het is eenmaal zo. La nuit sera donc à moi!

Finito pour premier article!