Skip to content

Instantly share code, notes, and snippets.

View der-lukas's full-sized avatar

Lukas Guschlbauer der-lukas

16 followers · 1 following
View GitHub Profile
@der-lukas
der-lukas / 0_reuse_code.js
Last active August 29, 2015 14:17
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@der-lukas
der-lukas / javascript_resources.md
Last active August 29, 2015 14:17 — forked from jookyboi/javascript_resources.md
Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.

Libraries

  • jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  • Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - Conventions based MVC framework for HTML5 apps.
  • Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
  • lawnchair - Key/value store adapter for indexdb, localStorage
@der-lukas
der-lukas / css_resources.md
Last active August 29, 2015 14:17 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@der-lukas
der-lukas / acf_add_options_sub_page.php
Last active August 29, 2015 14:17
Collection of useful functions for Wordpress Just drop in functions.php
if( function_exists('acf_add_options_sub_page') )
{
acf_add_options_sub_page( 'General' );
acf_add_options_sub_page( 'Kontakt Intros' );
}
@der-lukas
der-lukas / cpt_loop.php
Last active November 22, 2022 13:25
Isotope + Filtering with Custom Taxonomy and Custom Post Type
<!-- PROJECTS -->
<section id="projects" class="row">
<?php
$args = array(
'post_type' => 'pt-project',
'posts_per_page' => -1,
'orderby' => 'menu_order', // When order via "Simple Page Ordering"-Plugin
'order' => 'ASC'
);
@der-lukas
der-lukas / isMobile.js
Created March 28, 2015 14:54
isMobile JS Check
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
@der-lukas
der-lukas / google_maps.js
Last active August 29, 2015 14:17
Google Maps JS Functions
// ********** GOOGLE MAPS FUNCTIONS ************* //
/*
* render_map
*
* This function will render a Google Map onto the selected jQuery element
*
* @type function
* @date 8/11/2013
* @since 4.3.0
@der-lukas
der-lukas / contactform7_multiple_recipients.php
Created April 4, 2015 07:12
From http://brandoncoppernoll.com/how-to-use-pipes-in-contact-form-7/
[select* email-recipient “Sales|sales@yourdomain.com” “Tech Support|support@yourdomain.com” “Inquiry|info@yourdomain.com”]
@der-lukas
der-lukas / Tooltip.coffee
Last active April 20, 2017 14:38
class exports.Tooltip extends Layer
constructor: (config) ->
super config
tooltipOptions =
bg: '#555'
fontSize: "12px"
fontFamily: "Helvetica, sans-serif"
lineHeight: "16px"
padding: "12px"
fontWeight: "400"
@der-lukas
der-lukas / ScrollAway.tsx
Created September 6, 2018 08:55
Put this file in the "code"-folder in your Framer X project
import * as React from "react";
import { Data, Override, PropertyControls, ControlType, Frame } from "framer";
const noChildrenStyle: React.CSSProperties = {
height: "100%",
display: "flex",
alignItems: "center",
justifyContent: "center",
textAlign: "center",
color: "#8855FF",