Nettoyage et retour en ligne

Certains l’ont certainement vu, je n’ai pas été très actifs ces derniers temps. J’ai pris le temps de réfléchir à mon objectif à travers ce blog et au contenu que je voulais dedans. En effet, loin d’avoir beaucoup d’article de fond, celui-ci contenait majoritairement des articles « vides ».

Le blog est maintenant nettoyé et prêt pour accueillir de nouveaux articles. Ils seront moins courants mais plus étudiés.

A bientôt…

Publié dans Non Classé

Entrainement logique

Que ce soit les programmeurs ou qui que ce soit aimant la logique, il est toujours bon de s’entraîner pour s’améliorer ou simplement se maintenir à un niveau. Une solution simple et efficace pour le faire nous est donnée par le site enigmatik

Bon amusement dessus et ce n’est jamais perdu !

Tagged with: , ,
Publié dans .NET, Autres Langages

[.NET] Développement Cross-Plateforme ou l’utilisation des librairies portables

Le développement cross-plateforme commence à devenir de plus en plus une réalité dans la vie des développeurs. En effet, avec la montée en force des smartphones et tablettes, le paysage informatique a largement évolué. Pour le monde de Microsoft, incluant Windows Phone 8, Windows 8 et Windows RT pour ne citer qu’eux, le développement peut se faire grâce au .NET. Seulement, il serait dommage de réécrire certaines parties de code pour chaque système.

Une solution existe heureusement sous la forme de librairie portable. Voici un tableau reprit du site msdn qui vous donne les plateformes qui peuvent être ciblées avec ce système :

Platform Versions
.NET Framework .NET Framework 4 and higher

.NET Framework 4.0.3 and higher

.NET Framework 4.5

Silverlight Silverlight 4 and higher (selected by default)

Silverlight 5

Windows Phone Windows Phone 7 and higher (selected by default)

Windows Phone 7.5 and higher

Windows Phone 8

Important note Important
You must install the Windows Phone SDK 8.0 for the Windows Phone 8 option.
.NET for Windows Store apps (*) N/A
Xbox 360 N/A

 

Lorsque vous créez votre librairie portable, vous pourrez sélectionner les targets grâce au popup qui suit :

Change target

Pour ceux qui iront voir plus loin que cela, je vous conseille d’aller voir le site de msdn (le lien) pour voir exactement le fonctionnement de ce système. Pour les autres, le principe et de mettre une couche d’abstraction au dessus des particularités des différentes plateformes via des interfaces. Ainsi, lorsque la librairie sera utilisée dans une solution, il suffira de faire de l’injection de dépendance (via Unity pourquoi pas) pour exploiter à 100% la plateforme cible.

Tagged with: , , , , , , ,
Publié dans .NET, Mobile

HTML 5, entre simplification et réorganisation

 

Il fait beaucoup de bruit autour de lui, l’HTML 5. Mais s’agit t’il d’un nouveau langage ou d’un simple refresh ? Voyons ensemble les changements majeurs qui lui ont été apportés. Pour cela, je vous propose de partir sur une structure de document HTML simple et de le construire ensemble. Commençons donc par la structure classique du document :

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>

</body>
</html>

Déjà, ceux qui ont l’habitude de faire de l’HTML vont être choqué pas la balise DOCTYPE qui, heureusement pour nous, est maintenant beaucoup plus simple ! Nous avons donc ici la base d’un bon document HTML avec la partie head pour spécifier les informations sur le site tel qu’une page css, un script javascript ou encore le titre du document et la partie body qui contient le contenu du site. Je vous propose de commencer par rajouter à notre head un lien vers un fichier css et un fichier javascript :

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>

<link rel= »stylesheet » href= »theme.css »>

<script src= »script.js »></script>

</head>

<body>

</body>
</html>

 

Nous voici maintenant avec une feuille de style associée à notre page HTML et un script. Mais, si vous observez bien, il n’y a plus besoin de préciser le type de document qu’on associe ! Il ne faut plus non plus fermer les balises auto fermante ! De petit détail pour simplifier notre vie ! Nous allons terminer par ajouter du contenu à notre site, en le structurant et lui donnant un titre, un contenu avec un article et un lien vers le haut.

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>

<link rel= »stylesheet » href= »theme.css »>

<script src= »script.js »></script>

</head>

<body>
<header>

<h1>Ma page HTML 5</h1>

</header

<article>

<h1>Un article</h1>

