Skip to content

Instantly share code, notes, and snippets.

View bepatrickdavid's full-sized avatar

bepatrickdavid bepatrickdavid

10 followers · 0 following
View GitHub Profile
@bepatrickdavid
bepatrickdavid / demo.js
Created November 20, 2017 07:55
JS: Scroll between section smooth scrolling anchor js
/*-------------------------------------------------*/
/* = Scroll between sections
/*-------------------------------------------------*/
var $root = $('html, body');
$('a.anchor[href*=#]').on("click",function(event) {
event.preventDefault();
var offset = -150;
@bepatrickdavid
bepatrickdavid / tabs.html
Created September 14, 2017 14:36
JS: Simple Tab - tabs
<script>
$('.ttabs').on("click", " .ttab", function () {
$(this).siblings().removeClass('active');
$(this).addClass('active');
var tabID = $(this).attr('data-ttab');
var tabSelected = $(this).closest('.ttabs-wrap').find("[data-ttab='" + tabID + "']");
tabSelected.siblings().removeClass('active');
tabSelected.addClass('active');
@bepatrickdavid
bepatrickdavid / youtube.scss
Created May 24, 2017 14:38
SASS: video youtube iframe 16:9 responsive
.wrap-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
iframe {
position: absolute;
top: 0;
left: 0;
@bepatrickdavid
bepatrickdavid / style.css
Last active December 6, 2018 14:27
[CSS] class style
[class$="test"]
elements that have a class that ends with “test”
[class*=“test"]
elements that have a class that contain “test”
[class~=“test”]
elements that have a class that contain at least class“test”
[class|=“test”]
@bepatrickdavid
bepatrickdavid / functions.php
Created March 7, 2017 10:26
WPML: Widget translation
function widget( $args, $instance ) {
extract($args);
$title = apply_filters( 'widget_title', empty($instance['title']) ? '' : $instance['title'], $instance );
}
@bepatrickdavid
bepatrickdavid / html5-schema.org-markup.html
Created February 20, 2017 08:52 — forked from gregrickaby/html5-schema.org-markup.html
Proper SCHEMA.ORG markup
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noodp, noydir" />
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<link rel="canonical" href="http://mysite.com/" />
<link rel="stylesheet" href="http://mysite.com/style.css" type="text/css" />
@bepatrickdavid
bepatrickdavid / .htaccess
Created November 11, 2016 10:36
.htaccess: Rewrite .html file extensions with htaccess ex.redirect from /blog.html to /blog too. No duplicate pages for SEO
# This tag ensures the rewrite module is loaded
<IfModule mod_rewrite.c>
# enable the rewrite engine
RewriteEngine On
# Set your root directory
RewriteBase /
# remove the .html extension
RewriteCond %{THE_REQUEST} ^GET\ (.*)\.html\ HTTP
RewriteRule (.*)\.html$ $1 [R=301]
@bepatrickdavid
bepatrickdavid / cacheimages.js
Created October 7, 2016 09:52
JS: Preload images after all page is load
function preloadImages(array) {
if (!preloadImages.list) {
preloadImages.list = [];
}
var list = preloadImages.list;
for (var i = 0; i < array.length; i++) {
var img = new Image();
img.onload = function() {
var index = list.indexOf(this);
if (index !== -1) {
@bepatrickdavid
bepatrickdavid / gist:e711a3a8779d1b6f78377a851a0b6ecd
Created October 7, 2016 09:51
PHP: Array php to array js
var images = ['<?=implode("', '", $cachedImages)?>'];
@bepatrickdavid
bepatrickdavid / gist:de2991f0a116beaaefdeae349f91d41a
Created October 6, 2016 07:44
WPML: preserve url parameters
https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/
in the wpml settings insert parameters