Based on a Dribbble by Riccardo Cavallo.
Click on the "Contact Me" button to see it in action.
A Pen by Aaron Taylor on CodePen.
<!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> |
<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 --> |
<?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;"); |
// 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 | |
*/ |
Based on a Dribbble by Riccardo Cavallo.
Click on the "Contact Me" button to see it in action.
A Pen by Aaron Taylor on CodePen.
A very minimal responsive blog card design.
A Pen by Chyno Deluxe on CodePen.
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.
<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> |
A Pen by Chris Coyier on CodePen.
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" |