CSS background image tutorial with examples

The background image is probably one of the CSS properties which all of us, front-end developers, used at least a few times in our careers. Most people think that there can’t be anything unusual about background-image, but after a quick research, I have a different conclusion. There are lots of questions askes about CSS background image every day in Facebook groups and lots of unknown tricks which can help us to achieve amazing effects and make stunning apps and websites.

Keep reading...

How to use animate css tutorial with examples

In this article, I’d like to show you how to use animate.css library. A few years ago, I was working on a mobile app project where the user interface was pretty advanced, loaded with lots of movement and gradients. It was just like each of those modern mobile apps, which would like to provide the best visual experience to users. It took me lots of time to create all the animations in CSS and make them smooth and good looking according to designer instructions.

Keep reading...

CSS border with examples tutorial

Introduction to CSS border Hi guys, today we will talk about… BORDERS! The CSS border is something that you will most probably use almost every day, if you’re front-end developer, of course. I’ve found a few useful (some more, some less, some just funny) tips and tricks that you can use in your project. Let’s start! If you prefer video here is the youtube version. 1. Animated CSS border What to do when we would like to make our item more visible?

Keep reading...

How to build an HTML table tutorial

When you are building a project which has some data to present, you need a good way to show the information easily and understandably. Depending on the type of data, you can select between different HTML elements. In many cases, the table is the most convenient method to display large amounts of structured data nicely. That’s why in this article, I’d like to explain to you the structure of the table, show you how to create one, and give you a little advice when it’s a good idea to present your data as a table.

Keep reading...

How to build dashboard with Bootstrap tutorial

Would you like to create websites from a ready element? Bootstrap is one of the most popular CSS frameworks. It allows us to build a beautiful UI from ready components, like navbars or forms. Bootstrap also provides a responsive design so, while using the grid properly, you don’t have to do additional styling for mobile views. For advanced developers, CSS frameworks seem to be simple because it’s mostly about reading the documentation, but beginners sometimes may have issues building projects from Bootstrap components.

Keep reading...

CSS Animations Cheatsheet

Since we can create animations in CSS, building a stunning website with smooth transitions and nicely moving elements should not be difficult. It’s a great chance to add some amazing effects to the design of your website and make it remembered by the clients or recruiters. It’s always a great option to stand out from the crowd of other developers’ portfolios. You don’t have to rebuild half of your website; sometimes, it’s enough to add one or two effects to make the design more vivid and exciting.

Keep reading...

React vs Angular vs Vue

Since a few years, the popularity of different front-end frameworks grew significantly. That’s why those days probably lots of us can’t image front-end development without using one. While starting a new project, we have to decide which framework to choose to make development fast and easy and to have a great final result. Since Google developers released Angular, and Facebook programmers created React.js, developers started to discuss which one is better.

Keep reading...

CSS frameworks

As a front-end programmer, I talk a lot about front-end frameworks, but I very often forget about how important are CSS frameworks and how much time they can save. When building the UI, we need a consistent and effective CSS, which can be a hard challenge to achieve. And that’s the reason why many front-end developers are looking for a solution in one of the popular CSS frameworks, like Bootstrap.

Keep reading...

Vue.js tutorial: How to create Vue.js app in 5 minutes?

Vue.js is getting more and more popular, becoming a meaning competitor to frameworks like Angular or React.js. As a beginner-friendly front-end framework, it successfully conquers the hearts of junior front-end developers and people who just started to learn front-end programming. So, as a person who started to learn front-end, you probably would like to practice your knowledge and write a simple app using your new skills. That’s why in this article, I want to show you how to build a simple Vue.

Keep reading...

8 CSS image filters with code examples

Using images, we can create an atmosphere, arouse happiness, smile, sadness, or any different emotion. With images, we can show a lot, and tell a lot as well; that’s why pictures are so widely used in the websites and applications. Designers take care of how users will feel the website and what kind of emotions it will bring. Graphic designers can use advanced software to edit photos and add them filters, masks, or other effects that decide about the final look.

Keep reading...