Skip to content

Instantly share code, notes, and snippets.

View Dexdot's full-sized avatar
🏠
Working from home

Kam Dexdot

🏠
Working from home
View GitHub Profile
@Dexdot
Dexdot / mail.php
Created January 8, 2020 11:25
smtp test
<?php
$username=$_POST['form_name'];
$phone=$_POST['form_phone'];
$message = "
Имя: ".htmlspecialchars($username)."<br />
Телефон: ".htmlspecialchars($phone);
require_once('phpmailer/PHPMailerAutoload.php');
$mail = new PHPMailer;
<div class="offers__wrap">
<ul class="offers__list">
<li>
<a href="#" class="offer">
<div class="offer__inner">
<div class="offer__img-wrap">
<div class="offer__img" style="background-image: url(/upload/resize_cache/iblock/916/120_120_0619711fa078991f0a23d032687646b21/916c9aeb22e11effe192b158774ca4d3.png)" ></div>
</div>
<div class="offer__body">
<h3 class="offer__title">Увеличение груди</h3>
@Dexdot
Dexdot / gsap-easings.js
Created July 31, 2019 10:10
GSAP Easing => CSS Easings
ease: "cubic-bezier(1, 0, 0.3, 1)"
easeOut: "cubic-bezier(0.165, 0.84, 0.44, 1)"
easeIn: "cubic-bezier(0.755, 0.05, 0.855, 0.06)"
default: "cubic-bezier(0.25, 0.1, 0.25, 1)"
easeInOut2: "cubic-bezier(0.455, 0.030, 0.515, 0.955)"
easePower2: "cubic-bezier(0.77, 0, 0.175, 1)"
easePower3: "cubic-bezier(0.645, 0.045, 0.355, 1)"
easePower4: "cubic-bezier(0.770, 0.000, 0.175, 1)"
easeSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)"
easeInPower2: "cubic-bezier(0.550, 0.085, 0.680, 0.530)"
// Options
const options = {
threshold: [0, 0.25, 0.5, 0.75, 1]
};
const animateItem = item => item.target.classList.add('visible');
// Create observer
const observer = new IntersectionObserver(items => {
items.forEach(item => {
@Dexdot
Dexdot / scale.js
Created April 25, 2019 23:47
Get element scale value by js
console.log(+getComputedStyle(mainImage)
.transform.slice(7)
.split(',')[0])
@Dexdot
Dexdot / kitchen.js
Created March 14, 2019 14:02
gsap => anime test kitchen
import { TweenMax } from 'gsap';
import anime from 'animejs';
window.anime = anime;
const get = (el, dir) => {
const translate = getComputedStyle(el)
.getPropertyValue('transform')
.match(/(-?[0-9\.]+)/g);
@Dexdot
Dexdot / _dlmenu.sass
Created December 11, 2018 22:47
multi-level dropdown menu
.dl-menuwrapper
// width: 100%
float: left
position: relative
perspective: 1000px
perspective-origin: 50% 200%
button
@Dexdot
Dexdot / snapTranslateXYValsToNearestPixel.js
Created December 5, 2018 09:21
Убирает сглаживание используя translate, если размеры изображения заданы в процентах
function snapTranslateXYValsToNearestPixel(element){
var xTransPos = $(element).offset().left;
var yTransPos = $(element).offset().top;
// turn off any transitions (but save values first):
var transitionVal = $(element).css('transition');
$(element).css('transition', 'none');
// turn off translate:
$(element).css('transform', 'translateX(0) translateY(0)');
var xPosDiff = xTransPos - $(element).offset().left;
var yPosDiff = yTransPos - $(element).offset().top;
@Dexdot
Dexdot / scrollbar-width.js
Created November 3, 2018 18:57
scrollbar-width.js
const outer = document.createElement('div');
const inner = document.createElement('div');
outer.style.overflow = 'scroll';
document.body.appendChild(outer);
outer.appendChild(inner);
const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
document.body.removeChild(outer);
@Dexdot
Dexdot / sass-loop.sass
Created October 16, 2018 16:33
Sass for loop css prop
@for $i from 1 through 10
.menu__social-item:nth-child(#{$i})
transition-delay:(#{$i*0.15s})