background preloader

Start Bootstrap - Free HTML Templates for Bootstrap 3

Start Bootstrap - Free HTML Templates for Bootstrap 3
Related:  Internet related

Fontello - icon fonts generator Useful Tools, Scripts, and Resources for Front-End Developers Jul 11 2012 If you’re a front-end developer mostly focused on HTML, CSS, and JavaScript, then you’re probably always on the look out for ways to be more productive. In this post we’ll share some tools and other resources for front-end developers that you might find useful to include in your workflow. Tools and Scripts and Resources, Oh My! Font Stack Builder by Erin Lawrence This font stack builder lets you select a font stack and will tell you, using percentages, how likely it is for the fonts to be present on users’ systems. Browser Support by Paul D. This simple tool lets you type in the name of any CSS feature (including properties, selectors, at-rules, values, and more) and it will display a simple graphic-based chart that outlines browser support. CSS Hat This looks like quite a revolutionary tool. According to the website, “wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. OpenWeb Icons Gradient Scanner by Kevin Decker (rb)

Bootstrap Visual Editors In this post I compare the features of currently available Bootstrap editors, discuss how good a job they do in practice before coming to a conclusion about which of them currently is the best Bootstrap Visual Editor. Best Bootstrap Visual Editor For designers who either don’t know how to write code or don’t like to write code using a visual editor can be very appealing. To see which is the best Bootstrap visual editor I’ll briefly discuss their features. Layoutit Layoutit features Layoutit has a simple to understand graphical interface. Layoutit doesn’t have a code editor. With Layoutit you’re limited to dragging and dropping the elements. Currently no CSS styling or the option to apply a theme is included with Layoutit. Layoutit in practice At first glance adding new elements to the canvas seems easy. I also discovered that components are not always correct (e.g. you get 3 thumbnails or 2 media objects at once when you try to insert one). Bootply Bootply features Bootply in practice Divshot

Ligature Symbols by Kazuyuki Motoyama Logos Please copy & paste this code to your HTML file or Stylesheet. <!-- HTML --><p>Simple use for mailto link. Download How to make this font ? Ligature Symbols is to display the symbol with a ligature features. About me Copyright © 2012 kazuyuki motoyama (kudakurage)

34 Free Open Source CSS Code Snippets for Developers Get the FlatPix UI Kit for only $7 - Learn More or Buy Now With a quick Google search you will find a ton of handy CSS2/CSS3 code snippets. But what about pre-built CSS web interfaces? There are some cool widgets and samples out there, but it can be difficult finding great high-quality releases. I think developers really treasure open source codes for the fact that it saves a lot of time putting together more complicated websites. In this showcase gallery I have organized 34 outstanding and free CSS code snippets. Glossy Buttons Facebook Login Form Dark Datepicker Pricing Table Social Buttons Notification Windows Dark and Light Dropdowns Newsletter Signup Form Dark Pagination Settings Panel Multi-colored Buttons Notification Badges Flip-Down Clock Share Buttons Modal Contact Form Notepaper Blockquote Toggle Switches Metal Progress Bar OSX-Style Window Search Dropdown Mini Social App Month Picker Animated Progress Bar Inset Side Navigation Login Form Dark Navigation Light Horizontal Nav Dark Horizontal Nav

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. Second, copy the CSS in the box below. You should be able to just pop it into your CSS file.

Tutorial: Developing a PhoneGap Application In this tutorial, you create a fully functional employee directory application with PhoneGap. You will learn: How to use different local data storage strategies.How to use several PhoneGap APIs such as Geolocation, Contacts, and Camera.How to handle specific mobile problems such as touch events, scrolling, styling, page transitions, etc.How to build an application using a single page architecture and HTML templates.How to build (compile and package) an application for 6 platforms using PhoneGap Build. To complete this tutorial, all you need is a code editor, a modern browser, and a connection to the Internet. Setting Up Download the assets for the workshop here.Unzip the file anywhere on your file system.If your code editor allows you to “open a directory”, open the phonegap-workshop-master directory. Step-by-step solution files are also available here. Part 1: Choosing a Local Storage Option Step 1: Explore different persistence mechansisms Part 2: Building with PhoneGap Build

Font Awesome, the iconic font designed for Bootstrap code.tutsplus Want to learn how to use PhoneGap, but don't know where to get started? Join us as we put together "Sculder", not only a tribute to an excellent science fiction TV series, but a fully-fledged native mobile application for the believer in you! In this series, we will build a mobile application using some of the features in PhoneGap. In this first part, we will take a quick look at what PhoneGap actually is and what you can use it for, and then look at the installation of the PhoneGap framework and the SDKs that we require for testing on OS X, Windows, and Linux environments. What is PhoneGap? By now you probably have a good idea of what PhoneGap is and you've probably even used it, but, if not, here's a brief overview. PhoneGap was born out of iPhoneDevCamp in 2008, where it was created simply because there were not a lot of Objective-C developers in comparison to Web Developers. At the time of publication (e.g. Install & Hello World for iOS Install & Hello World for Android

Phonegap com Eclipse: programação Android no Windows | Frederico Marinho Para os iniciantes no desenvolvimento de aplicativos para Android utilizando o framework PhoneGap, esse guia descreve como preparar o ambiente no Windows, deixando tudo pronto para começar a programar. O PhoneGap é uma ferramenta gratuita e de código-fonte aberto que permite criar aplicativos mobile de forma rápida para Android, iPhone, iPad, BlackBerry, Windows Mobile e outras plataformas utilizando HTML5, Javascript e CSS. A principal vantagem do PhoneGap é ser cross-platform, que quer dizer que uma vez desenvolvido o aplicativo, o mesmo código-fonte poderá ser utilizado para qualquer outra plataforma sem a necessidade de ser reescrito em Java, Objective-C ou qualquer outra linguagem. 1. Pré-Requisitos 1.1 Java JDK É necessário ter o Java instalado no seu computador antes de inciar. Faça o download do Java JDK em Download do Java JDK 1.2 Apache Ant 2. 2.1 Android Developer Tools Faça o download do ADT Bundle for Windows. 3.