How to Build a Company Timeline using Bootstrap and WordPess REST API

How to Build a Company Timeline using Bootstrap and WordPess REST API

So our Company wanted to build a Timeline. One that shows our projects throughout the years, decades even. One that is sleek, modern and responsive. We’re already running WordPress, and have Bootstrap installed. So this shouldn’t be too bad. It turns out – it was a pretty fun project to build. Our in house designers […]

Building a user registration system – Part 2: The Set Password and Login Forms

Building a user registration system – Part 2: The Set Password and Login Forms

So let’s continue with our registration system. We left off at the point where we have the registration page setup. So let’s try it out and fill in some information. Add your name and an email address. The fields should have validation, so you should see an error if you missed a field, or the […]

Building a user registration system – Part 1: The New User Form

Building a user registration system – Part 1: The New User Form

Almost every website will have some form of public and restricted area. WordPress for instance, has the admin side where you can create posts, manage plugins, install themes etc. For this tutorial, we are going to create a similar mechanism. One that will restrict users from accessing sections of the site. We will create a […]

How to make a SharePoint List work with Bootstrap – using SPServices and jQuery

How to make a SharePoint List work with Bootstrap – using SPServices and jQuery

For those of you who have worked with SharePoint in the past, particularly with lists, CEWPs (Content Editor Web Part) and front end code, then you probably know that these lists do not work well in mobile. The markup is just too messy – invalid tags, divs inside spans, inline Javascripts, inline styles and even […]

Let’s Add Next and Previous Buttons to our Bootstrap Photo Gallery

Let’s Add Next and Previous Buttons to our Bootstrap Photo Gallery

Update 11/14/2015: This has been converted into a jQuery plugin so the code below may be different from the demo files. For more information on how to use the plugin, read the first section in the previous tutorial. In our previous tutorial, we learned how to create a photo gallery with Bootstrap. Our gallery looks […]