Guillaume RICHARD

Catégorie : Framework

Découverte du site « Start Bootstrap »

L’article d’aujourd’hui sera dédié à la découverte du site Start Bootstrap.
Ce site propose des thèmes et des templates Bootstrap avancé, et principalement gratuit.

Profitez bien de ce site.

9 octobre 2014
Création de Framework CSS

Introduction

Dans le monde de la programmation Web, Il est courant d’utiliser des Framework CSS pour générer plus rapidement le design des pages Web.

Comme Framework CSS, je peux vous en citer quelques uns : Twitter bootstrap, foundation, 960 grid system …

Mais dans certains cas, il est impossible d’utiliser ces frameworks et les fonctionnalités Javascript qui vont avec.

Si vous deviez créer un framework de zéro, quelles bibliothèques utiliseriez-vous ?

Bibliothèques

Si je devais prendre Twitter Bootstrap comme framework de départ pour récupérer la liste des fonctionnalités Javascript, j’irai sur la page dédié de bootstrap.
Je peux récupérer la liste suivante de fonctionnalités : Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel, Affix.

La plupart de ces fonctionnalités peuvent être réutilisées avec Jquery UI. Je peux citer les boutons, les menus déroulant, les tabs, etc…

Pour des fonctionnalités plus spécifiques, comme les carousels, je peux vous donner la librairie Caroufredsel, qui est assez complète. J’ai fait plusieurs vidéos de formation sur cette blibliothèque.

Ensuite, pour les alertes et les modales, il y a Alertify.js.

Que pensez-vous de ces bibliothèques ? Lesquelles utiliseriez-vous ?

6 octobre 2014
Astuces à connaitre sur Twitter Bootstrap 3

Au cours de ma veille sur internet, j’ai pu trouvé deux liens (issus du même site), présentant des astuces sur Twitter Bootstrap 3.

Voici ces deux liens :
Bootstrap 3 Tips and Tricks You Might Not Know : http://goo.gl/9RXsJy
Bootstrap 3 Tips and Tricks You Still Might Not Know : http://goo.gl/Kae60B

Intéressant, n’est ce pas ?
Qu’en pensez-vous ?

2 octobre 2014
Pourquoi utiliser un Framework CSS déjà existant ?

Problématique

Vous êtes développeur front-end ou back-end.

Vous connaissez les framework CSS comme Twitter Bootstrap et Foundation. Vous les avez même déjà utilisé dans un projet Web.

Si vous lisez cette article maintenant, c’est que vous vous êtes posé une question cruciale aux moins une fois dans votre vie. Cette question est : Pourquoi utiliser un framework CSS existant alors que l’on pourrai en créer un spécifique ?

Qualités et défauts des frameworks CSS

La première des qualités de ces frameworks et qu’ils permettent de créer des pages et des design Web plus facilement et rapidement.
Il faut en moyenne une journée de 8h pour créer le design d’un site à partir d’un PSD mais avec un framework, ce délai est grandement raccourci.

La deuxième des qualités est que ces frameworks sont généralement très complet et très bien construit, tout en gardant une légèrement en terme de poids.

Mais le problème est que, à force d’utiliser ces frameworks, les design finissent tous par se ressembler.
De plus, j’ai pu remarquer sur différents sites, que les classes essentiels des frameworks étaient réécrit pour faire le design souhaité.

Que faut-il faire alors ?

La question que je me pose est celle-ci : Pourquoi ne pas créer son propre framework CSS ?
En effet, faire son propre outil maison permet de se départager de la concurrence et de montrer nos propres compétences. Pourquoi faire comme tout le monde alors que, potentiellement, on peut faire beaucoup mieux que les autres, et à la même vitesse.

Qu’en pensez-vous ?

Aux personnes qui travaillent dans la création de projet web, que pensez-vous de la problématique que je soulève ?
Utilisez-vous un framework CSS connu ?
Utilisez-vous un framework maison ?
Ou alors, faites-vous des design spécifique à chaque projet ?

J’aimerai avoir votre avis !

21 août 2014
Afficher vos vidéos Youtube sur votre site
Présentation

Aujourd’hui, je vais vous présenter une bibliothèque qui vous permet d’afficher vos vidéos Youtube sur votre site.

Cette bibliothèque était présente sur la version 1 de Zend Framework, mais elle ne l’est plus sur la version 2.

Cette bibliothèque se prénomme gdata et permet l’interaction des outils de Google sur votre site.
Parmi les outils, nous pouvons remarquer les plus connu comme Analytics, Calendar, Docs, Spreadsheets et YouTube.

Voici le lien permettant de récupérer cette bibliothèque sur github.

Initialisation du projet

Point 1 : Mettre le dossier Zend de l’archive à la racine de votre site.
Point 2 : Utiliser le code de base ci-dessous :
```
//__Initialisation de la classe "Gdata YouTube"
require_once "Zend/Loader.php";
Zend_Loader::loadClass('Zend_Gdata_YouTube');
$yt = new Zend_Gdata_YouTube();

//__Récupération des vidéos du compte de "TheJeffroland"
$videoFeed = $yt->getVideoFeed('http://gdata.youtube.com/feeds/users/TheJeffroland/uploads');

//__Affichage des 25 premières vidéos
foreach ($videoFeed as $v) {
	$thumbs = $v->getVideoThumbnails();
	
	echo $v->getVideoTitle();
	echo $thumbs[0]['url'];
	echo $v->getVideoDescription();
}
```
Ce code permet d’afficher les 25 premières vidéos du compte demandé.

Pour en savoir plus sur la documentation, vous pouvez la trouver dans l’archive avec le dossier du même nom : « documentation ».

Il faut savoir une chose sur cette bibliothèque : elle fait parti de la version 2 de l’API de YouTube Data, et elle est déprécié depuis début Mars 2014.
Il est toujours possible de l’utiliser dans vos projets.

Conclusion

Cette bibliothèque est intéressante et peut permettre beaucoup de chose.
Vous pouvez toujours voir comment l’utiliser.
17 juillet 2014