background preloader

Bootstrap

Facebook Twitter

Bootstrap Form Inputs (more) Jetstrap - The Bootstrap Interface Builder. Bootflat. How to Build a Responsive WordPress Theme with Bootstrap. In this tutorial, we will learn how to make our own responsive WordPress theme using Bootstrap.

How to Build a Responsive WordPress Theme with Bootstrap

Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme. Check out Zac’s other WordPress courses and enjoy a free, two-week trial of Treehouse. You don’t have to have built a theme from scratch before to successfully follow along. However, we do assume that you are comfortable doing things like adding and editing posts in the admin area or installing plugins. The theme we will build is based on the Basic marketing site example you can find over on the Bootstrap examples page. Custom homepage designAbout pageContact pageNews section with commentsA widgetized sidebar Getting Started Before we get started there are a few things you will need to do: Install WordPressDownload and Unzip BootstrapInstall the Theme Test Drive plugin* Once you navigate to that folder create a new folder called “wpbootstrap.”

#TEST : Le Nabaztag:Tag n’est pas mort ! Faites parler votre installation domotique à moindre coût! Salut à tous!

#TEST : Le Nabaztag:Tag n’est pas mort ! Faites parler votre installation domotique à moindre coût!

Il y a quelques temps j’ai fait l’acquisition d’un Nabaztag:Tag d’occasion, vous savez, l’ancienne version de l’actuel Karotz, ce petit lapin connecté capable de communiquer avec vous ! Le but était de pouvoir faire communiquer mon installation domotique avec les personnes (et animaux ) vivant dans ma maison. Par exemple, rappeler qu’une fenêtre est ouverte depuis trop longtemps si la température extérieure est faible, annonce des heures creuses … Bref Si je n’ai pas choisi le Karotz, et bien, c’est tout simplement à cause du prix!

Voici une petite photo du joujou accompagné de ses Flatnanoz : Pour ceux qui ne connaissent pas, ces petits portes clef (flatnanoz) servent à déclencher des actions lorsqu’on les passe devant le lapin (ex: annoncer la météo, appeler une Url..). Une fois votre lapin fraichement déballé du carton et branché, vous allez devoir le synchroniser avec un serveur afin de vous en servir. Les plus connus sont : The Big Badass List of Twitter Bootstrap Resources. Download Bootstrap 3 UI Kit. Bootstrap de Twitter : un kit CSS et plus ! Twitter Bootstrap Wizard. Fuel UX. Example Below is a working radio example.

Fuel UX

Using radio Call the radio via javascript (optional): $('#myRadio').radio() If you need to deactivate a radio button, the only way to do this currently is through javascript using: //note that this will deselect ALL radio buttons on the page. Methods Fuel UX's radio exposes the following methods: Markup You can activate radio on your page easily without having to write a single line of javascript.

<label class="radio radio-custom"><input type="radio"><i class="radio"></i>Item One</label> Additionally, you can add a highlight effect to the radio control by adding the class highlight to its label element. Create Clean Webpages with Twitter Bootstrap. Introduction Do you need to a lay out a webpage in a clean and straightforward way?

Create Clean Webpages with Twitter Bootstrap

Do you find yourself Googling how to deal with tabs, menus, popups, forms and other UI elements? Do you find other layouts and samples and end up ripping out the basics to get started? If so, then Twitter Bootstrap may be useful to you. It's a lean User Interface framework for building webpages that render consistently in desktop browsers, smartphones, tablets and more. Bootstrap is a very good framework to get a page up and running quickly - and provides plenty of advanced features. In this article, I'm going to show you how to get started with Bootstrap, and why you should bother. What're We Going To Use? We're going to be dealing with very basic code and only a few files - however, for the screenshots and example project I'll use Visual Studio 2012. Creating the Project Let's create an empty web project: We should have something pretty clean and lean, like so: <!

This is the basic project structure. Create Clean Webpages with Twitter Bootstrap. Bootstrap HTML Helpers. Download link: Introduction The guys over at Twitter have done a serious favor for developers worldwide with their Bootstrap framework.

Bootstrap HTML Helpers

This is especially useful for us coders with limited skills in UI design. With the Bootstrap Helpers project I have made things even easier for .NET developers. Update (2013.05.10) Ctrl Alt Geek » Tuto vidéo #1 : Découverte du bootstrap de twitter! J’inaugure aujourd’hui le premier tutoriel vidéo du site réalisé par mes soins.

Ctrl Alt Geek » Tuto vidéo #1 : Découverte du bootstrap de twitter!

Il n’est pas encore dit que je fasse une série de tutoriels (même sur le #1 semble indiquer l’inverse ), mais c’est une facette que je n’ai jusqu’alors jamais testée. LayoutIt! - Interface Builder for Bootstrap.