CSS Series: Positioning

What is positioning?

There are different ways or methods which allow us to put elements where we want, to position them on the document/screen. We can use display, float, and position properties. Today we are going to cover the position property.

Which are the values for position?

1. Static (default)
2. Relative
3. Absolute
4. Fixed
5. Sticky

Let’s talk about each of them

1) Static (default)

This is the default value for an element. Static positioned elements are displayed in the normal page flow. The left, right, top, bottom and z-index properties do not affect an element with position: static.

So, let’s see an example of this.

CSS Series

I’m going to show you the most used CSS selectors, yes! 15 of them! Simply, easy, few words, so, go get them, tiger!!

1) * (Asterisk)

Starting from the most basic, the asterisk! This selector is going to match with all elements in DOM

TIME-MANAGEMENT SYSTEM — POMODORO

What is the Pomodoro Technique?

It is a technique to divide time and focus on your task. It’s based on sessions and resting time. Improving your concentration and helping you to finish your tasks on time.

Meet Francesco Cirillo, the creator.

FREELANCER TIPS

All the advantages of being a freelancer (Flexibility, give your work the cost you think it has, spends time with family/friends, workout, and many others that we are not going to cover today) may put your world upside-down, and lead you into a chaotic situation!

Hello, devs! me again! hehe! This is the third part of this ‘What does a {} web UI need to know?’, so, you missed the previous ones? don’t worry, here is the Interview Killer and the Junior (JR) parts, so, move on…

3) JR+ (Junior Advanced)

Here we are going to start seeing new things and also we need to start showing improvements in our previous topics, so, let’s start with a brief recap.

Previous knowledge:

We have talked about:

HTML: Structures.
CSS: Selectors, Layout, Box Model.
JS: Basic Language Concepts, DOM manipulation.
JS Library: jQuery.

All those concepts we talked, now should be a little…

Hello, devs! The last time we saw it was for this post (What does a web UI need to start?). Today we are going to continue with this series of skills required to be a web UI dev, from JR to Architect!

IMPORTANT:

All that we have talked in the last post will be almost the same for this because when you start working as a dev at any company with the previous knowledge, your first position will be JR (if you have experience and your knowledge is higher, you, probably will be hired at other classification), so, we are not…

Yes, there is a Simpsons-moment for everything! And this is not an exception!

Today I’m going to let you know (based on my personal experience, which means it can be different to other developers) how I think a Web UI developer will need to start in a company, the basic knowledge for a starter/intern/noob/novate/{whatever you wanna call them} developer! I’ll separate this into 8 parts (yeah, 1, 2, 3, 4, 5, 6, 7, 8!), in fact, they are 7 positions and the first one is the ‘required’ knowledge to start.

1) Required (interview killer)

If this is your first time to take an interview…

MY OWN PERSONAL DEFINITIVE GUIDE

Hello all, today I’ll give you guys some tips that helped me to make some good progress in my career (as a web UI developer) and how I learned those tips (Good & Bad experiences). But, first, let me introduce myself.

Who I am?

I’m an SD (Software Designer) web UI developer with more than 10 years in the business, I’m not the best developer but I’m not the worst, so, if we want to measure it in a range from 1 to 10, I think I’m a 7 (Yeah, 7, there is a lot of things I need to learn), so, in…