As a web developer, you can have zero lines of code in your stylesheet and your HTML will look slightly different depending on which browser you view it in.
That’s why we reset it. On reset-ting, we override any styling that you would otherwise inherit.
To ensure that any website will look the same across different browsers, everyone must reset or start about every project with a few lines of code in their top-level CSS file that look something like this:
By default, an element’s height and width are determined in the following…
Ruby is a “dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.” created by Matz.
For me the first reason to learn Ruby was that it is, in fact, a beautiful programming language. It is really natural to code it and always express my thoughts.
The second main reason was Rails. The well known framework that Twitter, Basecamp, Airbnb, Github, and so many companies use.
It’s easy — just create a file with the extension . rb , navigate to that file’s directory from the command line, and run it using $ ruby filename. rb (the dollar sign is just the command prompt). You’ll be able to gets from and puts to the command line now! …
em is equal to the computed font-size of that element’s parent. For example, If there is a
div element defined with
font-size: 16px then for that
div and for its children
1em = 16px.
Default font-size of the root element is provided by browser.
<div id="parent" class="parent">
<div id="outerChild" class="child">
<div id="innerChild" class="child">
Here, you can see we gave
font-size: 20px to
font-size: 1.5em to
.child. Computed font sizes of both
So, in this article, we’ll explore four of the most popular templating engines for HTML. We’ll look into why you might choose to use them, and where you’re likely to encounter them in other tech-stacks.
There are several technology-specific solutions to writing HTML.
Bootstrap is a powerful and popular mobile first front-end framework for building responsive mobile first sites on the web by using HTML, CSS and JS framework.
It contains mobile first styles throughout the entire library, instead of using them in the separate files.
The last stable release of Bootstrap v3.3.7 was in July 2016 and in August 2017, Bootstrap 4.0.0 beta version released.
Some people will ask or explain “How to install Bootstrap”. Well, you don’t really “install” it. …
Your website looks great of the desktop screen but it may not be true when your site is viewed on a smartphone or a tablet. Once you make the design responsive, the website will look good (and readable) on all screens.
With Responsive Design you can create one design and it will automatically adapt itself based on the screen size of the mobile device. This approach offers plenty of advantages:
DOM (Document Object Model) is a fundamental concept in front-end, and for sure, everyone who tried to learn programming has heard about it more than once. For beginners, it’s not so easy to understand what it exactly is and how to manipulate it. DOM manipulation isn’t so easy and comfortable, and the most important, it brings a lot of issues with performance. Nowadays, there are two essential concepts of DOM came with progressive web frameworks like Angular, React.js or Vue.js, Shadow DOM and Virtual DOM. …
Since the HTTP protocol is stateless, this means that if we authenticate a user with a username and password, then on the next request, our application won’t know who we are. We would have to authenticate again.
The traditional way of having our applications remember who we are is to store the user logged in information on the server. This can be done in a few different ways on the session, usually in memory or stored on the disk.
As the web, applications, and the rise of the mobile application have come about, this method of authentication has shown problems, especially in scalability. …