Skip to content

Instantly share code, notes, and snippets.

View mesecha's full-sized avatar

Vladimir Mesecha mesecha

1 follower · 7 following
View GitHub Profile
@mesecha
mesecha / bootstrap-dropdown-hover-menu.markdown
Created November 1, 2019 04:04
bootstrap dropdown hover menu
@mesecha
mesecha / index.html
Last active August 17, 2019 22:08
Sinmouse
<canvas id="webgl" width="500" height="1758"></canvas>
<script id="vertexShader" type="x-shader/x-vertex">
attribute vec4 a_position;
uniform mat4 u_modelViewMatrix;
uniform mat4 u_projectionMatrix;
void main() {
gl_Position = a_position;
@mesecha
mesecha / Line Animation
Created July 31, 2019 02:37
Onboarding Nav
https://codepen.io/vladimir-mesecha/details/mNmmxE
@mesecha
mesecha / overflow sample
Last active March 12, 2019 22:30
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<title>clearfix after</title>
<style>
html{height:100%;}
body{
height: 100%;
background-color: #fff;
@mesecha
mesecha / overflow: hidden class="row"
Created March 12, 2019 18:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charsrt="UTF-8">
<title>hidden</title>
<!-- <link rel="stylesheet" href="index.css"> -->
<style>
html, body {
margin: 0;
padding: 0;
@mesecha
mesecha / DevTools-Sublime-Live.txt
Last active September 30, 2018 01:10
liveReload devTools sublimeText
Установка
Ниже описан процесс установки для Google Chrome.
1. Для Sublime Text 3 установить Package Control.
2. В Sublime Text открыть Command Palette (Ctrl+Shift+P) и выбрать Package Control: Install Package.
3. В списке найти и установить расширение LiveStyle.
@mesecha
mesecha / shadow font +
Last active December 1, 2016 20:41
text css
span {
text-shadow: #7fdbff, #39cccc, #3d9970,
#2ecc40, #01ff70, #ffdc00,
#ff851b, #ff4136, #f012be,
#b10dc9
}
/*
@font-face {
font-family: "Montserrat Alternates";
@mesecha
mesecha / layout-positioner
Last active November 13, 2016 21:41
CSS and HTML
<!--
Блоки с классом layout-positioner добавлены в код.
Это невидимые блоки-центровщики.
Теперь хедер и футер могут тянуться на всю ширину окна,
а их содержимое будет отцентровано с помощью добавленных блоков.
-->
<div class="header clearfix">
<div class="layout-positioner">
<!-- блоки колонок -->
@mesecha
mesecha / Spacer :Распорка {CSS}
Last active November 13, 2016 20:21
CSS
<!--Распорка--> <!--Spacer, Strut, <!--after {Псевдо элемент}-->
__________________
Распорка-->
.Clearfix::after {
content: "";
display: table;
clear: both;
}
@mesecha
mesecha / css {begin html}
Last active November 13, 2016 20:21
CSS
body {
margin: 0;
padding: 0;
font-family: "PT Sans", sans-serif;
}
.wrapper {
width: 430px;
margin: 0 auto;
box-shadow: 0 0 2px #cccccc;