background preloader

HTML5/CSS3/AngularJS/jQuery

Facebook Twitter

Using Bootstrap Forms and Validations Classes - Tutorial. In this article, I am going to explain you how to create forms in Bootstrap 3.

Using Bootstrap Forms and Validations Classes - Tutorial

We will see how to create different types of forms and how to make them responsive. We will also have a look at various validation classes that Bootstrap comes with. Forms are very basic and important HTML components for any website. It is used for many different purposes like Asking for newsletter subscription, Creating contact us forms, getting user feedback, Making status on social media, etc.

Forms are here to stay! With Bootstrap 3, you just have to place HTML forms markup and leave the styling part to it. Getting started with Bootstrap 3 forms Before we jump into creating forms, we need to setup Bootstrap files and an html page. <! The above is a Bootstrap recommend markup to render Bootstrap properly across all devices. The above markup also contains Bootstrap's container component. So, let's get started with the forms.

Alertify.js - browser dialogs never looked so good. Unfortunately, I will no longer be maintaining alertify.js.

alertify.js - browser dialogs never looked so good

I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I wish I had more time or contributions to keep it going and make it better, but the sad reality is that not usually the case on these kinds of projects. Forks I will be updating this site to list forks of alertify.js. Example - Server-side processing. Ionic Flickr Search Example: v0.9.25. Use AngularJS to Power Your Web Application. AngularJS is a truly amazing approach to developing JS-heavy web applications AngularJS, by Google, is a well-organized, well-tested, versatile, powerful and flexible JavaScript MVC framework for building rich client-side applications.

Use AngularJS to Power Your Web Application

You still may need to have a server-side backend, but the majority of the user-interactivity logic will be delegated to the client-side. This includes stuff like form submissions which are handled via AJAX, model validations, template handling and data-binding. If these things are foreign to you then read onwards and see how you can benefit from building web applications in a much more radical way. This page was first published on August 15th 2012 and was last updated on October 29th 2012. This article briefly outlines what Angular can be used for and the basics of how it works. This article also explains how angular can be used with MooTools and JQuery in harmony.

Next, include a new javascript file into your website and set this code: Now here's the HTML: AngularJS. Best Responsive Web Design Tutorials. Web world is changing with a pace that one can’t imagine.

Best Responsive Web Design Tutorials

The latest trend in the web designing if you all know is responsive web designs. Responsive Web Design popularly known as RWD lets users view website in different devices like desktop, tablet, mobile and others. If your website is responsive it is likely to get more traffic compared to websites that are not. Responsive website designing is not as easy as it sounds to be. It is actually crucial for the designers to learn the technique. To describe responsive website in one line it can be said that its a technique for resizing the website using HTML and CSSS that depends upon what device is used to access the website. For designers it can be one daunting task to kickstart responsive web designing without clear understanding and help of those who are already well acquainted with it. Why not check out these useful responsive web design tutorials and follow the step-wise procedure of getting acquainted with responsive web designing.