background preloader

Tutoriel Vidéo HTML-CSS : Bootstrap CSS from Twitter

Tutoriel Vidéo HTML-CSS : Bootstrap CSS from Twitter

Say hello to Bootstrap 2.0 Six months ago we open-sourced Twitter Bootstrap, an extensive front-end toolkit for developing web sites and applications. Since then, Bootstrap has grown to be one of the most popular projects on GitHub, the largest open source code host in the world, with over 16,000 watchers and 3,000 forks. Bootstrap’s contributors continue to humble and amaze us. People everywhere are using it in creative ways, including projects like NASA’s code.nasa.gov and MSNBC’s Breaking News. After months of development, we’re ready to introduce the next major release, Bootstrap 2. What’s new Bootstrap 2 brings a plethora of changes and new features to the toolkit, many added as a result feedback from the community. Here’s a look at some of the most prominent changes: We’ve also closed dozens of bugs and made a lot of improvements under the hood for Bootstrap 2. Looking ahead In the coming months, we’ll continue to work with the open source community to evolve and iterate on Bootstrap.

HTML 5 Tutorial | Tutorials, Tips & News for the Designer KNACSS, a simple and lightweight CSS framework NewApplication Create a new application with the play command The easiest way to create a new application is to use the play new command. $ play new myFirstApp This will ask for some information. The application name (just for display, this name will be used later in several messages). The template to use for this application. Note that choosing a template at this point does not imply that you can’t change language later. Once the application has been created you can use the play command again to enter the Play 2.0 console . $ cd myFirstApp $ play Create a new application without having Play installed You can also create a new Play application without installing Play, by using sbt. First install sbt 0.11.2 if needed. Just create a new directory for your new application and configure your sbt build script with two additions. In project/plugins.sbt, add: Be sure to replace 2.0 here by the exact version you want to use. In project/Build.scala: You can then launch the sbt console in this directory:

16 Impressive CSS3, HTML5 and Javascript Experiments From Hakim If you’re a fan of Canvas, WebGL and interactive CSS3, HTML5 and Javascript, you most probably have heard of the name Hakim. Hakim is a web developer and creative programmer from Sweden who passionate about working with animation and interactivity. He has many personal projects and experiments with HTML5, CSS and Javascript showcased in Chrome Experiments and other places. We are really impressed but his creativity and cool stuff that he managed to create, and the following is some of the coolest things on the web. CSS3 Scroll EffectCool list scrolling effect. About Kevin Kevin Liew is a web designer and developer and keen on contributing to the web development industry. Standardise the Appearance of Web Drop Down List

Création d’un blog avec Symfony2 Je propose également des formations en petits groupes sur 2 à 3 jours. Plus d’infos sur la page dédiée. N’hésitez pas à me contacter (06.62.28.01.87 ou clement [@] keiruaprod.fr) pour en discuter ! Introduction Ce tutoriel va vous guider dans le processus de création d’un blog complet avec Symfony2. Site démo Le site original de Symblog se trouve à l’adresse : Contenu Le but de ce tutoriel est de couvrir les tâches que vous allez régulièrement être amené à réaliser lors de la création d’un site web avec Symfony2. Les bundlesLes controlleursLes templates (avec Twig)Le modèle - Doctrine 2Les migrationsLes données facticesLes validateursLes formulairesLe routageGestion des fichiers externesLes emailsles environnementsPersonnalisation des pages d’erreurLa securitéL’utilisateur et les sessionsGeneration de CRUDLe cacheLes testsLe deploiement Symfony2 est fortement personnalisable et propose différentes manières de réaliser un même tâche. Traductions Français Auteur Participer

Node.js : le livre du débutant JavaScript et vous▲ Avant de rentrer dans les détails techniques, prenons un moment pour parler de vous et de votre rapport avec JavaScript. Ce chapitre va vous servir à déterminer s'il vous est utile de continuer la lecture de ce livre. Si vous êtes comme moi, vous avez commencé le développement Web il y a quelques années en écrivant des pages HTML. Vous avez commencé à utiliser cette chose étrange appelée JavaScript, mais juste pour ajouter un peu d'interactivité ici ou là. Ce que vous vouliez était surtout apprendre à créer des pages Web complexes ; vous avez donc appris des langages comme PHP, Ruby, Java pour écrire du code serveur. Malgré tout, vous avez gardé un œil sur JavaScript et avez découvert, avec l'apparition de jQuery, Prototype ou autres bibliothèques, que JavaScript pouvait réaliser des choses avancées, bien au-delà de simples window.open(). Puis vint Node.js : du JavaScript côté serveur ! Vous avez donc décidé de vous intéresser aux nouveautés de ce vieux JavaScript.

jQuery Gantt: Créez des diagrammes de Gantt avancés avec jQuery jQuery Gantt est un plugin permettant de créer des diagrammes de Gantt web interactifs et avancés. Si vous développez votre propre intranet de développement ou une solution de gestion de projet pour un client, cette ressource va vous rendre pas mal de services ! En effet, ce plugin jQuery vous permettra de mettre en place le fameux diagramme de Gantt facilement et rapidement configurable. Vous pouvez l'utiliser pour organiser vos sprints et disposez vos tâches par catégories, couleurs... La navigation est vraiment bien pensée, avec un système de zoom et dé-zoom pour avoir une vue plus générale des différentes tâches. Sur le hover de la souris, vous pouvez afficher plus de détail sur la tâche ... Côté utilisation, le plugin se met en place rapidement et dispose de plusieurs options: 01. 02. source: "ajax/data.json", 03. scale: "weeks", 04. minScale: "weeks", 05. maxScale: "months", 06. onItemClick: function(data) { 07. alert("Item clicked - show some details"); 09. onAddClick: function(dt, rowId) {

Créer un formulaire d’inscription avec dojo | dojotoolkit-fr.org Dojo est particulièrement efficace lorsqu’il s’agit de faire de la validation de formulaire. Je vais ici vous proposer un tutoriel étape par étape qui va vous permettre de créer un formulaire d’inscription basique, avec les vérifications nécessaires. Le formulaire en question ne comportera que 4 champs: Email, vérification de l’email, mot de passe et vérification du mot de passe. Pour info: Je suis un webmaster indépendant situé en Normandie. Etape 1 Téléchargez la dernière version de dojo (ici) et la décompresser dans le dossier comprenant votre site. Etape 2 Je créé mon fichier « acces_pro.php » (ouai, pour le coup, je vous fait le tuto en temps réel car je développe un site avec un accès professionnel. D’avance pour pas oublier je referme mes balises à la fin de mon fichier Etape 3 J’appelle mon fichier dojo.js pour pouvoir utiliser les fonctions qu’il contiens, Pour cela je place entre les balises et de mon fichier le code suivant Etape 4 et Etape 5 Etape 6 Etape 7 Etape 8 Etape 9 Etape 10

Related: