Skip to content

Instantly share code, notes, and snippets.


Dmytrii Lysak

View GitHub Profile
Lysak / gmail-animation.html
Created Sep 23, 2018 — forked from hteumeuleu/gmail-animation.html
The new Gmail loading animation is just HTML and CSS.
View gmail-animation.html
body{margin:0;width:100%;height:100%} body,td,input,textarea,select{font-family:arial,sans-serif} input,textarea,select{font-size:100%} #loading{position:absolute;width:100%;height:100%;z-index:1000;background-color:#fff} .msg{ color: #757575; font: 20px/20px Arial, sans-serif; letter-spacing: .2px; text-align: center } #nlpt{ animation: a-s .5s 2.5s 1 forwards; background-color: #f1f1f1; height: 4px; margin: 56px auto 20px; opacity: 0; overflow: hidden; position: relative; width: 300px } #nlpt::before{ animation: a-lb 20s 3s linear forwards; background-color: #db4437; content: ''; display: block; height: 100%; position: absolute; transform: translateX(-300px); width: 100% } @keyframes a-lb{ 0%{transform:translateX(-300px)}5%{transform:translateX(-240px)}15%{transform:translateX(-30px)}25%{transform:translateX(-30px)}30%{transform:translateX(-20px)}45%{transform:translateX(-20px)}50%{transform:translateX(-15px)}65%{transform:translateX(-15px)}70%{transform:translateX(-10px)}95%{transform:translateX(-1
Lysak / 404 Not found.html
Last active Sep 23, 2018
404 Not found Husky
View 404 Not found.html
<!-- saved from url=(0027) -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>404 Not found</title>
@keyframes tail {
6.66667% {
transform: rotate(0);
10% {
Lysak / pwd.js
Created Sep 1, 2018 — forked from gladiatorAsh/pwd.js
List of most used passwords (Why this approach??)
View pwd.js
Lysak / gist:318e720ac01ba4e132e27e61f2362bcf
Created Jul 3, 2018
CSS Media Queries for iPads & iPhones
View gist:318e720ac01ba4e132e27e61f2362bcf
iPad Media Queries (All generations - including iPad mini)
Thanks to Apple's work in creating a consistent experience for users, and easy time for developers, all 5 different iPads (iPads 1-5 and iPad mini) can be targeted with just one CSS media query. The next few lines of code should work perfect for a responsive design.
iPad in portrait & landscape
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { /* STYLES GO HERE */}
iPad in landscape
@media only screen
and (min-device-width : 768px)
View gist:cb1025ae47982bb558b84f4cb20160ff
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* insert styles here */
/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
/* insert styles here */
Lysak / commands.txt
Last active Dec 7, 2018
linux commands
View commands.txt
## for php 7.0 ##
sudo apt install php7.0 php7.0-fpm php7.0-mysql php7.0-sqlite3 php7.0-bcmath php7.0-gd php7.0-odbc php7.0-sybase php7.0-bz2 php7.0-gmp php7.0-opcache php7.0-tidy php7.0-cgi php7.0-imap php7.0-pgsql php7.0-xml php7.0-cli php7.0-interbase php7.0-phpdbg php7.0-xmlrpc php7.0-common php7.0-intl php7.0-pspell php7.0-xsl php7.0-curl php7.0-json php7.0-readline php7.0-zip php7.0-dba php7.0-ldap php7.0-recode php7.0-dev php7.0-mbstring php7.0-snmp php7.0-enchant php7.0-mcrypt php7.0-soap
## end ##
## for php 7.1 ##
sudo apt install php7.1-bcmath php7.1-gd php7.1-mysql php7.1-sqlite3 php7.1-bz2 php7.1-gmp php7.1-odbc php7.1-sybase php7.1-cgi php7.1-imap php7.1-opcache php7.1-tidy php7.1-cli php7.1-interbase php7.1-pgsql php7.1-xml php7.1-common php7.1-intl php7.1-phpdbg php7.1-xmlrpc php7.1-curl php7.1-json php7.1-pspell php7.1-xsl php7.1-dba php7.1-ldap php7.1-readline php7.1-zip php7.1-dev php7.1-mapi php7.1-recode php7.1-enchant php7.1-mbstring php7.1-snmp php7.1-fpm php7.1-mcrypt php7.1-soap
Lysak /
Last active Jun 21, 2018 — forked from maxwelleite/
Script to install Microsoft Vista TrueType Fonts (TTF) aka Microsoft’s ClearType fonts on Ubuntu distros
# Author: Maxwel Leite
# Website:
# Description: Script to install Microsoft Vista TrueType Fonts (TTF) aka Microsoft’s ClearType fonts on Ubuntu distros
# Microsoft added a group of new "ClearType Fonts" to Windows with Windows Vista and Office 2007.
# These fonts are named Constantia, Corbel, Calibri, Cambria (and Cambria Math), Candara, and Consolas.
# Calibri became the default font on Microsoft Word 2007, and it’s still the default font on Word 2016 today.
# Dependencies: wget, fontforge and cabextract
# Note: Microsoft no longer provides the PowerPoint Viewer 2007 (v12.0.4518.1014) or any version anymore for download
# Tested: Ubuntu Saucy/Trusty/Xenial/Bionic
Lysak / font-stacks.css
Created Jun 21, 2018 — forked from ct27stf/font-stacks.css
Similar looking fonts for Windows, Linux, Mac
View font-stacks.css
.mono-font-stack {
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
.times-font-stack {
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
.modern-font-stack {
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
Lysak / gmail_enter_animation.html
Last active Jun 20, 2018
View gmail_enter_animation.html
<!DOCTYPE html>
<html lang="uk">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google" value="notranslate">
<meta name="application-name" content="Gmail">
<meta name="description" content="Електронна пошта в стилі Google">
<meta name="application-url" content="">
Lysak / friGate3_site_list.txt
Last active Oct 29, 2020
friGate3 site list for Ukraine
View friGate3_site_list.txt
* [RU]