Skip to content

Instantly share code, notes, and snippets.

View dimaslanjaka's full-sized avatar

Dimas Lanjaka dimaslanjaka

10 followers · 0 following
View GitHub Profile
@dimaslanjaka
dimaslanjaka / index.html
Created March 11, 2017 01:24
jQuery Add Class // source http://jsbin.com/jujiwi
<!DOCTYPE html>
<html>
<title>jQuery Add Class</title>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css">
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.1.0.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.4/jquery.lazy.min.js"></script>
@dimaslanjaka
dimaslanjaka / sitemap.html
Created April 13, 2017 20:23
sitemap www.web-development.cf
<!DOCTYPE html>
<HTML amp='amp' lang='en'>
<head>
<!--[if IE]> <link href='https://font.googleapis.com' rel='dns-prefetch'/> <link href='https://dl.dropboxusercontent.com' rel='dns-prefetch'/> <link href='https://maxcdn.bootstrapcdn.com' rel='dns-prefetch'/> <![endif]-->
<!--[if !IE]><!-->
<link href='//font.googleapis.com' rel='dns-prefetch'/>
<link href='//dl.dropboxusercontent.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<!--<![endif]-->
<link href='' rel='prerender'/>
@dimaslanjaka
dimaslanjaka / amp-sitemap-only.html
Created April 13, 2017 21:42
sitemap for amp page
<!doctype html><html ⚡><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link href='' rel='canonical'/>
<style amp-custom>#table-outer{padding:7px 10px;margin:0 auto}#table-outer table{width:auto;margin:0 auto}#table-outer form{font:inherit}#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#table-outer select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;outline:0;color:#333;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#table-outer select option{min-height:1.4em}#table-outer input#feed-q{padding:5px 10px}#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#feed-container
@dimaslanjaka
dimaslanjaka / sitemap test.html
Last active April 14, 2017 01:40
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link href='' rel='canonical'/>
<style amp-custom>#table-outer{
padding:7px 10px;
margin:0 auto}
#table-outer table{
@dimaslanjaka
dimaslanjaka / index.html
Last active April 14, 2017 05:10
Google Translate Widget
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style id="jsbin-css">
#translator-wrapper {
display:block;
width:90%;
max-width:300px;
border:none;
background-color:#fff;
color:#444;
overflow:hidden;
@dimaslanjaka
dimaslanjaka / index.html
Last active April 14, 2017 13:19
// source http://jsbin.com/fazuqof
<meta charset='utf-8'/><meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/><meta content='IE=9; IE=8; IE=7; IE=EDGE; chrome=1' http-equiv='X-UA-Compatible'/>
<style id="jsbin-css">
#show-cat{float:left;margin:20px 5% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:18px;border:1px solid #ccc}
#show-cat ul{margin:0;border-top:0px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0px solid #ccc;border-left:0px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid #ccc;}
#show-cat ul li:last-child a{border-bottom:none;}
#show-cat ul li a,#navi-cat a{background:#fff;color:#4d90f0;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
@dimaslanjaka
dimaslanjaka / index.html
Created April 15, 2017 03:47
// source http://jsbin.com/jideki
<style id="jsbin-css">
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
body {
margin: 0;
padding: 0;
background: #fff;
font-family: 'Roboto', sans-serif;
}
*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ins{background:#fff;}
#arlina {
@dimaslanjaka
dimaslanjaka / form.html
Last active April 16, 2017 09:07
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html class="supernova">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/json+oembed" href="https://www.jotform.com/oembed/?format=json&amp;url=http%3A%2F%2Fwww.jotform.com%2Fform%2F71051612971451" title="oEmbed Form">
<link rel="alternate" type="text/xml+oembed" href="https://www.jotform.com/oembed/?format=xml&amp;url=http%3A%2F%2Fwww.jotform.com%2Fform%2F71051612971451" title="oEmbed Form">
<meta property="og:title" content="Blue Sky Contact Form" >
<meta property="og:url" content="https://www.jotform.me/form/71051612971451" >
<meta property="og:description" content="Please click the link to complete this form.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
@dimaslanjaka
dimaslanjaka / contactform-escape.html
Created April 16, 2017 10:09
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Random Posts</title>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<style>
body {
background-color:transparent;
margin:0;
@dimaslanjaka
dimaslanjaka / Responsive Search Form.html
Created April 17, 2017 09:15
<form class="searchform">
<input type="text" name="s">
<input type="submit" value="Search" title="Search Button">
</form>
<style>
.searchform{
position:relative
}
.searchform input[type="text"]{
background: #EBEBEB;