×
Clear all filters including search bar
Valeri Tandilashvili's Personal Professional Blog
Results: 1022
flex-wrap: nowrap 
nowrap
is the default value of the property. The value Specifies that the flexible items will not wrap. Resource: https://youtu.be/k32voqQhODc?t=1154
several ways to have space between items
Space between items using 
margin-right
property:
.container div {
    margin-right: 40px;
}
.container div:last-child {
    margin-right: 0px;
}
Flex way of space between flex items:
.container {
    display: flex;
    justify-content: space-between;
}
.container div {
    flex-basis: 30%;
}
final method cannot be overridden in child classes
This example demonstrates that a final method cannot be overridden in a child class
class myClass {
    final function myFunction() {
        echo "Parent";
    }
}
// ERROR because a final method cannot be overridden in child classes.
class myClass2 extends myClass {
    function myFunction() {
        echo "Child";
    }
}
The above code will generate the following error:
Fatal error: Cannot override final method myClass::myFunction() in /home/user/scripts/code.php on line 9
flex:1 as shorthand 
.flex-item:nth-child(1) {
  flex:1;
}
The above 
flex
property is a shorthand of the following properties:
.flex-item:nth-child(2) {
  flex-grow:1;
  flex-shrink:1;
  flex-basis:0;
}
In the example, the first two elements have the same effect
self keyword
The 
self
keyword is needed to access a static property from a static method in a class definition
class myClass {
    static $myProperty = 42;
    static function myMethod() {
        echo self::$myProperty;
    }
}

myClass::myMethod();
scope resolution operator
A static property or method is accessed by using the scope resolution operator :: between the class name and the property/method name
class myClass {
   static $myStaticProperty = 42;
}

echo myClass::$myStaticProperty;
Several ways to avoid Math calculations CODE 
.main-inner div
1. Subtract padding & border from width https://youtu.be/qhiQGPtD1PQ?t=137 2. Add inner div with padding https://youtu.be/_Ai-_nZ6bw4?t=269 3. Use 
box-sizing: border-box
property https://codepen.io/Tandilashvili/pen/yLeJvLO
margin: auto CODE 
margin: auto
is an alternative to 
justify-content: center
and 
align-items: center
. Instead of this code on the flex container: 
.container {
    justify-content: center;
    align-items: center;
}
We can use 
margin: auto
the flex item:
.container div {
    margin: auto;
}
(when there is only one flex item)
final class cannot be inherited
Child class can not extend final class
final class A {
    final public static function who() {
        echo __CLASS__;
    }
}

class B extends A {
    
}

B::who();
Fatal error: 
Class B may not inherit from final class (A)
flex-direction: row-reverse CODE 
.container {
  display: flex;
  flex-direction: row-reverse;
}
The direction of the flexible items inside the .container is set in reverse order.
Results: 1022