Tag Archives: Web Technology

What Makes Up A WordPress Website?

Anatomy of WordPress Page

The anatomy of a WordPress website is not as complicated as you think. A WordPress website is a bunch of PHP and CSS files with a MySQL database. PHP files are the templates that act as a skeleton to display the data. CSS files holds the design configurations like colours and fonts. MySQL database holds the content of the posts and other …

Read More »

JavaScript and jQuery

jQuery

JavaScript is the programming language of the web. HTML defines the content and CSS defines the style. But it is JavaScript that provides most of the action and interaction! Just like most other programming languages, JavaScript has variables, operators and built-in methods. There are also conditional loops using if…else, for, while and switch…case. Further on, coders can write functions to introduce many interactive behaviours on the website. Using the …

Read More »

Go for SASS instead of CSS

SASS

So have you heard of the Sassy kid in the web development block yet? Syntactically Awesome StyleSheets (SASS) is the most mature, stable, and powerful professional grade CSS extension language in the world. It is indeed CSS with superpowers! Terseness is Overrated During my HTML-CSS-Only days, I found my verbosity extend to my CSS files as well. This made the …

Read More »

What is New in CSS3 ?

CSS3

Cascading Style Sheet or CSS adds style to a webpage, for example, the fonts, colours, sizing, spacing. It describes how the HTML elements are rendered both on screen and paper. CSS3 is the latest version CSS. CSS3 introduced new or extended features like animation, gradients, media queries, flexboxes, shadows and transforms. Some of these features are introduced for the benefit of mobile device programming. For example, using media queries …

Read More »

Boilerplate vs Bootstrap: What should I use?

HTML5 Boilerplate and Twitter Bootstrap

It was whilst exploring HTML5 that I came across terms like Boilerplate and Bootstrap. So what are these fancy words? Here is a simple overview. HTML5 BoilerPlate When a self-professed geek sits down to build a website from scratch, there are two thought processes. The task at hand is daunting and you wonder where to start. You have done it a million times …

Read More »

What is new in HTML5 ?

HTML5

HTML5 is the latest version of the markup language used for structuring and presenting content on the World Wide Web. In less technical terms, HTML is the language used to create a website and HTML5 is its latest version. What is new? HTML5 has introduced some new elements like <header>, <footer>, <nav>, <section>, <audio>, <video>, <canvas> and <svg>.  It has also introduced …

Read More »