AntonLitvin’s gists

AntonLitvin / Modal bounce.html

Last active March 16, 2018 21:35

Bounce and shake animation on Modal form

AntonLitvin / hover-state.js

Last active March 16, 2018 21:27

Блокировка событий hover при прокрутке страницы

	//css
	.disable-hover,
	.disable-hover * {
	pointer-events: none !important;
	}

	//js
	var body = document.body,
	timer;

AntonLitvin / Cool links.html

Last active March 16, 2018 21:31

by HTML Academy

	// https://tympanus.net/Development/CreativeLinkEffects/

	<h1>Эффектные ссылки</h1>
	<div class="effect-1">
	<a href="#">Апельсин</a>
	</div>
	<div class="effect-2">
	<a href="#">Виноград</a>
	</div>
	<div class="effect-3">

AntonLitvin / Simple countdown timer.js

Last active February 28, 2018 10:07

	(function(){

	var timerId;
	var mytimer;

	function countdown() {

	var minutes = Math.floor((mytimer % (1000 * 60 * 60)) / (1000 * 60));
	var seconds = Math.floor((mytimer % (1000 * 60)) / 1000);

AntonLitvin / Link transition

Created February 19, 2018 13:27

	/* Link Transition */

	$('a.link-transition').on('click', function(e){
	e.preventDefault();
	linkLocation = this.href;
	$('body').fadeOut(700, redirectPage);
	});
	function redirectPage() {
	window.location = linkLocation;
	}

AntonLitvin / Timer.html

Last active March 16, 2018 21:17

Рабочий таймер обратного отсчета

	//Каждый раз отсчет показывает одно и то же время

	<div class="timer timer-showed" data-time="324494">
	<div class="timer-d">
	<span>3</span>
	<span>дня</span>
	</div>
	<div class="timer-h">
	<span>18</span>
	<span>часов</span>

AntonLitvin / HTML to Wordpress.php

Last active December 14, 2022 18:51

	// Необходимые плагины
	Advanced Custom Fields
	Custom Post Types UI (можно делать вручную через register_post_type())
	Contact Form 7
	Jquery Validation For Contact Form 7
	Yoast SEO
	WP Super Cache

	1.
	header и footer перемещаем в отдельные файлы header.php и footer.php

AntonLitvin / mousewheel-icon.html

Created February 28, 2018 15:56


	<div class="mouse-icon"><div class="wheel"></div></div>

	<style>
	/* ---------------------------------------------- /*
	* Mouse animate icon
	/* ---------------------------------------------- */
	.mouse-icon {
	border: 2px solid #000;
	border-radius: 16px;

AntonLitvin / easy-form-validator.js

Last active May 4, 2018 21:37

	//Easy Form Validator

	//Example: $("form").evalid("Error message");

	(function($) {
	$.fn.evalid = function(req_text) {

	$(this).find("input[type], textarea").each(function() {
	$(this).after("<p class='form_error_message'>" + req_text + "").next().hide();
	});

AntonLitvin / Simple form Ajax mailer.php

Last active March 16, 2018 19:46

	<?php

	// Only process POST reqeusts.
	if ($_SERVER["REQUEST_METHOD"] == "POST") {
	// Get the form fields and remove whitespace.
	$name = strip_tags(trim($_POST["name"]));
	$name = str_replace(array("\r","\n"),array(" "," "),$name);
	$email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
	$message = trim($_POST["message"]);

	<button class="login">login</button>

	<div class="modal-content">
	<h2>Личный кабинет</h2>
	<p>Введите пожалуйста свой логин и пароль</p>
	<form action="action">
	<input class="login-field" type="text" name="login" placeholder="Login">
	<input class="password-field" type="password" name="password" placeholder="Password" >
	<input type="checkbox" name="remember" id="remember">
	<label for="remember"><span></span>Remember me</label>

Anton Litvinenko AntonLitvin