The flexible box model is very popular. Many websites use this feature to build modern desktop and mobile web applications. It should be used for the correct placement of HTML elements on a web page. HTML elements may be dynamic and fluid. Also, they can easily adapt to the changes …
As you know, the SVG files are very popular in web development. Many sites use this format because it allows making small files. They will load much faster then the regular JPG or PNG files. That's very important because the fast websites may have better rankings in the search engines. …
When an image is added to the HTML page, it may not be positioned correctly inside of the parent container. For example, the most common case is when the image is larger than the DIV element. As a result, you may see other regular content overlapped by the picture data. …
As a web developer, you have to interact with the CSS units very often. In a typical project, almost any CSS rule contains specific values that are assigned to the properties. As a result, you should know which units are available in the CSS and how they can be used. …
Regular web sites may only be styled with the help of plain CSS rules. But, if you are making a dynamic web site with some forms, windows, visual effects, or any other similar functionality, then you may need to modify CSS classes at runtime. Such a task is not complicated …
This article provides detailed information on how to create attractive CSS gradients for your web application. At the beginning, you will read specifications of the relevant CSS properties. Then, real world examples will be provided and you'll see what kind of effects can be done. In most cases, it's better …
If your goal is to make a visually pleasant website, then adding custom CSS shadows may be a great choice. It's a much better option than using images or backgrounds with shadow effects drawn in some graphical editor. The CSS code is rendered by the browser and is faster to …
More and more people are using mobile devices every year, tablet computers are also very popular. And this means that each web site should work properly on all applicable screen sizes. If you set the font size only for desktop view, then your pages may not look good on small …
If you are making some web application and you need to redirect user to another page, you can create a button that will act link a link. Regular <a href="#"> tag may not be suitable in some cases, for example, when you have complex logic or unusual content on a …
In many cases, web browsers allow the user to select text elements on a page. However, this may not be the desired option in specific situations. You may want to avoid such behavior when adding buttons, links or any other non-standard elements to your HTML code. To solve such an …