Archives de
Catégorie : Non classé

Colors Management, Why HSL()/HSLA() is always forgotten.

Colors Management, Why HSL()/HSLA() is always forgotten.

Everybody knows each function to definized a color in CSS. The most famous are X11, RGB() and RGBA() or HEX. Least famous but equally important, HSL() and his counterpart HSLA() are functions to manage shadows and brightness in a chromatic circle. Take back the features of each functions for a good comprehension of HSLs’ differents The RGB() : Red Green Blue. RVB is the most popular function of color management, is used by webdesigner, grafist, UX, because it’s not exclusive…

Lire la suite Lire la suite

Less, CSS pre-processor

Less, CSS pre-processor

We all know CSS can be a bit frustrating to write, especially when it comes to more serious projects with thousands of lines of code. You end up duplicating the same rules all over the place and using your editor’s search and replace for every color change. It takes a lot of effort and discipline to keep your CSS maintainable. But it doesn’t have to be this way. Luckily, the web development community has solved this problem. We now have…

Lire la suite Lire la suite

Materialize css.

Materialize css.

https://materializecss.com/ Materialize css. In research about progress in development, frameworks show up as sources of good ideas it’s not new. But today i will show you a little piece of framework that can be helpful to have a really good looking website. Its name is : Materialize. First of all, what are the basics of this framework ? Based on : Material Design https://material.io/ What that : Css language, inspired by nature , physical and texture. What for ? Transform some brutal aspects of fluid…

Lire la suite Lire la suite

CSS PSEUDO CLASSES: :has(), :is() and :where()

CSS PSEUDO CLASSES: :has(), :is() and :where()

What’s a pseudo-class? As a reminder, a CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). What is :has() ? It is a part of CSS selector 4 called relational pseudo-class. It represents elements whose relative scope selector matches when evaluated absolute Matching <a> elements that directly contain an <img> The following selector matches only <a> elements that directly contain an <img> child: a:has(> img) Matching <h1> elements that are followed by…

Lire la suite Lire la suite

METHODOLOGIE BEM-CSS

METHODOLOGIE BEM-CSS

BEM is a highly useful, powerful, and easy naming convention for CSS class names that makes your front-end code less complicated to examine and understand, less complicated to work with, less complicated to scale, extra strong, explicit, and extra strict. A BEM class name includes up to three parts: [BLOCKS]__[ELEMENTS]–[MODIFIERS] [BLOCKS]= .block{} The first element of the component is defined as the block and  represents the highest level of an abstraction or component. The most common blocks are : <header>, <aside>,…

Lire la suite Lire la suite

Neumorphism

Neumorphism

Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and real-looking UI that’s sort of a new take on skeuomorphism — hence the name. It got its name in a UX Collective post from December 2019, and since then, various design and development communities have been actively discussing the trend, usually with differing opinions. Chris poked fun at it on Twitter. Adam Giebl created an online generator for…

Lire la suite Lire la suite

MinMaxing: Understanding vMin and vMax in CSS

MinMaxing: Understanding vMin and vMax in CSS

Vmin and vmax units are far less known and generally poorly understood. This is unfortunate, as the units have some truly novel use-cases in web development. 1vh is equal to 1% of the current viewport height (i.e. the open browser window), while 1vw is 1% of the current viewport width. vmin and vmax use those same units, but in response to particular rules: vmin uses the ratio of the smallest side. That is, if the height of the browser window…

Lire la suite Lire la suite

Key difference between SQL and NoSQL

Key difference between SQL and NoSQL

SQL databases are mainly called relational databases (SGBDR); whereas NoSQL database is mainly referred to as distributed or non-relational database. SQL databases are table-based databases while NoSQL databases are databases based on key-value pairs, graphical databases, etc. This means that SQL databases represent data in the form of tables made up of n number of rows of data, whereas NoSQL databases are the collection of key-value pairs, documents, graphical databases, etc. that do not have standard schema definitions. SQL databases…

Lire la suite Lire la suite

Can we develop an androïd app with python?

Can we develop an androïd app with python?

When you choose to develop an app for Android, you have a very wide choice in the language you can use. Natively, Android supports the Java and C ++ languages, which are the languages ​​in which the system is written. In recent years, it has also directly accepted the Kotlin language, developed by the company that created the Android Studio development environment. In addition to these languages, there are others possible through the use of specific tools. Python is one of them. There are…

Lire la suite Lire la suite

SQL vs NoSQL

SQL vs NoSQL

When it comes to database and DBMS (Data Base Management System), one question should come to mind : Should I use SQL (Structured Query Language) or NoSQL (Not Only SQL or No SQL) databases.Well, it depends on every projects. Both systems will store your datas but each of them has its way. The primary difference is that SQL databases are relational while NoSQL databases are non-relational. Then, NoSQL databases have dynamic schema for unstructured data while SQL databases use structured…

Lire la suite Lire la suite