Kolosek

web design

A collection of 17 posts

Media Queries

Reading this post, I take you know things like internet(daaah), browser, responsiveness and good music (I can only hope). With that in mind I will continue the story... Every presentation made for the browser (web presentation) in today's world, can be seen through millions of different devices (if the

Textarea Tag Busted

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"].

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.

10 Website Redesign Tips for 2018

website redesign

10 Website Redesign Tips for 2018

In 2018, a website is one of the most important representations of your business. It provides visibility, 24/7 accessibility and is proved to be an effective sales channel [https://www.salesforce.com/hub/sales/three-most-effective-sales-channels/]. However, if you want your website to deliver a significant return on investment (ROI)

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.

Input [type="text"] Busted

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.

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 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 together. Just Transform Powers which this property posses are: * rotate(angle), * skew(angle), * translate(x,y), * scale(

How and When to Create a Website with a Black Background Design

How and When to Create a Website with a Black Background Design

Black has always been—if not the most popular design color—the color which designers talk about the most. It is sophisticated, energetic, mysterious, elegant, powerful, stylish, and the complete opposite of the default white.

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 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.

CSS Columns

Text breaking option is not the most popular text option ever since magazine layout. Just like in printing design, there are columns in web design too. The best and clearest way to use it is column option in CSS.

Gradient, My Dear Watson

Gradient, My Dear Watson

As a designer born in the flat era I knew that gradient only exists next to the word DON’T. The year 2016 was predicting big things for it and it’s been correct, (Smashing magazine [https://www.smashingmagazine.com/2009/03/backgrounds-in-web-design-examples-and-best-practices-2/] even predicted gradient trend in 2009). Impossible

What's a Good Web Design Brief?

What's a Good Web Design Brief?

Creating a website for your business can be a very stressful affair, especially if you don’t know how to properly brief your web designer[1]. The project and the entire process is quite different than working with a graphic designer. [http://www.kolosek.com/hire-graphic-designer] A website is quite