24 CSS Selectors – Combination Selectors , Multiple Selectors

CSS Selectors - Combination Selectors , Multiple Selectors

24 CSS Selectors – Combination Selectors , Multiple Selectors   In the last post you did learn about Pseudo Selectors. In this post you will learn about Combination selectors. First, let us talk about the combination selectors, then we’ll talk about Multiple selectors which are very easy to understand.     COMBINATION Selectors   Combination selectors arise when you use

23 CSS Selectors – PSEUDO Selectors

23 CSS Selectors – PSEUDO Selectors

23 CSS Selectors – PSEUDO Selectors   In the last post you learned how to use Attribute Selectors in CSS .  In this post you will learn how to use Pseudo-class and Pseudo-elements selectors.     These selectors will select an element when they are in a certain location or when they are in a certain state. For example,  when

22 CSS Selectors – Attribute Selectors

CSS Selectors – Attribute Selectors

22 CSS Selectors – Attribute Selectors     In the last post we looked at Simple Direct CSS selectors. In this post you will learn how to use the html attributes as CSS selectors.   Attributes describe more characteristics of an HTML tag. In the last post you came across the id and class attributes. Apart from all the many

21 CSS Selectors – Direct Selectors

This allows for selecting all the html elements on a page.

21 CSS Selectors – Direct Selectors   In this post let’s talk about direct selectors. These work by targeting a direct element in html, its identity or its class. We touched on these simple  selectors in the last post. We will look at the following: Element selectors / Tag selectors Class Selectors ID Selectors     Element selectors / Tag

20 Understanding CSS Selectors – Introduction to Selectors

20 Understanding CSS Selectors - Introduction to Selectors

  20 Understanding  CSS Selectors – Introduction to Selectors   The most important thing in CSS is selectors. I say this because, if your selectors are incorrect, the element you would like to style will not be styled. It is therefore important for you to learn how to use selectors correctly. You should watch the above video for illustrations.  

19 Adding background with CSS

19 Adding background with CSS - HTML and CSS Tutorial

19 Adding background with CSS – HTML and CSS Tutorial   In this post we’ll add a background to our html template. You may watch this full tutorial here and download all the files here.   Adding Background color body { background-color: black; }   background-color will define the color of any HTML element. In the above example, it makes

18 Parts of CSS – HTML and CSS Tutorial for beginners

In this post let us look at the various parts of CSS.

