Example of using the Chrome Developer tool for debugging
Today, I will show you an example of how you can use Chrome’s developer tool to help you debug and make changes to a website. In this example, we have an WordPress site and we want to replace...
read moreResponsive two-column layout using flex box
In a previous tutorial, we created a two column responsive layout using floats. In this tutorial, we will build a responsive two column layout using flex box, which just means that we will be using...
read moreResponsive two-column layout using table display
In a previous tutorial, we learned how to make a responsive two-column layout using “box-sizing: border-box” to put in the padding between the columns. In this tutorial, we will also...
read moreResponsive two-column layout using negative margins
This tutorial continues directly from the last tutorial, which you should read first. There we saw a responsive two-column layout with 20px padding in the columns which looks like this...
read moreBasic starter code for responsive web design
A basic starter code for a webpage using responsive web design would be like this … <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta...
read moreHow to build a responsive horizontal menu
In this tutorial, we will build a horizontal menu that is responsive and become vertical in mobile view. Consider this horizontal menu shown in desktop view … If you narrow your browser to a...
read moreHow does template inheritance work?
In this tutorial, we will explain how template inheritance work in the context of template engines such as Twig (see Twig getting-started tutorial). We will use the example found on Sensiolabs...
read moreExample YAML File with Explanations
The below is an example of a YAML file with some explanations provided. Note that it is called “YAML” (as opposed to YML). YAML stands for “YAML Ain’t Markup...
read moreWhat are all these JS libraries?
The front-end web development space has progressed a lot during the past few years with a lot of various different types of Javascript (JS) tools and libraries coming out. Here is a partial list of...
read moreAll contents are opinions and are copyrighted and may contain display ads and ad links for which site may receive revenues from.
See Terms of Use and Privacy Policy.