Skip to content

Instantly share code, notes, and snippets.

View easwee's full-sized avatar
🎩
Git gud!

Anej Gorkič easwee

🎩
Git gud!
View GitHub Profile
@easwee
easwee / settings.json
Created March 29, 2024 16:06
Easwee's VS Code config
{
"git.confirmSync": false,
"git.autoStash": true,
"terminal.integrated.scrollback": 10000,
"editor.renderWhitespace": "all",
"editor.experimentalWhitespaceRendering": "font",
"editor.formatOnSave": true,
"editor.rulers": [80],
"editor.cursorBlinking": "blink",
"editor.cursorStyle": "line",
Filetype: Flipper Music Format
Version: 0
BPM: 190
Duration: 8
Octave: 5
Notes: b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,e,e,e,e,e,p,d,d,d,d,d,d,d,p,a4,a4,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,e,e,e,e,e,p,d,d,d,d,d,d,d,p,a4,a4,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,e,e,e,e,e,p,d,d,d,d,d,d,d,p,a4,a4,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,e,e,e,e,e,p,d,d,d,d,d,d,d,p,a4,a4,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,b4,b4,b4,b4,p,b4,b4,b4,b4,b4,b4,b4,p,e,e,b4,p,p,p
@easwee
easwee / SassMeister-input-HTML.html
Created February 12, 2016 08:50
Generated by SassMeister.com.
<div style="width:260px;height:180px;background:pink;margin: 0 auto;">
<div style="width: 100%; height: 100%;">
<div class="vsm-brackets-tree">
<div class="vsm-brackets vsm-brackets-left">
<div class="vsm-bracket vsm-bracket-8">
<div class="vsm-bracket-group vsm-bracket-group-upper">
<div class="vsm-bracket-group-content">
<img src="http://placehold.it/16x11" />
<img src="http://placehold.it/16x11" />
<span class="vsm-bracket-group-score">2:1</span>
@easwee
easwee / SassMeister-input-HTML.html
Last active August 29, 2015 14:24
SASS + Compass: Arrange elements on a circular path.
<div class="company-container">
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&amp;w=50&amp;h=50" class="company-side-bubble" />
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&amp;w=50&amp;h=50" class="company-side-bubble" />
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&amp;w=50&amp;h=50" class="company-side-bubble" />
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&amp;w=50&amp;h=50" class="company-side-bubble" />
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&amp;w=50&amp;h=50" class="company-side-bubble" />
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&amp;w=50&amp;h=50" class="company-side-bubble" />
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&amp;w=50&amp;h=50" class="company-side-bubble" />
<img src="https://placeholdit.imgix.net/~text?txtsize=10&amp;txt=50%C3%9750&am
@easwee
easwee / SassMeister-input-HTML.html
Last active August 29, 2015 14:21
SASS templating test.
<div class="customclient">
<div class="widget">
<div class="widget-header">
<span class="widget-header-icon">O</span>
<span class="widget-header-text">Widget name</span>
</div>
<div class="widget-content">
<table class="widget-table">
<tr>
@easwee
easwee / gist:dc71fb938da6a5d1e6a4
Last active August 29, 2015 14:05
Scrape dynamic content with nodejs + phantomjs
var phantom = require('phantom');
phantom.create(function (ph)
{
ph.createPage(function (page)
{
page.open("http://chat.stackoverflow.com/rooms/29074/html-css-webdesign", function (status)
{
console.log("opened chat? ", status);
//page.injectJs('http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js');
@easwee
easwee / gist:26688267c34334b20166
Created May 20, 2014 08:04
Android z-index bug fix
/* Apply to element that is breaking z-index */
.problematic-element
{
-webkit-transform: translate3d(0,0,0);
-webkit-transform: translateZ(0px);
}
@easwee
easwee / gist:9071954
Created February 18, 2014 14:23
jQuery sticky element on scroll
$(document).scroll(function () {
if ($(this).scrollTop() >= $(window).height() - $('.element').outerHeight()) {
$('.element').addClass('fixed');
} else {
$('.element').removeClass('fixed');
}
});
@easwee
easwee / heightRatio.js
Created August 12, 2013 11:19
Calculate image height by specifying ratio (jQuery sample).
var rW = 1600;
var rH = 650;
var contW = $(window).width(); //set the element from which to calculate your width
var newH = (rH * contW) / rW;
@easwee
easwee / transitionImageFix.css
Last active September 7, 2018 14:27
Solve 1px image move/blur when using transitions on opacity in css.
.fixOpacityTransition {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
transform: translateZ(0) scale(1.0, 1.0);
}