• Now HIRING
  • Portfolio
  • Blog
  • Services
  • Our company
    • About Us
    • Careers
    • Open Source
  • Free consultation
  • Now HIRING
  • Portfolio
  • Blog
  • Services
  • Our company
    • About Us
    • Careers
    • Open Source
  • Free consultation

Posts with the tag: css

Number of posts: 31 posts

navigation

Problem Solved: Navigation on Scroll

A challenge we recently faced was that we needed to create a navigation that shows only when scrolling up. How did we solve it? Well, firstly, the HTML for the form was created.

Tatjana B. Tatjana B.
css

Textarea Tag Busted

The textarea is HTML tag mostly used for messages and comments. It is very similar to inputs, but because it provides an option to have more than one line of text, it is not presented as input [type="textarea"].

Tijana D. Tijana D.
css

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.

Tatjana B. Tatjana B.
css

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.

Tatjana B. Tatjana B.
css

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.

Tatjana B. Tatjana B.
css

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!

Tatjana B. Tatjana B.
css

CSS Animation

The first step in using animation in CSS is transition property. When predefined transitions are not enough or just not suitable, there is CSS animation.

Tijana D. Tijana D.
css

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.

Tatjana B. Tatjana B.
css

CSS Reset

Maybe this post should be the first of the firsts because it's about how to start your CSS. Then again, you should be able to understand what exactly it is you're doing so I'm not too much late with this.

Tijana D. Tijana D.
css

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

Tatjana B. Tatjana B.
css

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

Tatjana B. Tatjana B.
css

Input [type="text"] Busted

Inputs are sooo important in the user experience design and it's crucial that their style is perfectly transferred from the design to the page. It's no secret that for a presentation on a web page you need CSS but the tricky part is how to make it as good as possible.

Tijana D. Tijana D.
css

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

Tatjana B. Tatjana B.
css

CSS will-change

The coolest name, isn't it? Well, CSS is changing, and it will change, hopefully by adding more cool-name options. There's a word that will-change is here to change transition [http://kolosek.com/css-transition/

Tijana D. Tijana D.
css

CSS Bullet Style

Are you a fan of making lots and lots of lists? Neither am I. But, here we are not talking about chore or shopping lists. We are talking about ordered and unordered lists

Tatjana B. Tatjana B.
css

CSS Transform

Without the transition [https://kolosek.com/css-transition/], transform property is able just to turn over the object it is applied to. So, in the most real-life situations (real-life?), these two options are applied

Tijana D. Tijana D.
css

CSS Transition

So, we've moved from text and color in web design to unique, bombshell, explosions... OK, not that much, but we've moved. CSS follow and support those changes and because of that, we have

Tijana D. Tijana D.
css

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

Tatjana B. Tatjana B.
css

CSS Selectors - The Ultimate List

As a front-end developer who writes approximately 238 lines of CSS every day I needed this. Nothing in the following text is really mine (even though they said that I always added something

Tijana D. Tijana D.
css

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

Tatjana B. Tatjana B.
Sass

Sass Mixins

This is the third post about specific Sass features and this one is about mixins. Previous were import feature [https://kolosek.com/sass-import] and extend feature [https://kolosek.com/sass-extend] and there was

Tijana D. Tijana D.
css

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

Tatjana B. Tatjana B.
Sass

Sass Extend

Please make sure to read my post on Sass Import [https://kolosek.com/sass-import] because I didn't want to copy-paste first part (it serves as an introduction to this post, as well). Extend

Tijana D. Tijana D.
Sass

Sass Import

We can follow CSS progress by following the development of its pre-processors. Which preprocessor to use is a different time theme, but it’s really necessary to use one because they allow features

Tijana D. Tijana D.
css

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

Tatjana B. Tatjana B.
Let's Make Something Awesome!
Company
Bulevar Oslobodjenja 11
21000 Novi Sad, Serbia
facebook twitter linkedin instagram
Navigation
Home
Contact Us
About Us
Portfolio
Open Source
Our Process
Solutions
Design Review
Code Review
Subscribe

Type in your email and receive updates on development, design and startups directly in your inbox.

Logo 2010-2022 Kolosek. All Rights Reserved.