Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Simple Modal Js</title>
<style id="jsbin-css">
.modal {
position: absolute;
width: 50%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>3 Col Flexbox</title>
<style id="jsbin-css">
* {
margin: 0;
padding: 0;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body {
padding: 100px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.triangle {
border-left: 50px solid red;
border-bottom: 50px solid transparent;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.triangle {
border-left: 50px solid red;
border-bottom: 50px solid transparent;
@frensuren
frensuren / customizer-custom-fileld.php
Last active September 2, 2019 06:31
Add setting in customizer
<?php
function wp_customize_register( $wp_customize ) {
if ( isset( $wp_customize->selective_refresh ) ) {
// Add Customizer Section
$wp_customize->add_section(
'contact_info',
// $argsv
array(
'title' => __('Contact Info', 'domain'),
'description' => __('Main Banner', 'domain')
@frensuren
frensuren / custom_widget.php
Last active September 2, 2019 06:27
Register a Widget in Wordpress
<?php
class CustomWidget extends WP_Widget
{
public function __construct()
{
$widget_options = array(
'classname' => 'custom_widget',
'description' => 'This is a custom widget',
);
@frensuren
frensuren / breadcrumb.php
Last active September 2, 2019 06:20
Generate Basic Wordpress Breadcrumb
<?php
/**
* Generate Breadcrumb
*/
function the_breadcrumb() {
if (!is_front_page()) {
// Start the breadcrumb with a link to your homepage
echo '<ol>';
echo '<li><a href="';
@frensuren
frensuren / wp_custom_permalink.php
Last active August 30, 2019 03:48
Code to register custom posttype and custom taxonomy with custom permalink structure.
// SmoothScroll for websites v1.2.1
// Licensed under the terms of the MIT license.
// People involved
// - Balazs Galambosi (maintainer)
// - Michael Herf (Pulse Algorithm)
(function(){
// Scroll Variables (tweakable)