Skip to content

Instantly share code, notes, and snippets.

@Komock
Komock / jquery.observer.js
Last active November 4, 2015 17:29
Jquery observer pattern (single object module)
(function($){
//-- Observer
var o = $({});
$.each({
trigger: 'publish',
on: 'subscribe',
off: 'unsubscribe'
}, function(key, val){
jQuery[val] = function(){
@Komock
Komock / jquery.slideFadeToggle.js
Created July 8, 2015 09:32
jQuery Slide Fade Toggle
(function($){
$.fn.slideFadeToggle = function(speed, easing, callback){
return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
};
})(jQuery);
//$(document).on('click', '.btn', function(){
@Komock
Komock / header-snippens.html
Last active October 22, 2015 11:27
Popular Header Snippens
<!-- Mobile Viewport -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale= 1.0">
<!-- IE Meta -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Favicon -->
<link rel="shortcut icon" href="path/to/favicon.ico">
<!-- Conditional Comments for IE -->
@Komock
Komock / placeholder-color.css
Created April 10, 2015 08:39
Add Placeholder Color
::-webkit-input-placeholder {color:#c0392b;}
::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */
:-moz-placeholder {color:#c0392b;}/* Firefox 18- */
:-ms-input-placeholder {color:#c0392b;}
@Komock
Komock / add-widget-area-genesis.php
Last active August 29, 2015 14:12
Add a Widget Area in GenesisFramework WordPress Theme
<?php
//* Add a Widget After Header
genesis_register_sidebar( array(
'id' => 'widget-id',
'name' => __( 'Widget Name', 'genesis' ),
'description' => __( 'This is the Widget After Header', 'genesis' ),
) );
add_action( 'genesis_after_header', 'add_new_widget' );
function add_new_widget() {
{