Programmers Guide

The Noob Programmer’s Guide: Job hacking and learning programming in 3 months

Introduction

I’ve created this programmer’s guide for practical reasons. The first is trying to help people who are willing to learn to code by guiding them step-by-step.

In this sense, I’ve been talking with people who got into programming without having any sort of technical background and then started working in the field after only 3 months.

(more…)

Read More

Bootstrap Table. Thinking at what type of code should I use

Bootstrap Table Made Easy

Using the Bootstrap Table is a simple way to design an elegant table. It is easy to make, it has style, it is mobile responsive and it is used for a wide palette of practical applications.

Bootstrap Table. What is good for?

Bootstrap Tables are a beautiful way to create calendars, date pickers, shopping carts, billing reports, admin dahsboards and so much more. In its essence, a bootstrap table it’s a great way to show data.

(more…)

Read More

Bootstrap Modal with HTML

How to create a working Bootstrap Modal with HTML

Bootstrap Modal is very popular and important for the User Interface (UI). In this tutorial, we will learn how to create a Bootstrap Modal in 2 minutes.  It offers you a way to make information available for the user, without crowding what he sees at once.

The Bootstrap Modal is one of the most popular plugins offered by Bootstrap. This is a multi-purpose popup built with HTML, CSS and JavaScript. Basically, the modal is a scripted element that overlays over a website page.

Using the Bootstrap Modal plugin it is one of the best ways to load content inside a popup screen without writing any JavaScript.

(more…)

Read More

Bootstrap Contact Form

How to Create a Working Bootstrap Contact Form with PHP

Contact forms are one of the most common elements found on a web page, and they can be used to gather just about any type of information required from your users.

Fortunately, designing contact forms with Bootstrap is a breeze with all of the built-in classes available. But since Bootstrap is only a front-end framework, we need to introduce added functionality in order for to make the contact form functional.

In this step by step tutorial, we’re going to be creating a working Bootstrap contact form with PHP, a popular server-side language. Our contact form will also have built-in spam prevention and form validation. (more…)

Read More

CSS transitions buttons

4 Simple CSS Transitions to Enhance Your Buttons

Call to actions are one of the most important elements of a website, theme or template. When you think about it, almost every web page is designed with the goal of making the user take action.

Incidentally, buttons become one of the most important elements of your web design.

So why not dress them up a little bit and add some simple CSS transition effects.

In this tutorial, I’ll go over 4 simple CSS transitions you can use to enhance your buttons and add a little flare to your web page.

(more…)

Read More

bootstrap 3 carousel

Bootstrap 3 Carousel Tutorial

Bootstrap includes a handy plugin and component for cycling through slider images like a carousel. Sliders can be a great way to feature important content on your website.

In the following tutorial, we’ll show you exactly how you can add a carousel to your Bootstrap 3 website. It simply requires some HTML markup and a couple lines of JavaScript if you want to adjust the settings using that method. (more…)

Read More

bootstrap theming with less

Take the Pain out of Bootstrap Theming with LESS

To many, theming Bootstrap is a dirty word. Some complaints include: the framework is so large that I can’t be bothered, my website will look just like every other Bootstrap website, and it’s easier for me to just do it without a framework.

These are all valid arguments if you aren’t organized and using the power of LESS in Bootstrap theming.

I’ve put together a system for using LESS to speed up the process and give you a starting place for when you’re designing a new theme. With a little bit of planning, you can really start to leverage the power of Bootstrap. (more…)

Read More

Customizing Bootstrap

How to Customize the Default Bootstrap Style, the Right Way

If you take a look at the source code of some of your favourite websites, we wouldn’t be surprised if you found common elements of the Bootstrap framework being put to use. As Bootstrap is arguably the most popular front-end framework for web development, many designers and developers employ the framework for rapid responsive development.

But why do some of these sites look nothing like the default Bootstrap theme? Quite simply, additional CSS stylesheets were added or the default Bootstrap stylesheets were modified (let’s disregard LESS or SASS for the sake of this tutorial).

In this short tutorial, we’ll show you how to do this in a manner that is clean, easy to maintain, and allows you to update to future versions of Bootstrap without breaking your custom styles (providing that the update is minor). (more…)

Read More