How to center text in HTML

HTML is considered the language of the internet. It is primarily used for creating web pages that is easily understood by browsers. CSS are files used to format web pages.

We are now going to use CSS to format our text.

Deprecated way

This is the old way of doing this. This method has been deprecated in favor of the recommended way below:

<center>Your text</center>

Recommended way

The recommended way is to use the rule:

text-align: center;

Screen shot 2018 01 31 at 11.58.02 pm

 Add Index on Rails Active Record

Indexes are copies of columns of data from a database table. It makes is easily searchable and thus making it fast and efficient. In Rails an index can easily be adding via migrations with:

class AddIndexToTable < ActiveRecord::Migration
  def change
    add_index :tables, :column_id


We can add a unique option to make the index unique:

class AddIndexToTable < ActiveRecord::Migration
  def change
    add_index :tables, :column_id, unique: true

This, however, would not allow duplicate value for the same column.

Unique with Combination

We sometimes have join tables wherein we need to scope out combinations of ids. With this, we can add an index that references both columns:

class AddIndexToJoinTable < ActiveRecord::Migration
  def change
    add_index :join_tabes, [:column_id, :column_2_id], unique: true

This will make sure that combinations of column_id AND column_2_id are all the time.

 CSS: Using Inline-block

There has been a lot of confusion when using the inline-block value of the display css property. This is a simple tutorial for you when you find yourself needing inline-block.

float is a way to cleanly use up the whole width of the browser even with block elements like div and p. There is a problem when using floats. The container of this floats do not wrap around the floating content. This has resulted in using clear-ing of elements.

.clearfix {
  clear: left;  

Floating with and without clearing

See the Pen Float test with and without clearing by Thorpe Obazee (@pinoytech) on CodePen.

Using inline-block

inline-block is a way to float elements but not needing to be cleared. Below is a clear way to use inline-block

See the Pen Float and inline-block example by Thorpe Obazee (@pinoytech) on CodePen.

 How to Delete a Git Branch Locally and Remotely

Git is a version control system that is very widely used in the software development world. A few companies offers this as a SAAS like Github, Bitbucket and Gitlab

How to delete a local branch

git branch -d the_local_branch_name

How to delete a remote branch

You will just need to push to the remote the branch name that was deleted locally on your machine.

git push origin :the_remote_branch

Git Related Posts