background preloader

PaintStrap - Generate Bootstrap themes using the color scheme

PaintStrap - Generate Bootstrap themes using the color scheme
Step 1: Input kuler theme Explain Access to Adobe kuler web site and select a theme you like. Input it's theme ID or permalink URL. * Please refer to a screen shot on the right. Step 2: Set colors

Related:  Web Design EssentialsframeworksDev

Bootstrap Date/Time Picker Introduction Simple date/time picker component based on the work of Stefan Petre, with contributions taken from Andrew Rowls and jdewit. Demo Code: Similar to above example, but in US date/hour format: Disables date picker: Introduction to Sass for New WordPress Theme Designers As a new WordPress theme designer, you would quickly learn the challenges of maintaining long CSS files while keeping them organized, scalable, and readable. You will also learn that many designers and front-end developers recommend using a CSS preprocessor language like Sass or LESS. But what are these things?

18 Essential Bootstrap UI Editors Bootstrap has exploded since Twitter released it in 2011, becoming one of the most popular responsive frameworks available. It boasts an extensive library of pre-styled components, plugins and add-ons that make kickstarting your next web project a breeze. There is no shortage of Bootstrap resources, but in this post, we will focus on the editing tools that allow you to customize the framework to suit your requirements. We gathered 18 of the best free and paid Bootstrap editors, available online or as desktop tools, to help boost your web development productivity. Are there any Bootstrap editors that you use and would recommend?

Bootstrap for GWT bootstrap4gwt Twitter Bootstrap for GWT a sample for Google Web Toolkit. Bootstrap, from Twitter Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. Web Developer Class: How To Use the JavaScript Lightbox Image Viewer You've probably seen the Lightbox JavaScript effect in action on many sites. It overlays a larger version of an image on top of the current page when the smaller image is clicked, and this tutorial for web developers will show you how you can use it on your pages! First, here is an example of how the Lightbox works: The Lightbox JS script was written by Lokesh Dhakar, and he has made it available for download and use under the Creative Commons Attribution 2.5 License so you can do anything you want with it as long as you leave his name and link within the script. To use the Lightbox on your own pages, you'll need to add the external stylesheet and JavaScript code within the HEAD of your document, like this.

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. 80+ AJAX-Solutions For Professional Coding Web-developers can create amazing web-applications with AJAX. Stikkit1, Netvibes2, GMail3 and dozens of further web-projects offer a new level of interactivity we’ve used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it’s the first step towards rich internet applications of the future.

Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup About This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features: Free CSS Drop-Down Menu Framework Description Free CSS Drop-Down Menu Framework was first released back in June, 2008. Since then it has struck the audiences with its perfect cross browser performance and wide variety of drop-down menu transformations and themes. User Interface UI Kit Introduction Gumby v2 is here. You haven't a moment to waste! So many new, amazing features await you! But first a quick crash course on the latest and greatest Gumby Framework. Some things you will need with you on this journey are:

File Upload Progress Twitter Bootstrap PHP As the title suggests, this tutorial is how to create a file upload progress bar to your existing Twitter Bootstrap / PHP powered application. This tutorial will be using the powerful jQuery ajaxForm . First we need to define a progressbar overlay in our CSS. Lets set one up to be 80% the width of its container, and centered vertically & horizontal.