Skip to content

Instantly share code, notes, and snippets.

View gabskoro's full-sized avatar

Gabrijel Škoro gabskoro

29 followers · 7 following
View GitHub Profile
@gabskoro
gabskoro / .sccs-lint.yml
Last active August 29, 2015 14:16
# Default application configuration that all configurations inherit from.
linters:
BorderZero:
enabled: true
CapitalizationInSelector:
enabled: false
ColorKeyword:
@gabskoro
gabskoro / .rubocop.yml
Created April 5, 2015 17:32
LineLength:
Max: 120
Documentation:
Enabled: False
NegatedIf:
Enabled: False
SignalException:
@gabskoro
gabskoro / .jshintrc
Last active August 29, 2015 14:18
{
"node": true,
"browser": true,
"bitwise": false,
"boss": true,
"camelcase": false,
"forin": true,
"curly": true,
"eqeqeq": true,
"immed": true,
@gabskoro
gabskoro / Icon meta tags
Last active April 8, 2024 09:42
Adding meta tag informations for Chrome, iOS and Windows
<!-- http://realfavicongenerator.net -->
<!-- Chrome -->
<!-- https://developer.chrome.com/multidevice/android/installtohomescreen -->
<link rel="manifest" href="/manifest.json">
{
"short_name": "Maps",
"name": "Google Maps",
"icons": [
{
@gabskoro
gabskoro / hyphenate.css
Last active December 13, 2015 15:28
Dealing with long words in CSS
/* https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css */
.hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
@gabskoro
gabskoro / Some effects
Last active December 21, 2015 22:12
By Benjamin De Cock - stripe.com - https://www.youtube.com/watch?v=J6wUmQDQBkw
// Example 1
.arrow {
animation: bounce 1s linear infinite;
}
@keyframes bounce {
0%, 100% {
transform: none;
/* ease-out cubic */
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
@gabskoro
gabskoro / image_reader.js
Created February 2, 2016 07:53
Show an image
$(function() {
var $logoInput = $('#logo-input');
var $logoImage = $('.logo-image');
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
@gabskoro
gabskoro / triangle.css
Created February 3, 2016 12:44
Triangle
/* From: https://jsfiddle.net/josedvq/3HG6d/ */
<div class="triangle-up"></div>
<div class="triangle-right"></div>
<div class="triangle-down"></div>
<div class="triangle-left"></div>
@gabskoro
gabskoro / custom-grid.css
Created February 20, 2016 18:33
Custom grid
.grid {
display: table;
table-layout: fixed;
width: 100%;
}
.col {
display: table-cell;
}
@gabskoro
gabskoro / fonts-example.css
Created March 4, 2016 15:36
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueLTPro-Lt.eot');
src: url('HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
local('Helvetica Neue'), url('HelveticaNeueLTPro-Lt.otf') format('opentype'),
url('HelveticaNeueLTPro-Lt.ttf') format('truetype'),
url('HelveticaNeueLTPro-Lt.woff') format('woff'),
url('HelveticaNeueLTPro-Lt.woff2') format('woff2');
font-weight: 100;
font-style: normal;