background preloader

List of Twitter Bootstrap Resources and plugins

List of Twitter Bootstrap Resources and plugins

http://bootsnipp.com/resources

Related:  alessiocangemi

SVG Coordinate System The coordinate system of SVG (and most other computer graphics) is a bit different from the coordinate systems of mathematics, graphs etc. Video Version Here is a video version of this tutorial: Flat UI - Free User Interface Kit Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie JavaScript and jQuery PDF Viewer Plugins Today’s post is about some JavaScript and jQuery PDF related plugins we found on the Internet that allows you to embed and view PDF files. Enjoy! Related Posts: pdf.js PDF Reader in JavaScript. SourceDemo

Jcrop - Deep Liquid Jcrop Home • Download • Manual • Examples Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications. Feature Overview Attaches unobtrusively to images or block objects Supports aspect ratio locking Supports minSize/maxSize setting Callbacks for selection done, or while moving Keyboard support for nudging selection API features to create interactivity, including animation Support for CSS styling, now uses LESS Touch support for iOS, Android, etc Cross-platform Compatibility

Beautiful Buttons for Twitter Bootstrappers This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) First, monkey with the sliders on the left. Use your arrow keys for extra precision. (Button Puffiness might not affect all browsers.)

Online SVG image converter Online image converter This free online image converter lets you convert your images to the Scalable Vector Graphics (SVG) format (experimental). You can either upload a file or provide a URL to an image. Additionally you can select digital effects to enhance the image. If you convert from raster images like PNG or JPG, this SVG converter will convert your shapes and objects to black and white vector graphics that are scalable without any loss in quality. 35 Beautiful Free Flat Icons Sets that You can Use Toolkits Like fashion, designs are changing day to day, and today’s awesome designs focus on simplicity and flat designs rather than complex gradients and all. A recent event that can be referred to this is the introduction of Apple iOS 7, which unveiled flat icons and a simpler design. Flat icons are a new trend in designing UI, and they are perfect if you are looking for a good and minimalist design to capture your audience’s attention, and nothing can be better than a collection of some awesome and beautiful free flat icons. So, here is a list of well-designed flat icons that are free to use. Beautiful Free Flat Icons Sets

validate.js Lightweight JavaScript form validation library inspired by CodeIgniter. No dependencies, just over 2kb gzipped, and customizable! validate.js (development - 16kb) validate.min.js (minified - 2.1kb) Breeze Todo It seems every JavaScript library must have a Todo sample. The Breeze Todo isn't much more than a "Hello World", but it demonstrates Breeze's ability to query; create, modify, and delete entities; validate, and save. Give it a try. Variations BreezeJS is designed to work with a variety of JavaScript libraries. 49 Free Responsive HTML5 CSS3 Website Templates HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3. The css3 website templates we are introducing today are totally free with amazing features like flat design, responsive layout, jquery sliders etc. Free doesn’t make it any bad as you can see most of these html templates look like premium templates.

transition The transition property is a shorthand property used to represent up to four transition-related longhand properties: That div will take half a second when the mouse is over it to turn from red to green. Here is a live demonstration of such a transition: You can specify a particular property as we have above, or use a value of "all" to refer to transition properties. In this above example, both background and padding will transition, due to the value “all” specified for the transition-property portion of the shorthand.

Related:  webdev