background preloader

Frame Works

Facebook Twitter

Bootstrap CDN. Lavish - Generate your own Bootstrap color scheme. Font Awesome Examples. Gallery of free HTML snippets for Twitter Bootstrap. | Bootsnipp.com. Metro-bootstrap: Twitter Bootstrap with Metro style. Examples <div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium tile-teal"><a href="#" ><h1>Hello</h1></a></div></div><div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium"><a href="#" ><img src="images/twittertile.png"><h2>Tweet </h2></a></div></div><div class="col-sm-6 col-md-6"><div class="thumbnail tile tile-wide tile-orange"><a href="#" ><h1 class="tile-text"> I'm the 2!

</h1></a></div></div> Colors Using Font Awesome in tiles You could use images in your tiles or use the conveniently included FontAwesome icons. Now include the icon of you choice (Link to Cheatsheet) as a <i></i>. <div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium tile-green"><a href="#" class="fa-links"><h1>Home</h1><i class="fa fa-3x fa-home"></i></a></div></div><div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium tile-orange"><a href="#" class="fa-links"><h1>RSS</h1><i class="fa fa-3x fa-rss-square"></i></a></div></div> Example <div class="dropdown"><!

Bootstrap Carousel - full screen image example code. Welcome | Flask (A Python Microframework) Welcome to Flask’s documentation. Get started with Installation and then get an overview with the Quickstart. There is also a more detailed Tutorial that shows how to create a small but complete application with Flask. Common patterns are described in the Patterns for Flask section.

The rest of the docs describe each component of Flask in detail, with a full reference in the API section. Flask depends on the Werkzeug WSGI toolkit, the Jinja template engine, and the Click CLI toolkit. User’s Guide¶ Flask provides configuration and conventions, with sensible defaults, to get started. API Reference¶ If you are looking for information on a specific function, class or method, this part of the documentation is for you. Additional Notes¶ The Elegant Ruby Web Framework - Padrino Ruby Web Framework. Plaintxt.org – Minimalism in blog design, an experiment. Getting Started with PhoneGap and PhoneGap Build. Migrating a WordPress Site From a Local Server to Production | Wptuts+ Integral to any WordPress developer's arsenal is the local server.

In this tutorial, I want to walk you all the way from installing a local server to theming, exporting databases, and beyond. What We Will Do In this tutorial, I will take you through the entire process of installing a local server on your computer, creating a mock site, and deploying that site in production. By the end of this tutorial, you should be able to understand how to: Install a local server and configure WordPress locallyImport content into your local databaseCreate and edit a site or plugin locallyInstall and configure WordPress on your production serverImport database content into your production siteTransfer the wp-content folder that houses plugins, themes, and other elementsSit back and enjoy clients that love you because of minimal downtime!

And, really to me that last point is what it's all about. Step 1. I personally use MAMP (I'm a Mac guy all the way), and it is available for download here. Step 2. Kickstrap: Bootstrap with apps, themes, and extras. Blueprint: A CSS Framework | Spend your time innovating, not replicating. WordPress Development and Deployment With MAMP, Git and Dropbox | Wptuts+

Nowadays in order to be a freelance WordPress developer you often need to develop simultaneously several WordPress sites for different clients. Here's how. This requires you to adopt the following: A flexible local development environment that allows you to easily add a new site, with a modern Version Control System and that allows you to develop both on your desktop computer and on your notebook.A reliable and secure deployment system to the remote server. With this setup you can easily: locally develop and test your new plugin or theme in a safe way and deploy it to the production server;locally update the WordPress core files or update already installed plugins/themes in a safe way, check that nothing breaks the site and deploy this changes to the production server;make quick changes on some files on the remote server and then fetch them on the local environment.

Before We Begin In this tutorial we refer to Mac OS X but you can easily adapt it to any other OS. What We Will Do What You Need. Sinatra. Foundation: Grid System. Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Less Framework 4. I called Less Framework "a CSS grid system for designing adaptive websites". It was basically a fixed-width grid that adapted to a couple of then popular screen widths by shedding some of its columns.

It also had matching typographic presets to go with it, built with a modular scale based on the golden ratio. The resources it was originally published with are still available on GitHub. Contrary to how most CSS frameworks work, Less Framework simply provided a set of code comments and visual templates, instead of having predefined classes to control the layout with. /* Default Layout: 992px. Less Framework was popular in the early days of responsive design. Eventually, I moved on from fixed-width grid systems and worked on a fully fluid-width one, in the form of Golden Grid System. Less Framework's popularity was helped by the following contributions and the lovely people behind them (dead links crossed off): I Love These 12 Twitter Bootstrap Tools and Resources (and You Will Too)