Do I have to switch to Gutenberg when WordPress 5.0 is released?

Not at all. When it’s released, you get to choose what happens. You can install the Classic Editor plugin today and when 5.0 is released, nothing will change. We’ve commited to supporting and updating Classic Editor until 2022. If you’d like to install Gutenberg early, you can do that now too. The Classic Editor plugin has been available for 13 months now, and Gutenberg has been available for 18 months. Both have been heavily promoted since August 2018, and more than 1.3 million .org sites have opted-in already to either experience, so nothing will change for them when they update to 5.0.

Migrattion Bootstrap 3 to bootstrap 4

Migrating to BS V4

Class changes in bootstrap 4 from bootstrap 3

The most changes in class of  bootstrap 4 are summarized below:

Bootstrap 3Bootstrap 4
.col-*-offset-*.offset-*
.col-*-push-*.order-*-2
.col-*-pull-*.order-*-1
.panel.card
.panel-heading.card-header
.panel-title.card-title
.panel-body.card-body
.panel-footer.card-footer
.panel-primary.card.bg-primary.text-white
.panel-success.card.bg-success.text-white
.panel-info.card.text-white.bg-info
.panel-warning.card.bg-warning
.panel-danger.card.bg-danger.text-white
.well.card.card-body
.thumbnail.card.card-body
.list-inline > li.list-inline-item
.dropdown-menu > li.dropdown-item
.nav navbar > li.nav-item
.nav navbar > li > a.nav-link
.navbar-right.ml-auto
.navbar-btn.nav-item
.navbar-fixed-top.fixed-top
.nav-stacked.flex-column
.btn-default.btn-secondary
.img-responsive.img-fluid
.img-circle.rounded-circle
.img-rounded.rounded
.form-horizontal(removed)
.radio.form-check
.checkbox.form-check
.input-lg.form-control-lg
.input-sm.form-control-sm
.control-label.col-form-label
.table-condensed.table-sm
.pagination > li.page-item
.pagination > li > a.page-link
.item.carousel-item
.help-block.form-text
.pull-right.float-right
.pull-left.float-left
.center-block.mx-auto.d-block
.hidden-xs.d-none
.hidden-sm.d-sm-none
.hidden-md.d-md-none
.hidden-lg.d-lg-none
.visible-xs.d-block.d-sm-none
.visible-sm.d-none.d-sm-block.d-md-none
.visible-md.d-none.d-md-block.d-lg-none
.visible-lg.d-none.d-lg-block.d-xl-none
.label.badge
.badge.badge.badge-pill

Other Migration

In addition to the classes change and updates above, the following class names also need to be changed if you’re migrating from Bootstrap 3 to Bootstrap 4.

Bootstrap 3Bootstrap 4
< blockquote >.blockquote
.previous.pager-next
.next.pager-next
.item.carousel-item
.nav>li>a.nav / .nav-item

 

Sublime Text 3 and Live Reload with Auto Saving Features

How to use Sublime text 3 as live-server

    1. First you must installed sublime text 3 and node js to use sublime text as a live-server.
    2. Download Live Reload Plugin by opening Ctrl+shift+p on windows then type package control to install package control.
    3. type install package to install some package.
    4. type live reload to download and install live reload plugin.
    5.  configure Live Reload package setting at Preferences > Package Settings > Live Reload > Plugin > Enable it.
    6. in your Html CSS file git bash here.
    7. type

npn install -g live-server

live-server

now your changes would be saved automatically in browser as you type in your sublime text.

 

Getting Started with W3 CSS Framework??

Why W3 CSS Framework?

W3 CSS is a new CSS framework with in-built  responsiveness characteristics:

  1. Small in size and very fast to develop CSS templates compared to other design frameworks.
  2. Short Learning curve and easy to start the project.
  3. Amazing browser compatibility support.
  4. It doesn’t comes with jQuery and JavaScript Library. So your free to use any JS library.
  5. Default support for mobile friendly design.
  6. Homogeneous CSS implementation throughout all  browsers: Firefox, Chrome, Edge, IE, Safari, Opera etc.
  7. Homogeneous CSS for all platforms: Desktop, Laptop, Tablet, and Mobile.
  8.  Simplifies and speeds up web development.