Archive for the ‘Bootstrap’ Category

Understanding Bootstrap Modals

Posted on: No Comments
In my previous tutorial, I explained how powerful Bootstrap 3 CSS framework is for a novice designers. It ships with some of the best ready-to-use JavaScript and jQuery components and plugins. The framework has reached version 3.3.7 and it's getting re...

Setting Up an Angular SPA on Rails with Devise and Bootstrap

Posted on: No Comments
This article was originally published at jessenovotny.com. When I started programming my very first Angular single page application (SPA), I noticed the resources for setup and integration with Devise to be thin or fragmented. The most useful guide I ...

Quick Tip: Use Bootstrap Components without jQuery

Posted on: No Comments
Do you use Bootstrap's JavaScript components? Do you like Vanilla JavaScript? Then you might be interested in the Native JavaScript for Bootstrap project, which aims to remove the jQuery dependency required by the components by porting them to plain J...

Freebie: 3 Elegant Bootstrap Forms

Posted on: No Comments
The newest edition to our ever growing collection of freebies! This time we’ve prepared for you 3 awesome Bootstrap forms that you can directly copy and paste into your projects. Like all of our freebie templates, these forms are fully respons...

Bootstrap 4: Regular Grid VS Flexbox Grid

Posted on: No Comments
Bootstrap 4 introduced some changes to the grid system we are all so familiar with from version 3. These include a new XL grid tier, alteration to some of the modifier classes, and a brand new flexbox version of the said grid system. The regular and f...

Making a Simple Credit Card Validation Form

Posted on: No Comments
In this quick tutorial we will show you how to create a simple credit card form. We’ll build the whole thing from scratch, with a little help from Bootstrap 3 for the interface, and Payform.js for client-side form validation. Keep in mind that...

Front-end Tools: Some of My Favorite Finds of 2015

Posted on: No Comments
We’re just about at the end of 2015 and I’m sure you’d all agree it’s been another year jam-packed with new tools for web design and development. While doing my newsletter I’ve come across lots of interesting things, so I thought it would be ...

Learn the Bootstrap Grid in 15 Minutes

Posted on: No Comments
Bootstrap is the most widely used frontend framework right now. When it comes to building responsive websites and apps, it’s the first choice of both professionals and hobbyists because of how simple it is to work with. Anybody who knows HTML...

An Editable Grid with jQuery, Bootstrap, and Shield UI Lite

Posted on: No Comments
In this short tip, I provide a few easy steps to set up an editable grid (or table) using Bootstrap and Shield UI Lite. Shield UI Lite is an open source jQuery library that includes, among other components, a jQuery grid. The grid supports editing out-...