Introduction aux frameworks front-end (Bootstrap, Foundation) – alticreation Les frameworks ou cadriciels en bon français sont des outils de plus en plus courants dans le processus de création de sites web. On distingue au moins deux types de frameworks : front-end et back-end. Les frameworks back-end (comme Symphony, Laravel ou CakePhp) sont déjà utilisés depuis plusieurs années avec succès, mais qu'en est-il des frameworks front-end ? Qu'est-ce qu'un framework front-end ? Concrètement, c'est un ensemble de fichiers et dossiers livré de façon structurée; le tout est codé en respectant les standards actuels et fonctionne uniformément sur toutes les plateformes et navigateurs actuels. Il y a 3 types de fichiers dans le framework : HTML, CSS et JS. Pour bien comprendre, nous allons identifier les composantes (et donc les besoins) d'une page web classique, ils seront décrits dans l'encadré suivant : Les composantes d'une page web La base Le Layout * Layout en rouge dans la figure : header, slider area, contenu principal, footer. Les modules Les états Bootstrap de Twitter
Cours, tutoriel et articles sur le Zend Framework 2 - Blanchon Vincent, contributeur Zend Framework 2 AngularJS Articles about bootstrap How to Customize a Field's Focus Color in a Bootstrap Form This tutorial will teach you how to customize the the focus color and drop shadow in a Bootstrap form field. By default, a Bootstrap form field is blue with a drop shadow and looks like this when it is in focus: Overall, this is a pretty clean modern look. Suddenly, the blue looks out of place. Read More How to Isolate Bootstrap CSS to Avoid Conflicts Bootstrap is the most popular CSS framework on the web. If you just add Bootstrap CSS to your webpage it will conflict with ... Read More How to Animate a Bootstrap Form with jQuery Adding animation to an HTML form not only makes it looks slick but can help communicate to users when they've made a mistake. We'll add a shake when the form is submitted with errors.We'll fade out the form after it is successfully submitted.Then, we'll fade in a "thank you" message. View DemoCustomize Demo OnlineDownload Demo Requirements To create our animated form, we'll need the following: Read More Read More
Démarrer avec Zend Framework 2 Ce tutoriel part du principe que vous utilisez PHP 5.3.10, avec un serveur Web Apache et une base de données MySQL, accessible par l'extension PDO. Vous devez avoir installé et activé l'extension mod_rewrite. Vous devez également vous assurer qu'Apache est configuré pour supporter les fichiers .htaccess. Pour cela vous pouvez changer la directive en dans votre fichier httpd.conf. Nous allons créer une application qui affichera un système de gestion de nos albums. Nous aurons également besoin de stocker les données dans une base de données. Il y a deux façons de démarrer. Démarrer avec un fichier zip▲ Afin de créer notre application, nous allons télécharger le ZendSkeletonApplication, disponible sur github. Dézippez ce fichier dans le répertoire défini dans le vhost et renommez le répertoire obtenu en zf2-tutorial. Le ZendSkeletonApplication utilise Composer pour trouver les dépendances, dans notre cas, la dépendance est Zend Framework 2 lui-même. php composer.phar install Sélectionnez <? <? <? <?
Miles to go 2.0 ... | Arun Gupta is a technology enthusiast, avid runner, author of a best-selling book, globe trotter, a community guy, Java Champion, JavaOne Rockstar, JUG Leader, Minecraft Modder, Devoxx4Kids-er, and a Red Hatter. Tutoriel HTML Bootstrap Dans la jungle des sites Web actuels, chacun devrait se démarquer, tout le monde veut attirer le plus de monde et créer l'expérience la plus complète et souple pour l'utilisateur final, en tant qu'intégrateur Web, notre travail est de suivre un cahier des charges établi en fonction des demandes du client, mais dans l'optique d'un site personnel ou d'un site d'agence, les demandes deviennent plus personnelles et différencier le bon du mauvais devient plus difficile, c'est là qu'intervient ce que j'appelle la mise à plat du projet. I-A. Mettre à plat le projet▲ Mettre à plat le projet revient (à mes yeux) à se donner des lignes directrices, un cahier des charges précis, bref, une ligne de conduite. Notre site doit-il être responsive ? De nos jours, un site classique (non responsive) n'est pas acceptable, c'est un fait, avec l'arrivée des supports mobiles (tablettes, smartphones, smartwatches, etc.), les utilisateurs veulent une expérience pensée pour leur support. I-B. II-A. II-B. II-C.
Introduction à Zend Framework 2.0 partie 2 | Netsyos Article mis à jour (22/04/2013) pour la version finale de Zend Framework 2 Nous avons vu dans la première partie de ce tutoriel comment initialiser un projet zend 2.0. Alors nous voilà avec un squelette d’application qui tourne, mais on code ou là dedans ? Comme vous avez pu le constater la structure de l’application est très ressemblante à celle utilisée avec le Zend Framework 1. La notion de module a été totalement revue. Les modules vont êtres de vraies briques applicatives transposables d’un projet à l’autre moyennant un minimum de configuration. Le squelette d’application contient déjà un module nommé Application qui gère la page d’accueil. Pour l’exercice, nous allons donc construire notre premier module. Appelons ce module « Cms ». Un fichier Module.php à la racine du répertoire du module va être chargé automatiquement par le gestionnaire de module de Zend. Ce module contiendra un unique controller pour gérer des pages. Configuration Base de données Configuration du module Les vues