Skip to content

Instantly share code, notes, and snippets.

View alexandr-kazakov's full-sized avatar
:octocat:

Alexandr Kazakov alexandr-kazakov

:octocat:
12 followers · 7 following
View GitHub Profile
@alexandr-kazakov
alexandr-kazakov / Comments CSS
Last active July 26, 2017 17:11
/* begin Media Max-Width
============================================================================ */
/* end Media Max-Width
============================================================================ */
/* -------------------------------------------------------------------------
begin
@alexandr-kazakov
alexandr-kazakov / remove scroll
Created July 14, 2017 15:57
::-webkit-scrollbar {
display: none;
}
@alexandr-kazakov
alexandr-kazakov / SCSS comments
Created July 25, 2017 14:11
/**!
* Begin
* Elements
*/
/**!
* End
* Elements
*/
@alexandr-kazakov
alexandr-kazakov / Page with Sidebar
Created October 25, 2017 23:12
<!-- begin Main
=========================================================================== -->
<div class="main">
<div class="container">
<div class="row">
<div class="col-md-9 col-md-push-3 col-sm-12">
<div class="mainbar"></div>
</div>
<div class="col-md-3 col-md-pull-9 col-sm-12">
<div class="sidebar"> </div>
@alexandr-kazakov
alexandr-kazakov / BEM Header & Nav - 1
Created November 13, 2017 16:28
BEM. Header & Nav & Mobile toggle btn. Style - 1
<!-- begin Header
=========================================================================== -->
<header class="header clearfix">
<!-- begin Header Container -->
<div class="container header__container clearfix">
<div class="header__logo">
<a href="#" class="header__logo-link">
<img src="http://via.placeholder.com/200x50/4F84DB/FFFFFF?text=LOGO" alt="" class="header__logo-image"> </a>
</div>
<div class="header__nav">
@alexandr-kazakov
alexandr-kazakov / BEM Social-Block- 1
Created November 13, 2017 20:08
BEM Social-Block Style - 1
<!-- begin Social Block -->
<div class="social-block">
<ul class="social-block__items clearfix">
<li class="social-block__item">
<a class="social-block__item-link" href="#">
<span class="social-block__item-icon social-block__item-icon_vkontakte fontello"></span>
</a>
</li>
<li class="social-block__item">
<a class="social-block__item-link" href="#">
@alexandr-kazakov
alexandr-kazakov / BEM Image-Top Box - 1
Created November 13, 2017 21:17
BEM Image-Top Box - 1
<!-- begin Image-Top Box -->
<div class="image-top-box">
<div class="image-top-box__picture">
<a href="#" class="image-top-box__picture-link">
<img src="http://via.placeholder.com/700x500/4F84DB/FFFFFF" alt="" class="image-top-box__image"> </a>
</div>
<div class="image-top-box__info">
<div class="image-top-box__header">
<h3 class="image-top-box__header-title">
<a href="#" class="image-top-box__header-title-link">Awesome header here. Knock Knock. Is anyone here?</a>
@alexandr-kazakov
alexandr-kazakov / forEach
Created November 15, 2017 22:53
forEach js
var houseType = filter.querySelectorAll('.filter__house-type-item-checkbox');
houseType.forEach(function(element, index, array) {
console.log(element + ": " + index);
})
@alexandr-kazakov
alexandr-kazakov / AMP - Access-Control test
Created November 27, 2017 08:54
== HTML ============================================================
<!doctype html>
<html amp lang="ru">
<head>
<title>Тестовая форма AMP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="canonical" href="/index.html">
@alexandr-kazakov
alexandr-kazakov / aria-label+role-img
Last active March 25, 2018 17:22
<div role="img"
aria-label="Description of the image"
title="Tooltip for users not using assistive technologies" />