• Blog Homepage
  • Website Homepage

Magic Monk's Blog

Follow Magic Monk's Journey

Fitness

Magic Monk One Punch Man Workout Part 3 – One Punch Man Challenge Tracker

By Magic Monk on Saturday, November 16, 2019

In this video, I talk about the One Punch Man Workout Tracker app specifically, how I use it and my progress in the workout. I do use other apps too to support my workout and these will be discussed in subsequent videos. This app is available at this address: https://play.google.com/store/apps/de… Follow my progress on my …

Continue Reading
0
IT Education

Make a mobile responsive website with Bootstrap lesson 8 – Carousel

By Magic Monk on Friday, November 15, 2019

In beginner tutorial 8 for Bootstrap, we introduce you to another component – the Carousel. We start off by just inserting three images onto the page, and then we turn them into an automatic slide show, with a set time interval. We then talk about how to turn off the automatic timing and insert manual …

Continue Reading
0
IT Education

Make a mobile responsive website with Bootstrap lesson 7 – Popovers

By Magic Monk on Thursday, November 14, 2019

In this tutorial we will focus on popovers with Bootstrap. We will cover: how to turn an anchor into a popover, how to initialise popovers using Jquery, how to change the placement of popovers, different ways to make popovers disappear and enabling HTML in popovers.

Continue Reading
0
IT Education

Make a mobile responsive website with Bootstrap lesson 6 – Customize the Navbar

By Magic Monk on Wednesday, November 13, 2019

After watching this lesson you will be able to style the nav bar as you please. This includes changing the colors of text and background or border of the whole navbar or the elements inside it such as the header or the links when they are hover or active.

Continue Reading
0
Fitness

Magic Monk One Punch Man Workout Part 2 – Which apps to use?

By Magic Monk on Tuesday, November 12, 2019

Hey guys, In this video, I talk about the apps which I use to help me in my One Punch Man Workout. Each of these apps will be talked about in more detail in subsequent videos. Follow my progress on my instagram: www.instagram.com/magicmonk.tv/

Continue Reading
0
IT Education

how to make google map embed iframe responsive with bootstrap

By Magic Monk on Monday, November 11, 2019

I tried to embed a google map onto my page but with the default code provided by google, the map has a fixed width which does not change when you resize the window or view it on mobile. This makes it very difficult to view on mobile as you will have to zoom in and …

Continue Reading
0
IT Education

Make a mobile responsive website with Bootstrap lesson 5 – Jumbotron, Scroll Spy

By Magic Monk on Sunday, November 10, 2019

In this lesson you will understand the Jumbotron component, what it does, and how to change its margins to get rid of white spaces. You will then understand how to use scroll spy to make the navigation bar track where you are on the page, and change the offset so it tracks where you are …

Continue Reading
0
Fitness

Magic Monk Starts One Punch Man Workout – Follow My Progress on Instagram

By Magic Monk on Saturday, November 9, 2019

Hey guys, I’ve started doing the One Punch Man Workout at my own pace. I’m still in the very early stages and many modifications are yet to come. Follow my progress on my instagram: www.instagram.com/magicmonk.tv/ More videos on this coming soon.

Continue Reading
0
IT Education

Make a mobile responsive website with Bootstrap lesson 4 – Adding a navigation bar

By Magic Monk on Friday, November 8, 2019

In this lesson we talk about the code behind the navbar, so not only do you just add the bar but you know what it means, mostly. We also learn how to fix the navbar to the top.

Continue Reading
0
IT Education

Make a mobile responsive website with Bootstrap lesson 3 – Grid system

By Magic Monk on Thursday, November 7, 2019

In this lesson we talk about how the bootstrap grid system works – how to respond to the device width and change the number of columns (e.g. 3 columns on desktops, 2 columns on tablet, 1 column on mobile phone).

Continue Reading
0

Posts navigation

← Previous 1 … 12 13 14 15 16 … 75 Next →
Theme by Scissor Themes Proudly powered by WordPress