18 Parts of CSS In this post let us look at the various parts of CSS. We are going to do this by analyzing the sample CSS code below: body { background-color: #fff; color: #000; }     Explanation of the code In the above styles, the first part (background-color: #fff;) will  make the background color of the body/page white.

How to replace the Hamburger button with “MENU” on Squarespace

How to replace the Hamburger button with "MENU" on Squarespace

Watch the video for the step by step guide. To add this code into your Squarespace, go to Settings , then Advanced . Then go into Code Injection . Add the following code. And save <style> .top-bar, .middle-bar, .bottom-bar {display:none;} .mobile-nav-toggle {margin-right:1rem !important; } .mobile-nav-toggle.fixed-nav-toggle { opacity:0; } .mobile-nav-toggle::after { content: ‘MENU’; margin-left: -2rem; } .mobile-nav-open .body-overlay { cursor: pointer;}

17 CSS Tutorial – Using CSS in HTML and Browser Extensions

17 CSS Tutorial – CSS in HTML and Browser Extensions

17 CSS Tutorial – CSS in HTML and Browser Extensions In the last post we started looking at CSS in HTML. In this post well look at how CSS is used in HTML. We’ll look at examples of each case. We’ll also talk about some Browser plugins we’ll use for the CSS tutorial.   Let’s start by looking at how

16 CSS Tutorial begins – HTML and CSS Tutorial for Beginners

CSS Tutorial begins – HTML and CSS Tutorial for Beginners

CSS Tutorial begins – HTML and CSS Tutorial for Beginners In the last fifteen posts and Videos we looked at HTML. In the next fifteen we’ll look at CSS . If you want to learn more about HTML, check out this HTML/CSS tutorial .     You have learned how HTML works. How it is used. So, let us move

15 More about accessing images in a directory

15 More about accessing images in a directory

15 More about accessing images in a directory In the last post we looked at how to access an image in a folder. The  image folder and the HTML file were in the same location. To embed the image it was done as follows: <img src=”img/image.png” alt=”Image sample” title=”Hi”> In this post we are going to look at how to

14 HTML img Tag – displaying images in a folder

14 HTML img Tag - displaying images in a folder

14 HTML img Tag – displaying images in a folder   In the last post we learned how to display images. You also learned how to connect an image to its caption using the <figure>  and <figcaption> HTML5 elements.   As shown in the image above, sometimes your images will be in a folder. And they have to be accessed

13 How to display local images in HTML

13 How to display local images in HTML

13 How to display local images in HTML   In the last post we looked at somethings about the <img> Tag. You learned about various attributes that are part of the img element. We also added the following html code, which should display an image from an external source. <img src=”http://lorempixel.com/400/200″>   Even though the above code brings in an

12 Working with Images in HTML – HTML CSS Tutorial

12 Working with Images in HTML - HTML CSS Tutorial

12 Working with Images in HTML – HTML CSS Tutorial In this post let us talk about how to work with images in HTML. The tag responsible for images in HTML is the <img> tag . The <img> tag does not need to be closed like most others.   How to add an image in your Web Page To embed

11 More about HTML

11 More about HTML - Nested DIVS

11 More about HTML Divs In the last video we looked at other things relating to HTML Divs . In this video we covered how to do Nested divs, that is a div within a div. The most important thing to know about divs within divs is the locations of the opening (<div>) and closing (</div>) div tags.    

10 More about HTML

10 More about HTML divs . html and css tutorial

10 More about HTML divs In the last video we said that a div is used for grouping elements that we may want to style in a certain way. In this post let us look at some examples of what a page may look like with div elements in it. The way I’m going to do this post is by

9 The

9 The Tag in HTML [DIV tag]

9 The <div> Tag in HTML [DIV tag] The <div> element is used as a container. By default the <div> does not contain anything. It is you who will put other elements inside of it.   A div can be used as a block to group different elements in a web page. For example you may have a div that

8 HTML and CSS Tutorial – Paragraphs and Headings

HTML and CSS Tutorial - Paragraphs and Headings

8 HTML and CSS Tutorial – Paragraphs and Headings In this post let’s look at the Paragraph (P Tag) and the Heading Tags.     <p> –  Paragraph Tag This is used to represent blocks of Text in HTML.  The <p> tag is used to represent paragraphs. Paragraphs can be a group of text content which is separated by horizontal

7 Structure of HTML web page

HTML CSS TUtorial for all

7 Structure of HTML web page Every HTML web page has a similar document structure that has the following parts: The full HTML This is the area enclosed between the opening and closing html tag – <html> </html> . It comes immediately after the  <!DOCTYPE>  declaration. Everything else will be within this. The Head Section This section contains the title

6 HTML CSS Tutorial – HTML declarations

6 HTML CSS Tutorial – HTML declarations The HTML declaration (<!DOCTYPE>) will be the first thing you write on your html document before anything else. This is how the browser knows the version of HTML to expect.   All other HTML versions have a Document Type Definition (DTD) except for HTML5 . The DTD defines the accepted document structure, accepted

5 About the HTML extension

5 About the HTML extension   In this post/video let us talk about the HTML extension. The current extension for HTML documents is  .html (dot html)  . For example some sample files could be: index.html home.html file.html Etc   Create your file You are going to take the sample html code I have below. And you are going to create

4 Top Browsers for your Web Design Tasks

  4 Browsers for your Web Design Tasks In this video we’ll talk about some browsers you may download and install. We’ll talk of the browsers you already know about. As a Web Designer you will need to have different browsers on your machine.   All browsers are essentially free, hence you can download as many as you want. We’ll

3 HTML Code Samples – CSS/HTML Tutorial

11 More about HTML - Nested DIVS

3 HTML Code Samples – CSS/HTML Tutorial   In this HTML Tutorial we’ll go through the simple HTML code sample below .  In each video, you’ll learn about some specific element of HTML. By the end you will be able to understand what each part and tag does. You will learn to edit the various HTML Tags . <!DOCTYPE html>

2 HTML and CSS Tutorial – Choosing a Text Editor

2 HTML and CSS Tutorial – Text Editors Welcome to another HTML and CSS tutorial section. In the above video, you’ll choose a text editor to download .   Remember  that you may watch the full HTML and CSS tutorial here.   Throughout this tutorial, you will be writing some CSS and HTML code. If you don’t have a text

1 HTML and CSS tutorial for beginners

1 HTML and CSS tutorial for beginners   Over the next 30 days, you’ll learn HTML  and CSS from the videos / posts I will add for you here. If you don’t know HTML/CSS and would like to learn them, follow me on Facebook. And you will be alerted every time a new post is made.   How to Stay

Broke man’s guide to starting a blog / Website / eCommerce site

A guuide to starting any Website

Intro This is a guide about starting a website. The assumption is that you have no idea where to start. But you are very motivated to learn whatever you need to learn. This is a guide that will revolve around WordPress (WP) . Maybe. Just maybe . In future there will be a more popular. And an easier to use

The Top 50 JavaScript courses

Top 50 Javascript courses on Udemy

The Top 50 JavaScript courses on Udemy If you’re interested in learning JavaScript ( JS ) then Udemy offers tons of courses! Here are the Top 50 JavaScript courses on Udemy. The courses are not ranked based on instructor or content basis .  The rankings are based on student feedback and student enrollment. If after reading this , you join

Top 10 Internet Marketing courses

IM = the top 10 marketing courses that will help you

Top 10 Internet Marketing courses   Marketers are always dealing with tangible growth and marketing pressures. Below are the top 10 marketing courses that will help you address the challenges, opportunities, and complexities in this field. These courses include full lifetime access, certificate of completion, articles, videos and much more. Some of these are free and some are paid.  

Array Example in Java Continued [Video]

Array in programs

  This is a direct continuation from this Array example in Java. In this video you shall: declare the array, initialize the array elements and output the array elements on screen     Introduction to programming If you are interested in learning more things like these. Things that will teach you about programming. Join The introduction to programming using the

Array Example in Java [Video]

Array in programs

  In this video we shall start by looking at one way of declaring Arrays in Java. This video is a continuation from this one on accessing arrays.   You shall see how to declare an array. I will be using ideone.com for the demo SO you will not need to install anything. This video is part of the Introduction