background preloader

Tutoriel - Creer un site avec Bootstrap de Twitter

Tutoriel - Creer un site avec Bootstrap de Twitter
Découvrez comment il est possible de réaliser une interface Web de manière simple et la rendre compatible avec les différents types de support mobiles en utilisant Bootstrap de Twitter, qui repose sur un système de grille. Son avantage est qu'il permet également un gain de temps énorme en proposant des fondations prédéfinies pour vos projets, une normalisation de votre code en respectant les standards et des éléments graphiques loin d'etre négligeables. En plus de tout ceci, et c'est là l'objet de ce tutoriel, Bootstrap permet de faire rapidement et efficacement des structures de sites en Responsive Web Design, en d'autres termes de prendre en compte et d'adapter le contenu de votre site Web aux différents types d'appareils, mobiles ou non. Afin de profiter pleinement de toutes le joies que peut proposer Bootstrap, il est préférable d'avoir déjà de bonnes connaissances en CSS et une approche plus ou moins familière de JQuery et LESS. Voir la réalisation effectuée avec ce tuto <! <! <!

Related:  mise en pageFaire un site en JS

Demo of a simple CRUD RESTful PHP service used with AngularJS and MySQL REST represents Representational State Transfer. For web applications REST API is a good architectural choice for the communication between the app and the server. This makes sharing data between different devices and apps easy. Single Page Site with Smooth Scrolling, Highlighted Link, and Fixed Navigation - Call Me Nick Get Source View Demo In this lab, I’m going to demonstrate how to create a fixed navigation, single page site with smooth scrolling, and highlighting the navigation link depending on which section is currently being viewed. This technique is great for single page sites that want to pack in lots of goodies on one page, but use a navigation with cool scrolling to section it off. InDesign: Make Master Page layout changes affect all existing text-fields - AJDF's Place I am currently doing a 350 page book typesetting and layout project. Although I have done this before, I tend to not use In Design for long periods of time between each project and then forget some very important features. These features become extremely important for dealing with long documents. I am going to write down some fundamental things I learned today so that I do not forget again and hopefully I’ll help someone else searching for the same solutuion. Master Pages

Building A RESTful PHP Server: Understanding the Request Once upon a time, what seems like a lifetime ago, I was away for a couple of weeks, and I wrote a series of posts about serving RESTful APIs from PHP to keep my blog going while I was away. Fast forward a few years and those posts are outdated and still wildly popular - so I thought it was about time I revisited this and showed how I'm writing RESTful PHP servers today! In the first part of this (probably) 3-part series, we'll begin with the basics. It might seem boring, but the most important thing to get right with REST is parsing all the various elements of the HTTP request and responding accordingly. I've put in code samples from from a small-scale toy project I created to make me think about the steps involved (should I put the code somewhere so you can see it?

Creating and formatting basic Windrose graphs Creation of windrose graphs first requires the inclusion of the library extension module "jpgraph_windrose.php" The creation of Windrose graphs otherwise follows the traditional steps in the library of creating a graph and then adding one or several windrose plots to the canvas. Create a basic canvas graph as an instance of class WindroseGraph Create an instance of one or several windrose plots as instances of class WindrosePlot, set up the scale and appearance and then add them to the graph canvas. How to Create a Professional Magazine Layout A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Otto Coster was first published on August 4th 2010. Have you ever wondered how professional designers strike the perfect balance between text and image? Using InDesign's powerful type tools, you will learn techniques to help you set and arrange a magazine layout. Step 1 Setting up the Document We'll be using a standard A4 size document for this tutorial.

Styling Scrollbars to Match Your UI Design This tip will guide you in improving the look and feel of scrollbars to match your UI design. We'll take a look at what WebKit browsers offer us in terms of CSS, plus we'll use a jQuery fallback to cater for other browsers. Quick Note About Browsers When we refer to Webkit-based browsers we're essentially talking about Apple Safari and Google Chrome. Together they currently hold more than 40% of the overall desktop browser market. For tablets, Apple's iPad will always use Webkit no matter which company's browser is used. JpGraph Windrose Manual 1.0 1 Apr, 2005 Table of Contents 1 Windrose plots with JpGraph 2 Basic formatting of Windrose graphs3 Less used formatting4 Appendix: Commented examples of windrose scripts Populate Highcharts with JSON data using jQuery Hello everyone! Graphs and charts help make information easier to visualize. Developers can display charts for better analysis and understanding. Highcharts help develop interactive JavaScript charts for web pages. It is basically a charting library written in pure JavaScript, offering an easy way of adding charts to your web site or web application. Through this post, we will learn how to populate and display a bar chart dynamically using JSON data received via a RESTful web service.

jQuery custom content scroller Last updated on Nov 17, 2015 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more. Current version 3.1.3 (Changelog)Upgrading from version 2 When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul.

Creating a simple CRUD with Node.js, Express, MongoDB and AngularJS, Part 1 Last week (May 30th and 31st) I attended to the 2014 Costa Rica BarCamp, which is an international network of user-generated “unconferences" primarily focused around technology and the web. I participated as speaker and I prepared an "unconference" about Node.js and Entrepreneurship, and how Node can help to easily prototype, develop and scale a web application for entrepreneurs who has low budget to host/scale/develop. One of the attendees of my "unconference"" tweeted me about an explanation for a simple CRUD with Node.js and MongoDB, so this post explains how to create a simple CRUD using Express.js framework. Although there’re other frameworks that makes simple CRUD operations easier like Sails.js or Meteor, I will keep it simple to explain a bit better about doing CRUD operations (models/controllers/routes) with Express. Node.js