<p>Blablablablablablablabla blablablablablablabla blablablabla blabla blablablablablablablablabla blablablablabla.</p>

</article>

<footer>

<a href= »# »>Vers le haut</a>

</footer>
</body>
</html>

 

Et voilà une page HTML 5 simple mais utilisant certaines nouveautés. Commençons pas parler des balises header et footer, que tout le monde modélisant avant par des div avec une id valant souvent header et footer. On retrouve aussi comme nouvelle balise article. Pourquoi tant de nouvelle balise ? Il faut tout simplement se mettre dans la tête du développeur qui travaille sur une page de plusieurs centaines de ligne et qui va profiter d’une organisation beaucoup plus avancée que des balise div avec id.

L’autre point vraiment intéressant est l’utilisation de deux balises h1, pratique autrefois déconseillée par le W3C. Maintenant, la balise h1 dans l’article ne sera pas la même que celle du header et nous pouvons donc donner beaucoup plus de titres différents à nos pages.

Voici donc un aperçu court mais intense des nouveautés apportées par l’HTML 5.

Publié dans Autres Langages

[HTML 5] Gérer la vidéo

Le W3C aura pris son temps, mais enfin une nouvelle version de l’HTML existe. Disons tous ensemble : « Bonjour HTML 5 ! ». Avec cette nouvelle version sont arrivées de nombreuses nouveautés. Enfin, nouveautés, plutôt des possibilités natives à la place de plugin à rajouter dans son HTML comme le très conne Flash d’Adobe. Une de ces nouveautés est le lecteur vidéo intégré à HTML 5. Comment fonctionne t’il ? Et bien, comme ceci :

 

<video src= »../video/myMovie.mp4″ />

 

Génial non ? Alors pourquoi en faire un article ? Eh bien parce que vous découvrirez que là, vous allez rencontrer certains problèmes. De un, il n’y aura aucun contrôleur pour visionner votre vidéo. De deux, sous Mozilla par exemple cela ne fonctionnera juste pas !

Réglons un problème à la fois. Commençons par rajouter les contrôleurs :

 

<video src= »../video/myMovie.mp4″ controls />

 

Vous pouvez tester, maintenant, vous pouvez démarrer facilement votre vidéo. Pourquoi n’y a t’il pas de valeur derrière ? Tout simplement parce qu’en HTML 5, si un boolean est mentionné dans une balise, il prend d’office la valeur inverse de celle par défaut.

Pour ce qui est de Mozilla, il faut allez faire un tour sur ce site. On y voit les codecs supportés par les navigateurs. Pour assurer de fonctionner sur la majorité de ceux-ci, il va falloir avoir un fichier mp4 et un WebM. Comment faire ? Eh bien nous allons simplement donner plusieurs sources à notre balise :

 

<video controls>
<source src= » »../video/myMovie.mp4″ type= »video/mp4″>
<source src= » »../video/myMovie.webm » type= »video/webm »>

<p>Votre navigateur ne supporte pas la video HTML 5</p>

</video>

 

Voilà une balise video pleinement utilisée. Pourquoi ce message en fin ? Eh bien si le navigateur ne supporte aucune source, ce message sera affiché d’office à la place du lecteur vidéo. Bonne amusement avec cette nouvelle découverte !

Tagged with: , , ,
Publié dans Autres Langages

Choisir les couleurs de son site

Parmi tout ceux qui ont essayé la création de site web, qui n’a jamais galéré pour choisir ces couleurs de site ? Les designers n’ont pas ce problème heureusement.

Qui a déjà essayé de faire un site avec des photos et la photo jurait avec le fond ?

Eh bien il existe une solution : Adobe kuler !

Voilà comment se faire un jeux de couleur visuel, qui vous fournit après le code rgb ou hexadécimal des couleurs choisies !

Alors, pas mal hein ?

Tagged with: , , ,
Publié dans .NET, Autres Langages

[Android] Evolution dans le temps

evolution

 

Android a 5 ans. Des années de bons et loyaux services où l’OS de Google n’a eu de cesse d’évoluer pour arriver bientôt à sa version 4.4 qui sera bientôt annoncée. Je vous propose aujourd’hui juste une petite image pour voir l’évolution du design de nos chers smarthpones pendant ces 5 ans. On peut dire que tout a évolué vers un système globalement plus sobre mais surtout plus classe. Qu’en pensez vous ?

Tagged with: , , ,
Publié dans Mobile