Infos générales
L'adresse du blog est donc maintenant :
http://blog.roozeec.fr
- La première chose c'est que maintenant il fait partie du Planet Ubuntu France.
- La seconde c'est que j'ai donc tout déménagé sur mon nom de domaine perso. Franchement heureusement que Linux était Là. Une petite commande pour récupérer tout mes articles. Un petit script (enfin pas si petit que ca) Perl pour convertir tout les articles vers wordpress (categories, commentaires,...) , et un autre pour rapatrier touts les images et hop. Sûrement qu'il y a des problèmes, donc n'hésitez pas à m'en faire part.
par Roozeec
publié dans :
Infos générales
Le constructeur americain DELL vient d'ouvrir un site communautaire ou des idees sont proposees par la communaute des internautes. Parmi ces propositions, plusieurs sont interessantes pour le monde Linux et les logiciels libres.
Pour votre a ces propositions, si ca vous plait, il suffit de cliquer sur le bouton Promote a gauche de l'article pour y ajouter votre vote. Voici donc des propositions :
Bonne initiative donc, maintenant a voir dans le temps si elle seront prises en compte par le constructeur en fonction du vote des internautes....
Pour votre a ces propositions, si ca vous plait, il suffit de cliquer sur le bouton Promote a gauche de l'article pour y ajouter votre vote. Voici donc des propositions :
Bonne initiative donc, maintenant a voir dans le temps si elle seront prises en compte par le constructeur en fonction du vote des internautes....
par Roozeec
publié dans :
Infos générales
Lorsque j'ai refait un peu le design du site, j'ai utilisé une extension Firefox assez géniale : FireBug
Le nom peu paraitre assez etrange, mais en fait si on regarde bien elle sert à trouver , modifier les fichiers d'une page web (script, CSS, HTML). Dans mon cas je l'ai utilisé uniquement pour le CSS. Ce qu'il y a de vraiment bien, c'est que les modifications que vous voulez faire sur la page web sont immédiatement visible ! C'est vraiment génial !
Je passe l'installation de cette extension, le principe est le même que pour les autres extensions.
Une fois le navigateur redémmarré, vous devez voir apparaitre dans votre barre d'état de Firefox un nouveau venu :
En cliquant dessus avec le bouton gauche de la souris, un message apaprait vous disant d'activer Firebug.
Si vous êtes sur une page que vous voulez éditer, vous cliquez donc sur Enable Firebug
Et l'icone devient verte :
En cliquant sur cette pastille verte avec la touche droite de la souris, un menu apparait vous proposant diverses options :
Une fois que ceci est fait, une "frame" apparait avec quelques onglets :
La "frame" est divisé en deux :
A chaque fois que vous cliquez sur un tag HTML, la fenêtre de droite se met à jour pour afficher le style CSS de ce même tag :
Dans l'onglet HTML, vous pourrez parcourir le code HTML en cliquant sur le + pour dérouler les tag HTML comme ci-dessous :
Maintenant la fonctionnalité sympathique. Par exemple je veux modifier le style de la boite de liens qui se trouve sur la droite de mon blog. Je parcours donc le code HTML de facon à trouver le tag HTML correspondant, ic c'est un DIV :
Et ce qu'il y a de magique, c'est que à ce moment là la boite de liens devient toute bleu, c'est donc bien celle là ! Très utile comme fonctionnalité :
Donc, je vois ici que ma boite de lien est un DIV associé à une classe de type box. C'est bien ce que l'on voit dans le code HTML : div id="Lien" class="box"
CE qu'il y a de sympa aussi, c'est que si vous passez la souris sur la valeur de la couleur (ici #720E1E), un petit rectangle correspondant à cette couleur apparaît.
Maintenant essayon de modifier la taille de la bordure de la boite (box), ceci se fait tout simplement en cliquant sur la section border de la box dans l'onglet style. Elle devient de suite éditable. Passons donc cette valeur à 20px au lieu de 2px, et que se passe-til ?
Et bien, la boite se modifie immédiatement, ca c'est génial, donc pour faire des tests, c'est vraiment très utile et le gain en développement est à mon avis pas mal.
Dans l'onglet Layout de la partie droite, vous pouvez aussi éditer les caractéristiques d'un tag HTML :
Une fois que vous avez fait vos modifications et que ca vous plait, il suffit de cliquer sur l'onglet CSS de la partie gauche et copier et coller le texte dans votre fichier CSS.
A garder sous la main absolument !
Le nom peu paraitre assez etrange, mais en fait si on regarde bien elle sert à trouver , modifier les fichiers d'une page web (script, CSS, HTML). Dans mon cas je l'ai utilisé uniquement pour le CSS. Ce qu'il y a de vraiment bien, c'est que les modifications que vous voulez faire sur la page web sont immédiatement visible ! C'est vraiment génial !
Je passe l'installation de cette extension, le principe est le même que pour les autres extensions.
Une fois le navigateur redémmarré, vous devez voir apparaitre dans votre barre d'état de Firefox un nouveau venu :
En cliquant dessus avec le bouton gauche de la souris, un message apaprait vous disant d'activer Firebug.Si vous êtes sur une page que vous voulez éditer, vous cliquez donc sur Enable Firebug
Et l'icone devient verte :
En cliquant sur cette pastille verte avec la touche droite de la souris, un menu apparait vous proposant diverses options :
Une fois que ceci est fait, une "frame" apparait avec quelques onglets :
- Console : Pour le suivi des opérations, affichage de messages. Je ne m'en suis pas servi
- HTML : Pour explorer le code HTML. Très utile !
- CSS : Pour Explorer le code CSS
- Script : Pour les scripts Javascripts
- DOM : pour les elements DOM (là faut quand mêm connaitre ...)
- Net : Les requêtes externes vers internet ?? Je ne sais pas trop.
La "frame" est divisé en deux :
- La partie gauche, celle avec le code HTML
- La partie droite celle avec le style CSS du tag HTML sélectionné.
A chaque fois que vous cliquez sur un tag HTML, la fenêtre de droite se met à jour pour afficher le style CSS de ce même tag :
Dans l'onglet HTML, vous pourrez parcourir le code HTML en cliquant sur le + pour dérouler les tag HTML comme ci-dessous :
Maintenant la fonctionnalité sympathique. Par exemple je veux modifier le style de la boite de liens qui se trouve sur la droite de mon blog. Je parcours donc le code HTML de facon à trouver le tag HTML correspondant, ic c'est un DIV :
Et ce qu'il y a de magique, c'est que à ce moment là la boite de liens devient toute bleu, c'est donc bien celle là ! Très utile comme fonctionnalité :
Donc, je vois ici que ma boite de lien est un DIV associé à une classe de type box. C'est bien ce que l'on voit dans le code HTML : div id="Lien" class="box"
CE qu'il y a de sympa aussi, c'est que si vous passez la souris sur la valeur de la couleur (ici #720E1E), un petit rectangle correspondant à cette couleur apparaît.
Maintenant essayon de modifier la taille de la bordure de la boite (box), ceci se fait tout simplement en cliquant sur la section border de la box dans l'onglet style. Elle devient de suite éditable. Passons donc cette valeur à 20px au lieu de 2px, et que se passe-til ?
Et bien, la boite se modifie immédiatement, ca c'est génial, donc pour faire des tests, c'est vraiment très utile et le gain en développement est à mon avis pas mal.
Dans l'onglet Layout de la partie droite, vous pouvez aussi éditer les caractéristiques d'un tag HTML :
Une fois que vous avez fait vos modifications et que ca vous plait, il suffit de cliquer sur l'onglet CSS de la partie gauche et copier et coller le texte dans votre fichier CSS.A garder sous la main absolument !
par Roozeec
publié dans :
Infos générales
J'ai un peu changé le design du site, en effet ca fait quand même 2 ans que le blog existe, donc une refonte ca fait du bien. Surtout pour ceuxw qui y sont fidèles. Je n'ai bien sur pas tout changé, il reste encore des imperfections à corriger, et je m'y attache....
N'hésitez pas à m'envoyer vos commentaires et comme toujours le Livre d'OR est toujours ouvert !
Merci !
N'hésitez pas à m'envoyer vos commentaires et comme toujours le Livre d'OR est toujours ouvert !
Merci !
par Roozeec
publié dans :
Infos générales
