Skip to content

Instantly share code, notes, and snippets.

View MartinMuzatko's full-sized avatar
🐈

Martin Muzatko MartinMuzatko

🐈
View GitHub Profile
@MartinMuzatko
MartinMuzatko / Responsive Media Queries
Last active August 29, 2015 14:04
Responsive with ems
/*
Imagine a setup of a two-column website
of course - you have to adapt the CSS to your needs.
PROs:
your responsive layout is adaptive to the font, not any arbitrary pixels.
You have control about the font, not about the pixels.
main.group
#########################################################
@MartinMuzatko
MartinMuzatko / num_vocabulary
Last active August 29, 2015 14:23
Numeral Vocabulary - Million to Centillion
// Distinct Vocabulary
illion
bi
tri
quadr
quint
sext
sept
oct
@MartinMuzatko
MartinMuzatko / bodyTag Overwriter
Created June 25, 2013 09:28
Typoscript for overwriting body opening Tag
page.bodyTag >
page.bodyTagCObject = TEXT
page.bodyTagCObject.value = <body class="{field:backend_layout}">
// These are ALL the available field: variables that are available
uid => '1' (1 chars)
pid => '0' (1 chars)
t3ver_oid => '0' (1 chars)
@MartinMuzatko
MartinMuzatko / AvatarViewHelper.php
Created September 12, 2013 15:20
Minecraft Avatar Viewhelper
<?php
namespace TYPO3\Mcserver\ViewHelper;
use \TYPO3\CMS\Mcserver\Utility as McUtility;
/**
* This class is a demo view helper for the Fluid templating engine.
*
* @author Martin Muzatko
* @package mcserver
*
.group:before,
.group:after
{
display: table;
}
.group:after
{
clear: both;
}
@MartinMuzatko
MartinMuzatko / html
Created December 18, 2013 10:01
Social Buttons for Justimmo
<section class="bg_social">
<a title="Hier geht es zu unserer Facebook Seite" target="_blank" href="http://www.facebook.com/SoderImmo">
<img alt="facebook" src="/themes/icons/facebook/facebook-24-black.png">
</a>
<a title="Hier geht es zu unserer Google Seite" target="_blank" href="https://plus.google.com/u/0/111561047874732218409/about/p/pub">
<img alt="google" src="/themes/icons/google/google-24-black.png">
</a>
<a title="Hier geht es zu unserer Twitter Seite" target="_blank" href="https://twitter.com/RobertSoderP">
<img alt="twitter" src="/themes/icons/twitter/twitter-24-black.png">
</a>
/**
* FLEX GRID is not available as standalone via angular Material anymore. We have to manually import it.
*
*/
@-moz-document url-prefix() {
[layout-fill] {
margin: 0;
width: 100%;
@MartinMuzatko
MartinMuzatko / SassMeister-input.scss
Last active May 18, 2016 08:24
Flexproperties - ~4053 Lines
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
$breakpoints: (
(sm, 600px)
(md, 960px)
(lg, 1200px)
);
@MartinMuzatko
MartinMuzatko / SassMeister-input.scss
Last active May 18, 2016 08:29
Angular Material Default - ~5826 lines without vendor prefixes
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
$layout-gutter-width: 16px !default;
$layout-breakpoint-sm: 960px !default;
$layout-breakpoint-md: 1280px !default;
$layout-breakpoint-lg: 1920px !default;
@MartinMuzatko
MartinMuzatko / fn.js
Created June 30, 2016 11:47
Finding multiple occurences of string and highlight them
(find, content) => {
// EXAMPLE
// find = 'route found'
// content = 'we found, that routes are commonly misinterpreted'
// return: 'we <b>found</b>, that <b>route</b>s are commonly misinterpreted'
var searchQueries = find.toLowerCase().split(' ')
// highlight all parts of strings that were found
for (var searchQuery in searchQueries) {
searchQuery = searchQueries[searchQuery]
if (!!~content.toLowerCase().indexOf(searchQuery)) {