Skip to content

Instantly share code, notes, and snippets.

@k1r8r0wn
k1r8r0wn / index.html
Last active September 2, 2019 08:03
Animated CSS contact-button #css #button
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Animated CSS contact-button</title>
<style>
.phone {
position: fixed;
top: 308px;
right: 45%;
@k1r8r0wn
k1r8r0wn / main.css
Last active August 29, 2015 14:22
Sticky footer styles
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
@k1r8r0wn
k1r8r0wn / main.css
Last active April 12, 2016 04:47
Absolute horizontal & vertical centering block
.centered {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
@k1r8r0wn
k1r8r0wn / index.html
Created July 29, 2015 06:59
Close button in CSS
<a href="#" class="close">
@k1r8r0wn
k1r8r0wn / script.js
Last active October 13, 2015 14:42
Background Gradient with animated Hue on JavaScript
function changeBackground() {
//change color every frame
//initialise colors ( hue, lightness)
var hue = 360;
var light = 0;
function changeHue() {
var col1 = Math.abs((hue % 720) - 360);
var col2 = Math.abs( ( (hue+90) % 720) - 360);
hue++ ;
@k1r8r0wn
k1r8r0wn / index.html
Last active November 7, 2015 09:52
Loading dots
<div class="loading-dots">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
@k1r8r0wn
k1r8r0wn / main.css
Created December 25, 2015 07:12
Simple grid
@media (min-width: 769px) {
[class^="col-"] {
float: left;
padding: 0 1rem;
}
.col-1 {
width: calc(100% / 12);
}
@k1r8r0wn
k1r8r0wn / devise.ru.yml
Last active October 1, 2024 16:26
Russian i18n locale for `Devise` gem
# Русский перевод для https://github.com/plataformatec/devise/tree/v4.7.1
# Другие переводы на https://github.com/plataformatec/devise/wiki/I18n
ru:
devise:
confirmations:
confirmed: "Ваша учётная запись успешно подтверждена."
send_instructions: "В течение нескольких минут вы получите письмо с инструкциями по подтверждению вашей учётной записи."
send_paranoid_instructions: "Если ваш адрес email есть в нашей базе данных, то в течение нескольких минут вы получите письмо с инструкциями по подтверждению вашей учётной записи."
failure:
@k1r8r0wn
k1r8r0wn / index.html
Created August 28, 2016 05:33
Best practices of css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1">
<title></title>
<style type="text/css" media="screen">
body {
font-size: calc(1em + .5vw);
@k1r8r0wn
k1r8r0wn / linux_tips.md
Last active April 11, 2024 20:48
Linux tips

Linux tips

1. Основы

pwd - вывести текущую директорию (print working directory)

ls - вывести содержимое директории (list directory content)

ls --all --human-readable -l _путь_