Bittenbook Designing and managing web layouts by positioning individual elements proves to be cumbersome specially for modern web-based products which cater to various sizes of viewports. Enters Flexbox, a CSS layout model, which simplifies designing layouts for webpage / webapp. It’s a layout mechanism through which elements are arranged in rows or columns seamlessly. So without … Read more
We have already covered the essential concepts of CSS in Part 1, 2 and 3 of this tutorial series. Based on the concepts we’ve covered so far, let’s stylize an important HTML element i.e. HTML Form and its related elements. Usage of HTML Forms becomes ubiquitous when developing web applications, therefore their proper styling is … Read more
External Style Sheets So far in this tutorial we have used inline CSS (Part 1) and internal CSS (Part 2) respectively. Now let’s introduce external CSS. The drawback of using inline or internal CSS is that the styles defined as such are limited to only one element or webpage respectively – that’s OK if your … Read more
At the end of Part 1 of this tutorial we introduced <style></style> tags of HTML in order to define styles globally. By changing styles of <a></a> globally, we changed it for all the links. Problem with defining styles and modifying default look and feel of HTML elements is that we will have same look and … Read more
In this tutorial, we’ll learn the core concepts and essential mechanics of CSS. This tutorial assumes that you know the basics of HTML; if you don’t then you can refer to this HTML tutorial. CSS (Cascading Style Sheets) is more like a styling protocol than a full fledged programming language. Using CSS, we can style … Read more
Continuing from Part 2 of this tutorial, we move on the very crucial topic of Forms and its controls. Forms are primary way of providing input to the website or webapp. For example if we log on to a website, the portion of the webpage requiring our login name and password is actually an HTML … Read more
Continuing from Part 1 of this tutorial where we covered very basics of HTML, in this part we move on to understand lists and tables in HTML. Lists Sometimes we need to list certain items either vertically or horizontally e.g. menu items. For that purpose, we have <ol></ol> and <ul></ul> tags in HTML. <ol></ol> represent … Read more
In this tutorial, we’ll learn the very basics and essentials of HTML (Hypertext Markup Language). HTML is the building blocks of every webpage or a web-app. This comprises of markups or tags which represent the building blocks of a webpage. Most of the HTML markups have opening and closing tags. For example, if you want … Read more
In this tutorial, we’ll learn how to deploy Laravel 8 app on DigitalOcean droplet. This tutorial assumes that you have already set up the droplet server using Ubuntu 18.04 LTS (any other Ubuntu version should do just fine) and installed MySQL, Nginx, PHP7.4 (Laravel 8 requires PHP 7.3+ version) along with Composer. And you’ve ssh’d … Read more
In this article we’ll setup Laravel 8 development environment onto MX Linux box. Since MX Linux is based on Debian, the instructions herein, though untested, may still be valid for any Debian based Linux. Unlike previous article where we used Bitnami Lamp bundled software, here we’ll use repositories to individually install all the components required … Read more