background preloader

Twitter Bootstrap Button Generator

Twitter Bootstrap Button Generator

Bootstrap Form Builder Rendered source of your form: About Created By Adam Moore (@minikomi) to help take the stress out of writing all that markup to get bootstrap forms together. The original version of this was a big jQuery spaghetti mess, so as of March 2013 it has been rewritten using backbone.js and takes advantage of underscore.js templates. If you have a problem, or want a specific snippet added please check out the github project. Adding snippets is quite simple now (due to the rewrite!)

15 Great Twitter Bootstrap Resources Twitter Bootstrap is a great front-end framework that lets you quickly prototype new web projects. Here is a list of great resources that gives even more power to the Bootstrap framework. Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid optimization for deployment. This library allows you to create editable elements on your page. Extends Bootstrap’s native modals to provide additional functionality. Bootswatch is a collection of free themes for Twitter Bootstrap. Prototype Bootstrap-based apps using your favorite presentation tool. This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. The iconic font designed for use with Twitter Bootstrap. The easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.

PHP Simple HTML DOM Parser 80 Awesome Twitter Bootstrap Templates To Get You Started Twitter Bootstrap is a powerful and easy to use framework enabling front-end developers to craft professional and high quality Bootstrap templates with flexible responsive layouts that look great on tablets, mobiles and desktops. Since its release back in august 2011 the development community has been growing fast, providing developers with the tools and knowledge to create ready-to-use, native Bootstrap html/CSS templates or themes that work on popular publishing platforms like WordPress and Joomla. One of the main reasons why Bootstrap is so popular is the ability to develop web apps and websites fast and its support for responsive design. Customers no longer accept solutions that ignore mobile users and with a steadily increasing number of smartphone subscriptions worldwide, responsive web design is the future of any serious business that wants to stay ahead of the competition. To help you get started, I have collected a list of my favorite Twitter Bootstrap templates. Article Index

How to use Twitter Bootstrap to Create a Responsive Website Design "Welcome to the responsive web!" In the last year or so this term has been thrown around everywhere, so often that even a lot of my clients are asking for a responsive design from the get go. This, to me, is really interesting because they never asked for a mobile or tablet version back in the day. One would argue that mobile wasn't so mainstream and everybody was trying to imitate the IOS interface on the web, and I agree, it was bad, but that's not the only reason why clients are asking for responsive!? Somehow they think we turn responsive design on or off as we please and that it's just normal to have, so the price should stay the same. How to use Twitter Bootstrap to Create a Responsive Website Design Responsive web design is an approach, I often call it a mindset, because you have to change the way you think when you're going responsive. The idea of responsive design relies on CSS3 media queries that target specific screen resolutions and sizes. Twitter Bootstrap - Your New BFF Misc

Check websites for broken links — LinkChecker Introduction LinkChecker is a free, GPL licensed website validator. LinkChecker checks links in web documents or full websites. It runs on Python 2 systems, requiring Python 2.7.2 or later. Python 3 is not yet supported. Features recursive and multithreaded checking and site crawlingoutput in colored or normal text, HTML, SQL, CSV, XML or a sitemap graph in different formatsHTTP/1.1, HTTPS, FTP, mailto:, news:, nntp:, Telnet and local file links supportrestriction of link checking with regular expression filters for URLsproxy supportusername/password authorization for HTTP and FTP and Telnethonors robots.txt exclusion protocolCookie supportHTML5 supportPlugin support allowing custom page checks. Screenshots Basic usage To check a URL like it is enough to enter in the GUI client or web interface, or execute linkchecker on the command line. Other linkcheckers Test suite status

viljamis/ResponsiveSlides.js Building Responsive Layouts in Liferay with Twitter Bootstrap - Xtivia Blogs Twitter Bootstrap is a popular, easy-to-use front-end framework that not only allows for rapid prototyping, but also comes with a robust set of features that let you easily implement a responsive design. If you're building a site from scratch, all you have to do is include the Bootstrap CSS and JavaScript, and you're off to the races! When you're working with Liferay, though, it's a bit more complicated than that. Of course, it is possible to create a new theme, drop the big bundle of Bootstrap files in there, and start running with it; but there are a lot of Bootstrap UI features that conflict messily with default Liferay styles, especially the Dockbar and Control Panel. For the sake of simplicity, we're going to build a two-column layout with a main content column and a sidebar; but the possibilities are endless. The Layout Template Creating bootstrap-2-column-sample-layouttpl gives us a blank slate. We'll start by duplicating the usual layout template scaffolding: The Theme Notes

scottjehl/picturefill Help with Twitter Bootstrap - Using LESS and Twitter Bootstrap Un aperçu de Scrum pour néophyte … 05 mai 2010 Au cours d’une mission, j’ai été confronté à l’utilisation de Scrum comme méthodologie de projets. Suite à cette première expérience qui m’a parut satisfaisante, j’ai eu l’envie de partager ce que j’ai pu apprendre et comprendre pour en faire profiter d’autres qui n’ont pas eu ce privilège. L’objectif de ce billet se résume en deux points : Conserver le souvenir de cette expérience, et mettre en avant ma vision de ce que j’ai pu vivre et ressentir au cours de cette périodeFaire partager et mettre à profit cette connaissance. J’espère donner envie de s’intéresser au sujet, et pourquoi pas, de remettre parfois en cause certaines autres méthodes toujours adoptées sans vraiment pouvoir comparer Un aperçu de Scrum pour néophyte … Avec un cycle de développement classique, nous nous retrouvons toujours face à un contrat liant un Client, à la Maîtrise d’Ouvrage (MOA / AMOA) et à la Maîtrise d’Œuvre (MOE). Le Client va faire évoluer son besoin, si ce n’est complètement le changer.