Skip to content

Instantly share code, notes, and snippets.

View gabskoro's full-sized avatar

Gabrijel Škoro gabskoro

View GitHub Profile
@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 / 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 / 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 / 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": [
{
{
"node": true,
"browser": true,
"bitwise": false,
"boss": true,
"camelcase": false,
"forin": true,
"curly": true,
"eqeqeq": true,
"immed": true,
LineLength:
Max: 120
Documentation:
Enabled: False
NegatedIf:
Enabled: False
SignalException:
# Default application configuration that all configurations inherit from.
linters:
BorderZero:
enabled: true
CapitalizationInSelector:
enabled: false
ColorKeyword: