Skip to content

Instantly share code, notes, and snippets.

View deenoize's full-sized avatar

Ruslan Galba deenoize

13 followers · 23 following
View GitHub Profile
@deenoize
deenoize / fast_box-shadow.css
Created December 20, 2015 12:15
The fastest realization of box-shadow property animation with pseudo-element
.box {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 5px;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
@deenoize
deenoize / js_events_show_hide.js
Last active January 11, 2016 07:30
JS events listeners and show/hide function for pics
var simon = document.getElementById("simon");
var bruce = document.getElementById("bruce");
var ben = document.getElementById("ben");
simon.addEventListener("click", picLink);
bruce.addEventListener("click", picLink);
ben.addEventListener("click", picLink);
function picLink() {
// Hide all pics
@deenoize
deenoize / js_events_live_inputs.html
Created January 11, 2016 18:42
Make inputs editable and able to save edited value after blur or enter-press
<ul id="checklist">
<li class="edit">
<span>Apples</span>
<input value="Apples" />
</li>
<li class="">
<span>Oranges</span>
<input value="Oranges" />
</li>
</ul>
@deenoize
deenoize / init.coffee
Last active June 23, 2016 18:33
automatic update by http://atom.io/packages/sync-settings
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
@deenoize
deenoize / shine.css
Created March 7, 2016 01:10
css-shine-animation
.shing {
position: relative;
}
.shing::after {
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
@deenoize
deenoize / command.bash
Created June 1, 2016 13:09
WP permissions
sudo chown www-data:www-data -R tabootaboo.ru
sudo find . -type f -exec chmod 664 {} +
sudo find . -type d -exec chmod 775 {} +
sudo chmod 660 wp-config.php
@deenoize
deenoize / smashingmagazine.js
Created July 10, 2016 15:25 — forked from luruke/smashingmagazine.js
Source code of the demo "Improving User Flow Through Page Transitions" on Smashing Magazine.
/*
https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/
You can copy paste this code in your console on smashingmagazine.com
in order to have cross-fade transition when change page.
*/
var cache = {};
function loadPage(url) {
if (cache[url]) {
@deenoize
deenoize / keybase.md
Created February 22, 2018 05:05

Keybase proof

I hereby claim:

  • I am deenoize on github.
  • I am deenoize (https://keybase.io/deenoize) on keybase.
  • I have a public key ASD3SnCDcEpkFDD-zuvXJMk7b0PoUktVWIQNJ1OK3MWO7Qo

To claim this, I am signing this object: