Tatjana B. - Kolosek | Web development company | Kolosek

Tatjana B.

Unlocking CSS Box-shadow

Unlocking CSS Box-shadow

The box-shadow property is used to add a shadow effect to an element. This is property is used quite often to give depth to elements on a website, so it is useful to fully understand it.

CSS Border-image

CSS Border-image

The CSS border property is pretty familiar. With this property, you can define the color, style and width of an element border. The border-image property, on the other hand, lets you define a gradient or an image for a border.

CSS Box-sizing

In the previous article that covers CSS subjects, we talked about the box model. An important property that’s connected to the box model is the box-sizing property.

CSS Box Model for Beginners

CSS Box Model for Beginners

Every beginner should first start with the basics. In case of CSS, the basics are learning the box model. Before proceeding with learning any other CSS concepts, this is the one you should master first!

Understanding CSS Vendor Prefixes

Understanding CSS Vendor Prefixes

Have you ever wondered about what -moz- or -webkit- markings in CSS mean? Well, if you have, you are in the right place! Those markings are called vendor prefixes.

CSS Formatting

During our work on multiple projects, there often is a confusion on how to use CSS properly. This document is here to provide a clarification. The SASS 3 [http://sass-lang.com/] preprocessor introduces a new syntax known as SCSS [http://sass-lang.com/documentation/file.SCSS_FOR_SASS_USERS.html] which

CSS :before and :after

CSS :before and :after

The CSS :before and :after properties are what also known as pseudo elements. They are used to add something before or after the content of an element. There are a lot of great uses for these pseudo elements, and we are here to explore some of them. The Syntax If

CSS overflow

The CSS overflow property specifies what to do in the case a content is too large to fit in the container box. It specifies if a scrollbar should appear, or if a content gets clipped. The overflow property is a shorthand for overflow-x and overflow-y. The overflow-x property specifies handling

Tabindex

When dealing with element focusing, tabindex [https://www.w3schools.com/tags/att_global_tabindex.asp] has a big role. This attribute indicates if the element can be focusable and reachable with the keyboard navigation. When pressing the Tab key, the browser shifts focus from one element to another. By using

CSS blend mode

Usually, when adding an image to a website, the first thing we do is edit the image in an external software, such as Photoshop. Does the blend mode eliminate the need to use this kind of software? Not really. But, it in a lot of cases you will be able

CSS clear float

CSS clear float

A little while ago we wrote about the float [https://kolosek.com/css-float/] property. So, now is a good time to explain the clear property. The clear property is directly related to the float property. It specifies if an element should be next to the floated elements or if it

CSS float

One of the basic and the most important properties every web designer should learn is the float property. It is most commonly used for floating text around the image or creating the two column layout. The float property can cause a lot of frustration and confusion if it’s not

CSS calc()

Ever wondered what in the world is the calc() [https://www.w3schools.com/cssref/func_calc.asp] property? Well, you’re about to find out! It can be used for creating layouts in CSS. For this purpose, you can also use the position property [https://kolosek.com/css-position-relative-vs-position-absolute/]. CSS calc(

CSS line-height

CSS line-height

The CSS property line-height [https://www.w3schools.com/cssref/pr_dim_line-height.asp] defines the amount of space used for lines, most commonly in the text. It is often confused with line spacing (leading) used in Photoshop and similar softwares. Leading is a term that describes the distance between the

CSS Position Relative vs Position Absolute

CSS Position Relative vs Position Absolute

The CSS position property defines, as the name says, how the element is positioned on the web page. If you are interested in reading about the font properties, articles about the relative font size and CSS columns might be of interest.

CSS Relative Font Size

CSS Relative Font Size

One of the biggest confusions in web design is caused by none other than the font-size property. The most commonly used font sizes are the pixel(px), em and rem. Alongside with this property, confusion is commonly caused by CSS Columns.