Skip to content

Instantly share code, notes, and snippets.

View Fischaela's full-sized avatar
⬇️
🔥 fire bad, 🌳 tree pretty

Michaela Fischaela

⬇️
🔥 fire bad, 🌳 tree pretty
View GitHub Profile
@Fischaela
Fischaela / _animation-shake.scss
Last active November 10, 2016 16:12
Small shaking animation for using in compass
@mixin content-shake {
0% { @include transform(translate(3px, 2px),rotate(0deg)); }
91% { @include transform(translate(-2px, -3px),rotate(-2deg)); }
92% { @include transform(translate(-4px, 0px),rotate(2deg)); }
93% { @include transform(translate(0px, 3px),rotate(0deg)); }
94% { @include transform(translate(2px, -2px),rotate(2deg)); }
95% { @include transform(translate(-2px, 3px),rotate(-2deg)); }
96% { @include transform(translate(-4px, 2px),rotate(0deg)); }
97% { @include transform(translate(3px, 2px),rotate(-2deg)); }
98% { @include transform(translate(-2px, -2px),rotate(2deg)); }
@Fischaela
Fischaela / detectIos7.js
Created April 1, 2014 17:01
Detect iOS 7
if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) {
$('html').addClass('ipad ios7');
}
@Fischaela
Fischaela / viewport_sizes.md
Created August 4, 2014 14:29 — forked from tvandervossen/gist:1231476
Viewport sizes iOS

iPad

1024 × 690 In landscape on iOS 4.3 1024 × 672 In landscape on iOS 5 768 × 946 In portrait on iOS 4.3 768 × 928 In portrait on iOS 5

1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3 1024 × 644 Always showing bookmarks bar in landscape on iOS 5 768 × 916 Always showing bookmarks bar in portrait on iOS 4.3

@Fischaela
Fischaela / countries.js
Created August 12, 2014 15:27 — forked from markmarkoh/gist:2969317
Countries
var countries_data = {"type":"FeatureCollection","features":[
{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[74.92,37.24],[74.57,37.03],[72.56,36.82],[71.24,36.13],[71.65,35.42],[71.08,34.06],[69.91,34.04],[70.33,33.33],[69.51,33.03],[69.33,31.94],[66.72,31.21],[66.26,29.85],[62.48,29.41],[60.87,29.86],[61.85,31.02],[60.84,31.5],[60.58,33.07],[60.94,33.52],[60.51,34.14],[61.28,35.61],[62.72,35.25],[63.12,35.86],[64.5,36.28],[64.8,37.12],[66.54,37.37],[67.78,37.19],[69.32,37.12],[70.97,38.47],[71.59,37.9],[71.68,36.68],[73.31,37.46],[74.92,37.24]]]]},"properties":{"name":"Afghanistan"},"id":"AF"},
{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[19.44,41.02],[19.37,41.85],[19.65,42.62],[20.07,42.56],[20.59,41.88],[20.82,40.91],[20.98,40.86],[20.01,39.69],[19.29,40.42],[19.44,41.02]]]]},"properties":{"name":"Albania"},"id":"AL"},
{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[2.96,36.8],[8.62,36.94],[8.18,36.52],[8.25,34.64],[7.49,33.89],[9.06,3

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>
@Fischaela
Fischaela / viewport_sizes.md
Last active August 29, 2015 14:07
iPhone viewport sizes

Menu bars

  • iOS7 menu bar safari large: 20px + 44px + 44px = 108px
  • iOS7 menu bar safari small: 44px + 44px = 88px

iPhone 3, 3GS, 4, 4S

  • reported-viewport-width: 320px
  • reported-viewport-height: 480px

iPhone 5

  • reported-viewport-width: 320px
@Fischaela
Fischaela / .scss-lint.yml
Last active October 21, 2015 15:05
SCSS Lint Configuration
# Default application configuration that all configurations inherit from.
linters:
BorderZero:
enabled: true
CapitalizationInSelector:
enabled: true
ColorKeyword:
enabled: true
@Fischaela
Fischaela / WebGLResisze.js
Created December 15, 2014 19:32
Window resize handler for standard WebGL projects with Three.js
var _onWindowResize = function () {
_containerWidth = _$container.width();
_containerHeight = _containerWidth / CANVAS_RATIO_FACTOR;
_camera.aspect = _containerWidth / _containerHeight;
_camera.updateProjectionMatrix();
_renderer.clear();
_renderer.setSize(_containerWidth, _containerHeight);
@Fischaela
Fischaela / viewports_to_test.md
Last active August 29, 2015 14:11
List with viewport sizes to test in a project

Desktop

[Most % usage of web users][1]

  • 1280px x 800px (16:10)
  • 1280px x 720px (HD 720p, 16:9)
  • 1280px x 1024px (SXGA, 5:4)
  • 1440px x 900px (WXGA+, 16:10)
  • 1920px x 1080px (HD 1080p, 16:10)
  • 2048px x 1080px (2K, 17:9)

Tablet

@Fischaela
Fischaela / jshint_helper
Created January 8, 2015 19:29
JS Hint Helper
// jshint ignore:line