Skip to content

Instantly share code, notes, and snippets.

View JoeSz's full-sized avatar

Joe JoeSz

40 followers · 5 following
View GitHub Profile
@JoeSz
JoeSz / responsive_page_like.html
Last active June 24, 2025 20:50
Responsive Facebook Page Like Box
<!DOCTYPE HTML>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="fb-container" style="width:100%;">
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-height="160" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
</div>
@JoeSz
JoeSz / console_log.sublime-snippet
Last active October 19, 2016 09:45 — forked from hzlzh/gist:3128038
console.log() snippet for Sublime Text 2
<snippet>
<!-- put this file in /packages/User/<Folder Name>/console_log.sublime-snippet then restart your Sublime Text 2 -->
<content><![CDATA[console.log( '$1' );$0]]></content>
<tabTrigger>conl</tabTrigger>
<scope>text.html,source.js</scope>
<description>console.log()</description>
</snippet>
<snippet>
<!-- put this in another file /packages/User/<Folder Name>/console_dir.sublime-snippet then restart your Sublime Text 2 -->
@JoeSz
JoeSz / DateInterval_11556731.php
Created June 15, 2018 13:17 — forked from hakre/DateInterval_11556731.php
How we can add two date intervals in PHP
<?php
/**
* How we can add two date intervals in PHP
* @link http://stackoverflow.com/q/11556731/367456
* @link http://codepad.viper-7.com/oBW2le
*
* NOTE: This code is rough.
*/
header("Content-Type: text/plain;");
@JoeSz
JoeSz / wp-query-ref.php
Created September 17, 2018 20:13 — forked from luetkemj/wp-query-ref.php
WP: Query $args
// This gist is now maintained on github at https://github.com/luetkemj/wp-query-ref
<?php
/**
* WordPress Query Comprehensive Reference
* Compiled by luetkemj - luetkemj.github.io
*
* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters
* Source: https://core.trac.wordpress.org/browser/tags/4.9.4/src/wp-includes/query.php
*/
@JoeSz
JoeSz / contact-me-animation.markdown
Created September 23, 2018 18:40 — forked from CodeMyUI/contact-me-animation.markdown
Contact Me Animation
@JoeSz
JoeSz / blog-cards.markdown
Created September 23, 2018 18:50 — forked from CodeMyUI/blog-cards.markdown
Blog Cards
@JoeSz
JoeSz / highlight-keywords-of-text-on-hover.markdown
Created September 23, 2018 18:52 — forked from CodeMyUI/highlight-keywords-of-text-on-hover.markdown
Highlight keywords of text on hover

Highlight keywords of text on hover

Just a little experiment. When hovering over the article with your mouse, some keywords from the text should be easy readable while the rest should be darker.

A Pen by Bas Groothedde on CodePen.

License.

@JoeSz
JoeSz / index.html
Created September 23, 2018 18:54 — forked from CodeMyUI/index.html
Material Design - Transformation
<div class="wrapper">
<div class="content">
<div class="img"></div>
<div class="text">
<div class="line title"></div>
<div class="line subtitle"></div>
</div>
</div>
</div>
@JoeSz
JoeSz / The CSS at... Info.markdown
Created October 8, 2018 18:12 — forked from CodeMyUI/The CSS at... Info.markdown
@JoeSz
JoeSz / regexCheatsheet.js
Created January 15, 2019 07:53 — forked from sarthology/regexCheatsheet.js
A regex cheatsheet 👩🏻‍💻 (by Catherine)
let regex;
/* matching a specific string */
regex = /hello/; // looks for the string between the forward slashes (case-sensitive)... matches "hello", "hello123", "123hello123", "123hello"; doesn't match for "hell0", "Hello"
regex = /hello/i; // looks for the string between the forward slashes (case-insensitive)... matches "hello", "HelLo", "123HelLO"
regex = /hello/g; // looks for multiple occurrences of string between the forward slashes...
/* wildcards */
regex = /h.llo/; // the "." matches any one character other than a new line character... matches "hello", "hallo" but not "h\nllo"
regex = /h.*llo/; // the "*" matches any character(s) zero or more times... matches "hello", "heeeeeello", "hllo", "hwarwareallo"