Plunker is an online community for creating, collaborating on and sharing your web development ideas. In the website’s tag line it says: “Helping developers make the web”. The Plunker website lists it’s main features: Real-time code collaboration Fully-featured, customizable syntax editor Live previewing of code changes As-you-type code linting Forking, […]

Plunker Introduction

Inspect Element is a feature of Firefox and Google Chrome. You can look at the source code of a web page in detail and exactly at the location you want to view. There are videos on Youtube explaining how to use this feature, but you really need a solid knowledge […]

Inspect Element

Cascading Style Sheets (CSS) are powerful tools of convenience when styling web pages. A style sheet is text that contains one or more rules that determine how certain HTML elements in your web page should be displayed. An HTML element is an individual component of an HTML document that usually […]

CSS Introduction

How do you add custom styles to your widgets? Suppose you have a widget in your right sidebar. Suppose you wanted to give one of your widgets more visual importance by giving it white text against a grey background. wpbeginner.com has an article on that topic. There is a plugin […]

Styling WordPress Widgets

Here is some Child Theme CSS that can change the maximum width of your WordPress Twenty Twelve themed Site. Include it in your styles.css file in your child theme. This site uses the Twenty Twelve theme. You can change the background color of the whole site just to see the […]

CSS Max Site Width

Basic HTML Concepts A webpage is made up of three components: text content, references to other files and markup. HTML markup is composed of elements, attributes and values. Semantic HTML means that content is marked up with HTML elements that best describe it without regard for how the content should […]

HTML Introduction Part 2