Kolosek | Web development company (Page 3) | Kolosek

Git Commands Tutorial - Part 1

Git Commands Tutorial - Part 1

There are many different ways to use Git. The most common are the original command line tools and GUI (Graphical User Interfaces). Here, we will cover the most important commands you should know about when you are working with Git.

React: First Steps

React: First Steps

ReactJS is a javascript library for building UIs. Although it's nowhere strictly defined, the idea with React is to follow the component-based ideology. Its declarative views make the code more predictable and easier to debug. We use ReactJS combined with Webpack as a bundle manager, Redux combined with ImmutableJS for

What Makes a Good Development Company?

web design and development company

What Makes a Good Development Company?

It may seem surprising that web development companies are on the uprise in 2018. It’s not news to us, though, as when Kolosek was originally created, everybody onboard was aware of both the risks and the competition from day one. After all this time, there’s still one question

Rails Debugging

Rails Debugging

Even the best Rails developers in the world have to debug their code from time to time. Unlike other frameworks, Rails makes it easy to debug your code, so you can limit your downtime and get your applications up and running. Debugging has never been easier!

CSS clear float

CSS clear float

A little while ago we wrote about the 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 should move below them.

React Guide to Props - Part III

React Guide to Props - Part III

Previously we've learned how to pass props in react [http://kolosek.com/react-props-basic/] and also how to indirectly communicate between components using props [https://kolosek.com/react-props-communication/]. Today, we're getting to the finale of props guide series, where we'll talk about how to check whether we passed correct props. React

Rake DB Commands

Rake DB Commands

Rake is a utility built into Ruby and Rails, which provides an efficient way for managing database changes. You can easily migrate database changes to servers by only using a command line! You might be asking yourself during your application development: * What happens when using rake database commands? * When should

Sass Mixins

This is the third post about specific Sass features and this one is about mixins. Previous were import feature and extend feature and there was one about nesting in general. This feature is used in specific situations, not too often but it's too necessary when you master it. @mixin To

Snapshot Tests in React Using Jest

Snapshot Tests in React Using Jest

Writing tests might not have been the most enjoyable thing for you in the past but we for sure hope that after reading this article, you'll be able to increase the test coverage. Today we're talking about snapshot tests using Jest. They're easy to write, they're fast, and most importantly,

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 a two-column layout. The float property can cause a lot of frustration and confusion if it’s not fully

Sass Extend

Please make sure to read my post on Sass Import because I didn't want to copy-paste the first part (it serves as an introduction to this post, as well). Extend represents the next (after import) Sass extra feature and if you set Sass and not use @extend you just don’

React Guide to Props - Part II

React Guide to Props - Part II

In the previous article, you were able to read about the basics of React props. In that article, we wrote about things like sending event handling functions as props, spread operators and sending props with cloning children prop. Overall, it was all the standard flow, where the parent passes the

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 that don't exist in CSS yet. (We have also written about the ones that exist though e.

CSS calc()

Ever wondered what in the world is the calc() 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. CSS calc() is used for calculations inside the stylesheet. The calc() function allows the

Rails respond_to block Explained

Rails respond_to block Explained

When you start your first Rails application you might think that controller actions are only capable of rendering HTML. So why and how to use a respond_to block? Here, we will show you how handy respond_to blocks can be. respond_to The first step is to create a

React Guide to Props - Part I

React Guide to Props - Part I

Disclaimer: This was intended to be part III of React JSX series, but as for props there's a lot to be covered, we have decided to divide it into a subseries! In some of our previous articles, you had the opportunity to read about JSX specific stuff, like how to

CSS line-height

CSS line-height

The CSS property line-height 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 software. Leading is a term that describes the distance between the baselines in the text. In the case of defining

Factory Girl (Bot) Associations

Factory Girl (Bot) Associations

In this article we will go through how to generate the data for has_one, has_many and polymorphic associations using FactoryGirl. Every association will be described with an example, so you can get the idea how to create more complex factories with no pain. Generating the data for has_

RSpec Rails Controller Test

RSpec Rails Controller Test

Rails is a web development framework, where model, view and controller are important aspects of your application. Controllers, just like models and viewers, need to be tested with Ruby's community favorite tool, RSpec. Controllers in Rails accept HTTP requests as their input and deliver back and HTTP response as an

10 Ways to Improve Your Website Design

10 Ways to Improve Your Website Design

Nowadays, a company’s website is similar to the first handshake with someone,it represents the good (or the bad) start of a potential cooperation. In addition, a handshake is more than just a form of greeting. A handshake establishes trust while giving you the power to diminish the negative

Nesting in Less and Sass

Nesting in Less and Sass

A code should be organized. That’s the fact and I think is a very good one for the opening of the text about nesting. Less and Sass are CSS pre-processors which extend CSS language in valuable ways.

Rails Capybara Setup

Rails Capybara Setup

Capybara is a web-based automation framework tool for testing Rails apps. It helps you create functional tests that simulate how users would interact with your application through the browser. It is a fantastic tool for testing your application through the browser! Capybara doesn't interact with the website, it's just a

React JSX - How to do it the right way - Part II

React JSX - How to do it the right way - Part II

In the previous part of React JSX series [https://www.kolosek.com/react-jsx-loops/], we took a look at how to correctly loop through arrays and objects in React. In this article, we'll help you learn how to write conditional statements when rendering components. Everything below applies to React Native as

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.