Being technically strong is good but having excellent tools to accelerate things is smart. — Are you looking for some tools to level up your productivity and your developer experience and skills? You are in the right place! CSSLayout.io It gives you a bunch of popular layouts and patterns coded with CSS. The collection is just awesome and rich and keeps growing! Perfect to learn how…

Grid or Flexbox, when to use each? — What’s the difference between Grid and Flexbox? Since the appearance of the Grid system in CSS, confusion started to show up among developers. It’s totally normal since we use both for positioning items that are inside a container. This article’s goal is to give you a quick and clear idea…

Modern SVG and CSS generators — Are you one of those who love UI and the look of a website? Are you one of those who ask: ‘How did they code that?”, “How did they make this background?”, “Where did they get their assets?” … and so on … I’m one of those. I love seeing…

Learning CSS visually — Hi, This article was requested by Michael Nagy. I gathered all my CSS articles. I hope you’ll like it and you’ll let me a comment if you want me to write about a CSS topic in a future article. I’ll gladly add it to my to-do list. Here are my CSS stories - Tips and tricks How to write better HTML and CSS code 7 Rules for better HTML & CSS code⁣levelup.gitconnected.com 10 CSS Beginner’s Mistakes to Learn From Learning by doing is good, but learning from other’s mistakes is great!javascript.plainenglish.io

Learn visually about CSS combinators! — First, what‘s a CSS combinator? “A combinator is something that explains the relationship between the selectors.” — w3schools A selector in CSS is used to select HTML elements so that we can style them. Examples of selectors can be found here: CSS Selectors Reference Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript…www.w3schools.com

Learn visually about CSS combinators! — First, what‘s a CSS combinator? “A combinator is something that explains the relationship between the selectors.” — w3schools A selector in CSS is used to select HTML elements so that we can style them. Examples of selectors can be found here: CSS Selectors Reference Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript…www.w3schools.com

Learn visually about CSS combinators! — First, what‘s a CSS combinator? “A combinator is something that explains the relationship between the selectors.” — w3schools A selector in CSS is used to select HTML elements so that we can style them. Examples of selectors can be found here: CSS Selectors Reference Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript…www.w3schools.com

Learning by doing is good, but learning from other’s mistakes is great! — Learning from others is the best way to learn faster and smarter with less effort! Have you ever had a mentor that shared with you his experience and his recommendations? Well, that’s typically the great thing about having a mentor. He will share his own years of experience with you…

How to write less CSS code and boost productivity! — Learning how to write CSS in fewer code lines will help you have fewer lines of code to load on your web page, thus faster page loading. In the end, the result is the same, so why not write it in one line. One may say that writing in one…

Your ultimate guide to CSS combinators — If you are a web developer, you’d know how CSS can be frustrating. Learning key things in CSS will differently make your experience better and your productivity higher! One of these key things to learn in CSS is Combinators. In a word, it’s the relationship between selectors. Let’s go! What‘s a CSS combinator “A…

How to learn CSS in a fun way — 1. Flexbox Froggy Flexbox Froggy is a game for learning CSS flexbox. Flexbox is known as not easy to master quickly. This website helps you learn all that you need to know about flexbox. After completing the games, you’ll be an expert at formatting web content.

What you need to keep in mind to avoid smelling code — “In computer programming, code smell is any characteristic in the source code of a program that possibly indicates a deeper problem”. 💩 Mysterious name One of the common things about a smelling code is the naming strategy. If your team doesn’t have project naming conventions or principles, then you should propose that. …

Useful CSS snippets to save for life — There is no way to develop a website without needing at some point to center an HTML element. This is a common problem to developers that they often face when working on any project. Centering may take time to work, and that’s really frustrating since it sounds simple. That’s why…

Do awesome things in fewer code lines with CSS — This time I gathered the most awesome thing you can do with CSS in only a few lines of code. Ready, let’s start! #1: Smooth scrolling This technique is super important when you have a button that displays a different part of your web page. Doing it with a simple href="#goToContact" will definitely…

What mistakes have you made in CSS?⁣ — If you are starting your carrier as a web developer, CSS is a headache for many developers, based on my experience. It takes time to learn it and master it. This article is covering some common mistakes that you may face when writing CSS code. Ready, let’s go! #1: Using px when it’s not needed⁣ Do you…

A good website should be accessible to everyone! — #0-Structured data should be valid Search engines use structured data to understand what kind of content is on your page. For example, you can tell search engines that your page is an article, a job posting, or an FAQ. Marking up your content with structured data makes it more likely…

Use Media Queries — This is the most important principle. It is a technique that was introduced in CC3. It’s about changing the look and the content of your web page based on the different viewport sizes. Alright, what’s a viewport size? The viewport size is the visible area of a web page. …