×
Night mode
Sign up
Login
Results: 1578
Notes
  • Newest first
  • Oldest first
  • Newest first(All)
  • Oldest first(All)
if / else statment 
$light-background: #f2ece4;
$light-text: #036;
$dark-background: #6b717f;
$dark-text: #d2e1dd;

@mixin theme-colors($light-theme: true) {
  @if $light-theme {
    background-color: $light-background;
    color: $light-text;
  } @else {
    background-color: $dark-background;
    color: $dark-text;
  }
}

.banner {
  @include theme-colors($light-theme: true);
  body.dark & {
    @include theme-colors($light-theme: false);
  }
}
by Valeri Tandilashvili
5 years ago
0
Sass
conditionals
SASS documentation
0
if statement 
@mixin avatar($size, $circle: false) {
  width: $size;
  height: $size;

  @if $circle {
    border-radius: $size / 2;
  }
}

.square-av { @include avatar(100px, $circle: false); }
.circle-av { @include avatar(100px, $circle: true); }
by Valeri Tandilashvili
5 years ago
0
Sass
conditionals
SASS documentation
0
SASS ignores files with underscore during compilation
by Valeri Tandilashvili
5 years ago
0
Sass
Sass Crash Course
0
SASS moduls vs native CSS modules
If we import CSS file using native CSS, it will make additional HTTP request, compared to SASS.
by Valeri Tandilashvili
5 years ago
0
Sass
0
basic HTML snippet in different IDEs
Sublime Text: by typing 
<ht
autocomplete will appear and after pressing enter, inserts the following basic HTML:
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>
In VS Code, after typing 
!
will be inserted the following HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
by Valeri Tandilashvili
5 years ago
0
HTML
snippets
1
AJAX 
AJAX = Asynchronous JavaScript And XML.
AJAX is not a programming language. AJAX just uses a combination of: A browser built-in XMLHttpRequest object (to request data from a web server) JavaScript and HTML DOM (to display or use the data) AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
by Luka Tatarishvili
5 years ago
0
JavaScript
info
0
implementing a fallback for viewport units 
h1 {
    height: 500px;
    height: 100vh;
}
by Valeri Tandilashvili
5 years ago
0
CSS
measurement units
Learn CSS
2
transform: translateY 
h1 {
    transform: translateY(-50%);
}
by Valeri Tandilashvili
5 years ago
0
CSS
properties
Learn CSS
1
vw for font-size property 
h1 {
    font-size: 7vw;
}
by Valeri Tandilashvili
5 years ago
0
CSS
measurement units
Learn CSS
1
full height with vh CODE 
.box {
  width: 50vw;
  height: 100vh;
  background: gray;
  color: white;
}
by Valeri Tandilashvili
5 years ago
0
CSS
measurement units
Learn CSS
1
Results: 1578