Skip to content

Instantly share code, notes, and snippets.

View uschmelzer's full-sized avatar

Uwe Schmelzer uschmelzer

View GitHub Profile
@uschmelzer
uschmelzer / index.html
Created October 9, 2020 11:25
Positon Sticky
<main class="main-container">
<header class="main-header">HEADER</header>
<div class="main-content">MAIN CONTENT</div>
<footer class="main-footer">FOOTER</footer>
</main>
@uschmelzer
uschmelzer / aos-anchor-anchor-placement.markdown
Created October 6, 2020 12:31
AOS - anchor & anchor-placement
{
"html_attributions" : [],
"results" : [
{
"formatted_address" : "101 Plaza Center, Secaucus, NJ 07094, United States",
"geometry" : {
"location" : {
"lat" : 40.79164149999999,
"lng" : -74.0568873
},
@uschmelzer
uschmelzer / dabblet.css
Created November 7, 2018 14:31 — forked from wrumsby/dabblet.css
Using images for checkboxes and radiobuttons
/**
* Using images for checkboxes and radiobuttons
*/
body {
background-color: #fff;
color: #333;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
line-height: 1.6;
}
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style id="jsbin-css">
.table {
display: table;
/* border-collapse: separate; */
border-collapse: collapse;
<?php
//set up pods::find parameters to limit to 5 items
$param = array(
'limit' => 5,
);
//create pods object
$pods = pods('pod_name', $params );
//check that total values (given limit) returned is greater than zero
if ( $pods->total() > 0 ) {
@uschmelzer
uschmelzer / isElementInViewport.js
Created June 15, 2017 19:55 — forked from davidtheclark/isElementInViewport.js
JavaScript: Is element in viewport?
/*
No jQuery necessary.
Thanks to Dan's StackOverflow answer for this:
http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
*/
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
@uschmelzer
uschmelzer / onViewport.js
Created June 15, 2017 19:46 — forked from eltonmesquita/onViewport.js
A simple jQuery function that adds a class when the target(s) is in the viewport
function onViewport(el, elClass, offset, callback) {
/*** Based on http://ejohn.org/blog/learning-from-twitter/ ***/
var didScroll = false;
var this_top;
var height;
var top;
if(!offset) { var offset = 0; }
$(window).scroll(function() {
@uschmelzer
uschmelzer / Simple language switcher
Created May 10, 2015 01:28
Simple language switcher
<f:layout name="Page"/>
<div xmlns="http://www.w3.org/1999/xhtml" lang="en"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:section name="SimpleLanguageSwitcher">
<!-- Get current language id, e.g. 0, 1 -->
<!-- In my case 0 = German, 1 = English -->
<f:if condition="{v:page.language(normalWhenNoLanguage: 1)} == 1">